@edifice.io/react 2.5.16-develop-pedago.20260414153809 → 2.5.16-develop-integration.20260421203533

package/dist/components/Dropdown/Dropdown.d.ts

@@ -81,7 +81,7 @@ declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps
     Trigger: import('react').ForwardRefExoticComponent<Omit<import('./DropdownTrigger').DropdownTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     Menu: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Item: {
-        ({ type, icon, onClick, children, className, minWidth, disabled, ...restProps }: import('./DropdownItem').DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+        ({ type, icon, onClick, children, className, minWidth, disabled, searchValue, ...restProps }: import('./DropdownItem').DropdownItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Separator: {
@@ -89,13 +89,17 @@ declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps
         displayName: string;
     };
     CheckboxItem: {
-        ({ children, value, model, onChange, }: DropdownCheckboxItem): import("react/jsx-runtime").JSX.Element;
+        ({ children, value, model, onChange, searchValue, }: DropdownCheckboxItem): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     RadioItem: {
-        ({ children, value, model, onChange, }: import('./DropdownRadioItem').DropdownRadioItemProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, value, model, onChange, searchValue, }: import('./DropdownRadioItem').DropdownRadioItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     MenuGroup: import('react').ForwardRefExoticComponent<import('./DropdownMenuGroup').DropdownMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    SearchInput: {
+        ({ placeholder, noResultsLabel, onSearch, }: import('./DropdownSearchInput').DropdownSearchInputProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };
 export default Dropdown;

package/dist/components/Dropdown/Dropdown.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useMemo, useEffect } from "react";
+import { forwardRef, useState, useRef, useCallback, useImperativeHandle, useMemo, useEffect } from "react";
 import clsx from "clsx";
 import useDropdown from "../../hooks/useDropdown/useDropdown.js";
 import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
@@ -8,6 +8,7 @@ import DropdownItem from "./DropdownItem.js";
 import DropdownMenu from "./DropdownMenu.js";
 import DropdownMenuGroup from "./DropdownMenuGroup.js";
 import DropdownRadioItem from "./DropdownRadioItem.js";
+import DropdownSearchInput from "./DropdownSearchInput.js";
 import DropdownSeparator from "./DropdownSeparator.js";
 import DropdownTrigger from "./DropdownTrigger.js";
 import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
@@ -24,7 +25,15 @@ const Root = /* @__PURE__ */ forwardRef(({
   openOnSpace = !0,
   focusOnMouseEnter = !0
 }, refDropdown) => {
-  const {
+  const [searchQuery, setSearchQuery] = useState(""), [hasMatches, setHasMatches] = useState(!0), matchMapRef = useRef(/* @__PURE__ */ new Map()), reportMatch = useCallback((id, isMatch) => {
+    matchMapRef.current.set(id, isMatch);
+    const next = [...matchMapRef.current.values()].some(Boolean);
+    setHasMatches((prev) => prev !== next ? next : prev);
+  }, []), unregisterMatch = useCallback((id) => {
+    matchMapRef.current.delete(id);
+    const next = matchMapRef.current.size === 0 || [...matchMapRef.current.values()].some(Boolean);
+    setHasMatches((prev) => prev !== next ? next : prev);
+  }, []), {
     visible,
     isFocused,
     triggerProps,
@@ -58,14 +67,19 @@ const Root = /* @__PURE__ */ forwardRef(({
     block,
     setVisible,
     openDropdown,
-    closeDropdown
-  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible, openDropdown, closeDropdown]), dropdown = clsx("dropdown", {
+    closeDropdown,
+    searchQuery,
+    setSearchQuery,
+    hasMatches,
+    reportMatch,
+    unregisterMatch
+  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible, openDropdown, closeDropdown, searchQuery, hasMatches, reportMatch, unregisterMatch]), dropdown = clsx("dropdown", {
     "w-100": block,
     "dropdown-nowrap": noWrap,
     overflow
   });
   return useEffect(() => {
-    onToggle == null || onToggle(visible);
+    onToggle == null || onToggle(visible), visible || setSearchQuery("");
   }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
 }), Dropdown = /* @__PURE__ */ Object.assign(Root, {
   Trigger: DropdownTrigger,
@@ -74,7 +88,8 @@ const Root = /* @__PURE__ */ forwardRef(({
   Separator: DropdownSeparator,
   CheckboxItem: DropdownCheckboxItem,
   RadioItem: DropdownRadioItem,
-  MenuGroup: DropdownMenuGroup
+  MenuGroup: DropdownMenuGroup,
+  SearchInput: DropdownSearchInput
 });
 export {
   Dropdown as default

package/dist/components/Dropdown/DropdownCheckboxItem.d.ts

@@ -16,9 +16,14 @@ interface DropdownCheckboxItem {
      * OnKeyDown handler
      */
     onChange: (value: string | number) => void;
+    /**
+     * Value used to filter this item when `Dropdown.SearchInput` is present.
+     * If provided, the item is hidden when the search query doesn't match.
+     */
+    searchValue?: string;
 }
 declare const DropdownCheckboxItem: {
-    ({ children, value, model, onChange, }: DropdownCheckboxItem): import("react/jsx-runtime").JSX.Element;
+    ({ children, value, model, onChange, searchValue, }: DropdownCheckboxItem): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default DropdownCheckboxItem;

package/dist/components/Dropdown/DropdownCheckboxItem.js

@@ -1,33 +1,38 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
 import clsx from "clsx";
 import { useDropdownContext } from "./DropdownContext.js";
+import { useDropdownItemFilter } from "./useDropdownItemFilter.js";
+import DropdownItemHidden from "./DropdownItemHidden.js";
 import Checkbox from "../Checkbox/Checkbox.js";
 const DropdownCheckboxItem = ({
   children,
   value,
   model,
-  onChange
+  onChange,
+  searchValue
 }) => {
   const {
     itemProps,
     itemRefs,
     isFocused
   } = useDropdownContext(), {
+    id,
+    isFiltered
+  } = useDropdownItemFilter(searchValue), {
     onMenuItemKeyDown,
     onMenuItemMouseEnter
-  } = itemProps, id = useId(), checked = model.includes(value), checkboxProps = {
+  } = itemProps, checked = model.includes(value), checkboxProps = {
     value,
     model,
     checked,
     readOnly: !0
   }, dropdownCheckboxItem = clsx("dropdown-item c-pointer", {
     focus: isFocused === id
-  });
-  return /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemcheckbox", "aria-checked": checked, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: checked ? 0 : -1, className: dropdownCheckboxItem, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
+  }), content = /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
     children,
     /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps })
-  ] }) });
+  ] });
+  return isFiltered ? /* @__PURE__ */ jsx(DropdownItemHidden, { collapse: !0, children: content }) : /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemcheckbox", "aria-checked": checked, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: checked ? 0 : -1, className: dropdownCheckboxItem, children: content });
 };
 export {
   DropdownCheckboxItem as default

package/dist/components/Dropdown/DropdownContext.d.ts

@@ -2,6 +2,11 @@ import { UseDropdownProps } from '../../hooks/useDropdown/useDropdown';
 type OmittedProps = Omit<UseDropdownProps, 'triggerRef' | 'menuRef'>;
 export interface DropdownContextProps extends OmittedProps {
     block?: boolean;
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+    hasMatches: boolean;
+    reportMatch: (id: string, isMatch: boolean) => void;
+    unregisterMatch: (id: string) => void;
 }
 export declare const DropdownContext: import('react').Context<DropdownContextProps | null>;
 export declare const useDropdownContext: () => DropdownContextProps;

package/dist/components/Dropdown/DropdownItem.d.ts

@@ -29,9 +29,14 @@ export interface DropdownItemProps {
      * Disabled status
      */
     disabled?: boolean;
+    /**
+     * Value used to filter this item when `Dropdown.SearchInput` is present.
+     * If provided, the item is hidden when the search query doesn't match.
+     */
+    searchValue?: string;
 }
 declare const DropdownItem: {
-    ({ type, icon, onClick, children, className, minWidth, disabled, ...restProps }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ type, icon, onClick, children, className, minWidth, disabled, searchValue, ...restProps }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default DropdownItem;

package/dist/components/Dropdown/DropdownItem.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
 import clsx from "clsx";
 import { useDropdownContext } from "./DropdownContext.js";
+import { useDropdownItemFilter } from "./useDropdownItemFilter.js";
+import DropdownItemHidden from "./DropdownItemHidden.js";
 const DropdownItem = ({
   type = "action",
   icon,
@@ -10,6 +11,7 @@ const DropdownItem = ({
   className,
   minWidth,
   disabled,
+  searchValue,
   ...restProps
 }) => {
   const {
@@ -17,12 +19,15 @@ const DropdownItem = ({
     itemRefs,
     isFocused
   } = useDropdownContext(), {
+    id,
+    isFiltered
+  } = useDropdownItemFilter(searchValue), {
     onMenuItemKeyDown,
     onMenuItemMouseEnter,
     onMenuItemClick
   } = itemProps, handleOnClick = (event) => {
     disabled || (onClick == null || onClick(event), type === "action" && (onMenuItemClick(), event.stopPropagation()));
-  }, id = useId(), dropdownItem = clsx("dropdown-item", {
+  }, dropdownItem = clsx("dropdown-item", {
     focus: isFocused === id
   }, {
     "text-gray-600": disabled
@@ -30,11 +35,11 @@ const DropdownItem = ({
     ...minWidth && {
       minWidth: `${minWidth}px`
     }
-  };
-  return /* @__PURE__ */ jsx("div", { id, role: "menuitem", style, ref: (el) => itemRefs.current[id] = el, tabIndex: isFocused === id ? 0 : -1, className: dropdownItem, "aria-current": isFocused === id, onClick: handleOnClick, onMouseEnter: onMenuItemMouseEnter, onKeyDown: (event) => onMenuItemKeyDown(event, onClick), ...restProps, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center", children: [
+  }, content = /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center", children: [
     icon,
     children
-  ] }) });
+  ] });
+  return isFiltered ? /* @__PURE__ */ jsx(DropdownItemHidden, { children: content }) : /* @__PURE__ */ jsx("div", { id, role: "menuitem", style, ref: (el) => itemRefs.current[id] = el, tabIndex: isFocused === id ? 0 : -1, className: dropdownItem, "aria-current": isFocused === id, onClick: handleOnClick, onMouseEnter: onMenuItemMouseEnter, onKeyDown: (event) => onMenuItemKeyDown(event, onClick), ...restProps, children: content });
 };
 export {
   DropdownItem as default

package/dist/components/Dropdown/DropdownItemHidden.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface DropdownItemHiddenProps {
+    children: ReactNode;
+    /**
+     * When true, collapses height to 0 while keeping the item in the flow.
+     * Use this when the container width must stay stable during search filtering.
+     * Defaults to false (display: none).
+     */
+    collapse?: boolean;
+}
+declare const DropdownItemHidden: ({ children, collapse, }: DropdownItemHiddenProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownItemHidden;

package/dist/components/Dropdown/DropdownItemHidden.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+const DropdownItemHidden = ({
+  children,
+  collapse
+}) => /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: collapse ? {
+  height: 0,
+  overflow: "hidden",
+  margin: 0,
+  pointerEvents: "none",
+  width: "100%",
+  maxWidth: "max-content"
+} : {
+  display: "none",
+  width: "100%",
+  maxWidth: "max-content"
+}, children });
+export {
+  DropdownItemHidden as default
+};

package/dist/components/Dropdown/DropdownRadioItem.d.ts

@@ -16,9 +16,14 @@ export interface DropdownRadioItemProps {
      * onKeyDown, onMouseUp handlers
      */
     onChange: (value: string) => void;
+    /**
+     * Value used to filter this item when `Dropdown.SearchInput` is present.
+     * If provided, the item is hidden when the search query doesn't match.
+     */
+    searchValue?: string;
 }
 declare const DropdownRadioItem: {
-    ({ children, value, model, onChange, }: DropdownRadioItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, value, model, onChange, searchValue, }: DropdownRadioItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default DropdownRadioItem;

package/dist/components/Dropdown/DropdownRadioItem.js

@@ -1,33 +1,38 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
 import clsx from "clsx";
 import { useDropdownContext } from "./DropdownContext.js";
+import { useDropdownItemFilter } from "./useDropdownItemFilter.js";
+import DropdownItemHidden from "./DropdownItemHidden.js";
 import Radio from "../Radio/Radio.js";
 const DropdownRadioItem = ({
   children,
   value,
   model,
-  onChange
+  onChange,
+  searchValue
 }) => {
   const {
     itemProps,
     itemRefs,
     isFocused
   } = useDropdownContext(), {
+    id,
+    isFiltered
+  } = useDropdownItemFilter(searchValue), {
     onMenuItemKeyDown,
     onMenuItemMouseEnter
-  } = itemProps, id = useId(), radioProps = {
+  } = itemProps, radioProps = {
     value,
     model,
     checked: value === model,
     readOnly: !0
   }, dropdownRadioItem = clsx("dropdown-item c-pointer", {
     focus: isFocused === id
-  });
-  return /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemradio", "aria-checked": value === model, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: value === model ? 0 : -1, className: dropdownRadioItem, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
+  }), content = /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
     children,
     /* @__PURE__ */ jsx(Radio, { ...radioProps, className: "position-absolute start-0 end-0 top-0 bottom-0 opacity-0" })
-  ] }) });
+  ] });
+  return isFiltered ? /* @__PURE__ */ jsx(DropdownItemHidden, { children: content }) : /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemradio", "aria-checked": value === model, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: value === model ? 0 : -1, className: dropdownRadioItem, children: content });
 };
 export {
   DropdownRadioItem as default

package/dist/components/Dropdown/DropdownSearchInput.d.ts

@@ -0,0 +1,20 @@
+export interface DropdownSearchInputProps {
+    /**
+     * Placeholder text for the search input
+     */
+    placeholder?: string;
+    /**
+     * Label shown when no items match the search query
+     */
+    noResultsLabel?: string;
+    /**
+     * Called whenever the search query changes.
+     * Useful to track the current query outside the Dropdown context.
+     */
+    onSearch?: (query: string) => void;
+}
+declare const DropdownSearchInput: {
+    ({ placeholder, noResultsLabel, onSearch, }: DropdownSearchInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropdownSearchInput;

package/dist/components/Dropdown/DropdownSearchInput.js

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useDropdownContext } from "./DropdownContext.js";
+import SearchBar from "../SearchBar/SearchBar.js";
+const DropdownSearchInput = ({
+  placeholder = "Rechercher...",
+  noResultsLabel = "Pas de résultat",
+  onSearch
+}) => {
+  const {
+    searchQuery,
+    setSearchQuery,
+    hasMatches
+  } = useDropdownContext();
+  return /* @__PURE__ */ jsxs("div", { className: "px-8 pb-8", children: [
+    /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, clearable: !0, size: "md", placeholder, value: searchQuery, onChange: (e) => {
+      setSearchQuery(e.target.value), onSearch == null || onSearch(e.target.value);
+    }, onKeyDown: (e) => {
+      ["ArrowUp", "ArrowDown", "Enter", " "].includes(e.key) && e.stopPropagation();
+    } }),
+    searchQuery && !hasMatches && /* @__PURE__ */ jsx("p", { className: "body-2 text-gray-700 text-center mt-8 mb-0", children: noResultsLabel })
+  ] });
+};
+export {
+  DropdownSearchInput as default
+};

package/dist/components/Dropdown/useDropdownItemFilter.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Shared filtering logic for Dropdown item components.
+ * Computes whether the item is hidden by the current search query,
+ * and keeps the match registry in sync via reportMatch/unregisterMatch.
+ *
+ * @returns `id`        – stable element id to spread on the DOM node and itemRefs
+ * @returns `isFiltered` – true when the item should be hidden
+ */
+export declare const useDropdownItemFilter: (searchValue: string | undefined) => {
+    id: string;
+    isFiltered: boolean;
+};

package/dist/components/Dropdown/useDropdownItemFilter.js

@@ -0,0 +1,19 @@
+import { useId, useLayoutEffect } from "react";
+import { useDropdownContext } from "./DropdownContext.js";
+const useDropdownItemFilter = (searchValue) => {
+  const {
+    searchQuery,
+    reportMatch,
+    unregisterMatch
+  } = useDropdownContext(), id = useId(), isFiltered = searchValue !== void 0 && searchQuery !== "" && !searchValue.toLowerCase().includes(searchQuery.toLowerCase());
+  return useLayoutEffect(() => {
+    if (searchValue !== void 0)
+      return reportMatch(id, !isFiltered), () => unregisterMatch(id);
+  }, [id, isFiltered, searchValue, reportMatch, unregisterMatch]), {
+    id,
+    isFiltered
+  };
+};
+export {
+  useDropdownItemFilter
+};

package/dist/components/Layout/components/Header.js

@@ -4,7 +4,6 @@ import { useTranslation } from "react-i18next";
 import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
 import SvgIconRafterDown from "../../../modules/icons/components/IconRafterDown.js";
-import SvgIconCommunities from "../../../modules/icons/components/nav/IconCommunities.js";
 import SvgIconCommunity from "../../../modules/icons/components/nav/IconCommunity.js";
 import SvgIconDisconnect from "../../../modules/icons/components/nav/IconDisconnect.js";
 import SvgIconHome from "../../../modules/icons/components/nav/IconHome.js";
@@ -68,7 +67,6 @@ const Header = ({
     userName,
     welcomeUser,
     communityWorkflow,
-    communitiesWorkflow,
     conversationWorflow,
     searchWorkflow,
     isCollapsed,
@@ -99,7 +97,6 @@ const Header = ({
           /* @__PURE__ */ jsx(SvgIconOneMessaging, { className: "icon notification" }),
           /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.messages") })
         ] }) }),
-        communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/communities", translate: t("navbar.community"), children: /* @__PURE__ */ jsx(SvgIconCommunities, { className: "icon communities text-purple-500" }) }) }),
         /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", className: "dropdown-item", translate: t("navbar.myaccount"), children: /* @__PURE__ */ jsx(SvgIconOneProfile, { className: "icon user" }) }) }),
         currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
           /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: () => {
@@ -180,10 +177,6 @@ const Header = ({
             /* @__PURE__ */ jsx(SvgIconCommunity, { className: "icon community" }),
             /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
           ] }) }),
-          communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/communities", className: "nav-link dropdown-item", children: [
-            /* @__PURE__ */ jsx(SvgIconCommunities, { className: "icon communities" }),
-            /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
-          ] }) }),
           searchWorkflow ? /* @__PURE__ */ jsx(SearchEngine, {}) : null,
           /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/mon-compte", className: "nav-link dropdown-item", children: [
             /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }),

package/dist/components/Layout/hooks/useHeader.js

@@ -14,7 +14,7 @@ function useHeader({
     t
   } = useTranslation(), title = t(appCode), [isCollapsed, setIsCollapsed] = useState(!0), [appsRef, isAppsHovered] = useHover(), popoverAppsId = useId(), popoverSearchId = useId(), userAvatar = avatar, userName = user == null ? void 0 : user.username, welcomeUser = t("welcome", {
     username: user == null ? void 0 : user.firstName
-  }), bookmarkedApps = useBookmark(), communityWorkflow = useHasWorkflow("net.atos.entng.community.controllers.CommunityController|view"), communitiesWorkflow = useHasWorkflow("community.access"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
+  }), bookmarkedApps = useBookmark(), communityWorkflow = useHasWorkflow("net.atos.entng.community.controllers.CommunityController|view"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
     setIsCollapsed(!isCollapsed);
   }, [isCollapsed]);
   return useMemo(() => ({
@@ -28,12 +28,11 @@ function useHeader({
     userName,
     welcomeUser,
     communityWorkflow,
-    communitiesWorkflow,
     conversationWorflow,
     searchWorkflow,
     isCollapsed,
     toggleCollapsedNav
-  }), [appsRef, bookmarkedApps, communitiesWorkflow, communityWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
+  }), [appsRef, bookmarkedApps, communityWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
 }
 export {
   useHeader as default

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,17 @@
+export interface PaginationProps {
+    /** Current page (1-based) */
+    current: number;
+    /** Total number of items */
+    total: number;
+    /** Number of items per page */
+    pageSize: number;
+    /** Called when the page changes */
+    onChange: (page: number) => void;
+    /** Optional class for styling purpose */
+    className?: string;
+}
+/**
+ * Pagination component for navigating through pages of results.
+ * Wraps antd Pagination with a simplified, stable API.
+ */
+export declare function Pagination({ current, total, pageSize, onChange, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Pagination as Pagination$1 } from "antd";
+function Pagination({
+  current,
+  total,
+  pageSize,
+  onChange,
+  className
+}) {
+  return /* @__PURE__ */ jsx(Pagination$1, { align: "center", showSizeChanger: !1, current, total, pageSize, onChange, className });
+}
+export {
+  Pagination
+};

package/dist/components/Pagination/index.d.ts

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

package/dist/components/UserRightsList/UserRightsBookmarkRow.js

@@ -21,7 +21,7 @@ const UserRightsBookmarkRow = ({
   return /* @__PURE__ */ jsxs("tr", { "data-testid": "user-rights-list-bookmark-row", children: [
     /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(SvgIconBookmark, {}) }),
     /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", className: "fw-normal ps-0", "aria-expanded": bookmark.isExpanded, rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: bookmark.isExpanded ? t("hide") : t("show"), className: "w-16 min-w-0", style: getRotateTransitionStyle(bookmark.isExpanded) }), onClick: () => onToggleExpand(bookmark.id), children: bookmark.name }) }),
-    Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Checkbox, { checked: bookmark.permission.includes(rightName), onChange: () => onToggleRight(bookmark.id, rightName), disabled: isReadOnly || rightDef.isReadOnlyCheckbox, "aria-label": `${bookmark.name} - ${rightName}`, "data-testid": `user-rights-list-bookmark-${rightName}-checkbox` }) }, rightName)),
+    Object.entries(resourceRights).map(([rightName]) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Checkbox, { checked: bookmark.permission.includes(rightName), onChange: () => onToggleRight(bookmark.id, rightName), disabled: isReadOnly, "aria-label": `${bookmark.name} - ${rightName}`, "data-testid": `user-rights-list-bookmark-${rightName}-checkbox` }) }, rightName)),
     /* @__PURE__ */ jsx("td", { children: !isReadOnly && /* @__PURE__ */ jsx(IconButton, { "data-testid": "user-rights-list-bookmark-close-button", color: "tertiary", onClick: () => onDelete(bookmark.id), icon: /* @__PURE__ */ jsx(SvgIconClose, {}), title: `${t("close")} ${bookmark.name}`, variant: "ghost" }) })
   ] });
 };

package/dist/components/UserRightsList/UserRightsItem.js

@@ -27,7 +27,7 @@ const UserRightsItem = ({
   return /* @__PURE__ */ jsxs("tr", { "data-testid": "user-rights-list-item-row", className: rowClassName, "aria-label": bookmarkName ? `${item.displayName} - ${bookmarkName}` : void 0, children: [
     /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Avatar, { src: getAvatarURL(item.recipientId, item.recipientType), size: "xs", alt: item.displayName, variant: "circle" }) }),
     /* @__PURE__ */ jsx("td", { children: item.displayName }),
-    Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("td", { "data-testid": `user-rights-list-item-${rightName}-checkbox`, children: /* @__PURE__ */ jsx(Checkbox, { checked: item.permission.includes(rightName), onChange: isReadOnly || rightDef.isReadOnlyCheckbox ? void 0 : () => handleChange(rightName), disabled: isReadOnly || rightDef.isReadOnlyCheckbox, "aria-label": `${item.displayName} - ${rightName}` }) }, rightName)),
+    Object.entries(resourceRights).map(([rightName]) => /* @__PURE__ */ jsx("td", { "data-testid": `user-rights-list-item-${rightName}-checkbox`, children: /* @__PURE__ */ jsx(Checkbox, { checked: item.permission.includes(rightName), onChange: () => handleChange(rightName), disabled: isReadOnly, "aria-label": `${item.displayName} - ${rightName}` }) }, rightName)),
     /* @__PURE__ */ jsx("td", { children: !isReadOnly && isDeletable && /* @__PURE__ */ jsx(IconButton, { "data-testid": "user-rights-list-close-button", color: "tertiary", onClick: () => handleDeleteItem(), icon: /* @__PURE__ */ jsx(SvgIconClose, {}), title: `${t("close")} ${item.displayName}`, variant: "ghost", type: "button" }) })
   ] });
 };

package/dist/components/UserRightsList/UserRightsList.js

@@ -68,7 +68,7 @@ const UserRightsList = /* @__PURE__ */ forwardRef(({
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
         /* @__PURE__ */ jsx("th", { scope: "col", className: "w-32", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.avatar.shared.alt") }) }),
         /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.search.placeholder") }) }),
-        Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("th", { children: rightDef.displayName ?? rightName }, rightName)),
+        Object.entries(resourceRights).map(([rightName]) => /* @__PURE__ */ jsx("th", { children: rightName }, rightName)),
         !isReadOnly && /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
       ] }) }),
       /* @__PURE__ */ jsxs("tbody", { children: [

package/dist/components/UserRightsList/types/types.d.ts

@@ -6,13 +6,8 @@ export type ResourceRightDefinition = {
     default: boolean;
     requires: ResourceRightName[];
     excludes: ResourceRightName[];
-    displayName?: string;
-    isReadOnlyCheckbox?: boolean;
 };
-type AtLeastOne<T extends object> = Partial<T> & {
-    [K in keyof T]: Pick<T, K>;
-}[keyof T];
-export type ResourceRights = AtLeastOne<Record<ResourceRightName, ResourceRightDefinition>>;
+export type ResourceRights = Record<ResourceRightName, ResourceRightDefinition>;
 export interface BookmarkUser {
     id: string;
     displayName: string;

package/dist/components/index.d.ts

@@ -33,6 +33,7 @@ export * from './Logo';
 export * from './MediaViewer';
 export * from './Menu';
 export * from './Modal';
+export * from './Pagination';
 export * from './Popover';
 export * from './PreventPropagation';
 export * from './PromotionCard';

package/dist/hooks/useDropdown/useDropdown.js

@@ -47,17 +47,17 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
       }
     }
   }, [activeIndex]);
-  const nextItem = () => {
-    const itemCount = Object.values(itemRefs.current).length;
-    setActiveIndex((prevIndex) => (prevIndex + 1) % itemCount);
+  const getVisibleItems = () => Object.values(itemRefs.current).filter((item) => !!item), nextItem = () => {
+    const count = getVisibleItems().length;
+    count !== 0 && setActiveIndex((prevIndex) => (prevIndex + 1) % count);
   }, previousItem = () => {
-    const itemCount = Object.values(itemRefs.current).length;
-    setActiveIndex((prevIndex) => (prevIndex - 1 + itemCount) % itemCount);
+    const count = getVisibleItems().length;
+    count !== 0 && setActiveIndex((prevIndex) => (prevIndex - 1 + count) % count);
   }, firstItem = () => {
     setActiveIndex(0);
   }, lastItem = () => {
-    const itemCount = Object.values(itemRefs.current).length;
-    setActiveIndex(itemCount - 1);
+    const count = getVisibleItems().length;
+    count !== 0 && setActiveIndex(count - 1);
   }, openDropdown = useCallback(() => {
     setVisible(!0);
   }, []), closeDropdown = useCallback(() => {
@@ -90,7 +90,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     extraTriggerKeyDownHandler == null || extraTriggerKeyDownHandler(event), stopEvents(flag, event);
   }, [closeDropdown, openDropdown]), onMenuItemMouseEnter = (event) => {
     if (focusOnMouseEnter) {
-      const index = Object.values(itemRefs.current).findIndex((item) => item.id === event.currentTarget.getAttribute("id"));
+      const index = Object.values(itemRefs.current).filter((item) => !!item).findIndex((item) => item.id === event.currentTarget.getAttribute("id"));
       setActiveIndex(index);
     }
   }, onMenuItemKeyDown = useCallback((event, onSuccess) => {
@@ -104,7 +104,12 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
           break;
         case " ":
         case "Enter":
-          activeIndex !== -1 && (Object.values(itemRefs.current)[activeIndex].getAttribute("role") === "menuitem" && triggerRef.current && (triggerRef.current.focus(), setVisible(!1)), onSuccess == null || onSuccess()), flag = !0;
+          if (activeIndex !== -1) {
+            const currentItem = getVisibleItems()[activeIndex];
+            if (!currentItem) break;
+            currentItem.getAttribute("role") === "menuitem" && triggerRef.current && (triggerRef.current.focus(), setVisible(!1)), onSuccess == null || onSuccess();
+          }
+          flag = !0;
           break;
         case "ArrowDown":
         case "Down":

package/dist/hooks/useZendeskGuide/useZendeskGuide.js

@@ -90,7 +90,7 @@ function useZendeskGuide() {
                   suppress: !0
                 }
               }
-            }), window.zE("webWidget", "close"), window.open("/support", "_blank"));
+            }), window.zE("webWidget", "close"), window.open("/support/tickets/new", "_blank"));
           });
         };
       }

package/dist/index.js

@@ -126,6 +126,7 @@ import { Layout } from "./components/Layout/Layout.js";
 import { List } from "./components/List/List.js";
 import { Menu } from "./components/Menu/components/Menu.js";
 import { MockedProvider } from "./providers/MockedProvider/MockedProvider.js";
+import { Pagination } from "./components/Pagination/Pagination.js";
 import { Popover, PopoverBody, PopoverFooter, PopoverHeader } from "./components/Popover/Popover.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
 import { Tabs } from "./components/Tabs/components/Tabs.js";
@@ -210,6 +211,7 @@ export {
   MockedProvider,
   default43 as Modal,
   default44 as OnboardingModal,
+  Pagination,
   Popover,
   PopoverBody,
   PopoverFooter,

package/dist/modules/icons/components/nav/IconCommunities.js

@@ -5,7 +5,7 @@ const SvgIconCommunities = ({
   ...props
 }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 50 50", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
   title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M25.807 33.165c4.726.17 8 3.997 8 8.5 0 .984-.795 1.775-1.775 1.775H18.977a1.774 1.774 0 0 1-1.776-1.775v-.201h-.004a8.303 8.303 0 0 1 8.61-8.299M8.61 24.451c4.726.17 8.001 3.997 8.001 8.5 0 .984-.796 1.776-1.775 1.776H1.776A1.774 1.774 0 0 1 0 32.95v-.201a8.303 8.303 0 0 1 8.61-8.299M41.61 24.006c4.499.162 8.001 3.996 8.001 8.5 0 .984-.796 1.775-1.775 1.775H34.779a1.774 1.774 0 0 1-1.775-1.775v-.201H33a8.303 8.303 0 0 1 8.61-8.3M25.142 20a5.143 5.143 0 1 1 0 10.285 5.143 5.143 0 0 1 0-10.285M8.308 11.627a5.141 5.141 0 1 1 0 10.282 5.141 5.141 0 0 1 0-10.282M41.691 11.627a5.142 5.142 0 1 1 .001 10.284 5.142 5.142 0 0 1 0-10.284M24.997 5.557a5.143 5.143 0 1 1 0 10.285 5.143 5.143 0 0 1 0-10.285" })
+  /* @__PURE__ */ jsx("path", { d: "M25.807 33.165c4.726.17 8 3.997 8 8.5 0 .984-.795 1.775-1.775 1.775H18.977a1.774 1.774 0 0 1-1.776-1.775v-.201h-.004a8.303 8.303 0 0 1 8.61-8.299M8.61 24.451c4.726.17 8.001 3.997 8.001 8.5 0 .984-.796 1.776-1.775 1.776H1.776A1.774 1.774 0 0 1 0 32.95v-.201a8.303 8.303 0 0 1 8.61-8.299M41.61 24.006c4.499.162 8.001 3.996 8.001 8.5 0 .984-.796 1.775-1.775 1.775H34.779a1.774 1.774 0 0 1-1.775-1.775v-.201H33a8.303 8.303 0 0 1 8.61-8.3M25.142 20a5.143 5.143 0 1 1 0 10.285 5.143 5.143 0 0 1 0-10.285M8.308 11.627a5.141 5.141 0 1 1 0 10.282 5.141 5.141 0 0 1 0-10.282M41.691 11.627a5.142 5.142 0 1 1 .001 10.284 5.142 5.142 0 0 1 0-10.284M24.997 5.557a5.143 5.143 0 1 1 0 10.285 5.143 5.143 0 0 1 0-10.285" })
 ] });
 export {
   SvgIconCommunities as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.16-develop-pedago.20260414153809",
+  "version": "2.5.16-develop-integration.20260421203533",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -135,9 +135,9 @@
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
     "react-pdf": "10.2.0",
-    "@edifice.io/bootstrap": "2.5.16-develop-pedago.20260414153809",
-    "@edifice.io/tiptap-extensions": "2.5.16-develop-pedago.20260414153809",
-    "@edifice.io/utilities": "2.5.16-develop-pedago.20260414153809"
+    "@edifice.io/bootstrap": "2.5.16-develop-integration.20260421203533",
+    "@edifice.io/tiptap-extensions": "2.5.16-develop-integration.20260421203533",
+    "@edifice.io/utilities": "2.5.16-develop-integration.20260421203533"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -168,8 +168,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.5.16-develop-pedago.20260414153809",
-    "@edifice.io/config": "2.5.16-develop-pedago.20260414153809"
+    "@edifice.io/client": "2.5.16-develop-integration.20260421203533",
+    "@edifice.io/config": "2.5.16-develop-integration.20260421203533"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",