@edifice.io/react 2.5.17 → 2.5.18-develop-b2school.20260504100711

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/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/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,16 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
       }
     }
   }, [activeIndex]);
-  const nextItem = () => {
-    const itemCount = Object.values(itemRefs.current).length;
-    setActiveIndex((prevIndex) => (prevIndex + 1) % itemCount);
+  const visibleItemCount = () => Object.values(itemRefs.current).filter(Boolean).length, nextItem = () => {
+    const count = visibleItemCount();
+    setActiveIndex((prevIndex) => (prevIndex + 1) % count);
   }, previousItem = () => {
-    const itemCount = Object.values(itemRefs.current).length;
-    setActiveIndex((prevIndex) => (prevIndex - 1 + itemCount) % itemCount);
+    const count = visibleItemCount();
+    setActiveIndex((prevIndex) => (prevIndex - 1 + count) % count);
   }, firstItem = () => {
     setActiveIndex(0);
   }, lastItem = () => {
-    const itemCount = Object.values(itemRefs.current).length;
-    setActiveIndex(itemCount - 1);
+    setActiveIndex(visibleItemCount() - 1);
   }, openDropdown = useCallback(() => {
     setVisible(!0);
   }, []), closeDropdown = useCallback(() => {
@@ -90,7 +89,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) => {

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/icons-apps.js

@@ -57,73 +57,74 @@ import { default as default57 } from "./modules/icons/components/apps/IconLeSite
 import { default as default58 } from "./modules/icons/components/apps/IconLemonde.js";
 import { default as default59 } from "./modules/icons/components/apps/IconLesechos.js";
 import { default as default60 } from "./modules/icons/components/apps/IconLibrary.js";
-import { default as default61 } from "./modules/icons/components/apps/IconLool.js";
-import { default as default62 } from "./modules/icons/components/apps/IconLsu.js";
-import { default as default63 } from "./modules/icons/components/apps/IconMadmagz.js";
-import { default as default64 } from "./modules/icons/components/apps/IconMagneto.js";
-import { default as default65 } from "./modules/icons/components/apps/IconMatholycee.js";
-import { default as default66 } from "./modules/icons/components/apps/IconMaxicours.js";
-import { default as default67 } from "./modules/icons/components/apps/IconMediacentre.js";
-import { default as default68 } from "./modules/icons/components/apps/IconMindmap.js";
-import { default as default69 } from "./modules/icons/components/apps/IconMinetest.js";
-import { default as default70 } from "./modules/icons/components/apps/IconMinibadge.js";
-import { default as default71 } from "./modules/icons/components/apps/IconMonorientationenligne.js";
-import { default as default72 } from "./modules/icons/components/apps/IconMonstageenligne.js";
-import { default as default73 } from "./modules/icons/components/apps/IconMoodle.js";
-import { default as default74 } from "./modules/icons/components/apps/IconMuseefrancaisphoto.js";
-import { default as default75 } from "./modules/icons/components/apps/IconMyNetwork.js";
-import { default as default76 } from "./modules/icons/components/apps/IconNabook.js";
-import { default as default77 } from "./modules/icons/components/apps/IconNetvibes.js";
-import { default as default78 } from "./modules/icons/components/apps/IconNote.js";
-import { default as default79 } from "./modules/icons/components/apps/IconNotebook.js";
-import { default as default80 } from "./modules/icons/components/apps/IconNotes.js";
-import { default as default81 } from "./modules/icons/components/apps/IconOnisep.js";
-import { default as default82 } from "./modules/icons/components/apps/IconOnisep2.js";
-import { default as default83 } from "./modules/icons/components/apps/IconPad.js";
-import { default as default84 } from "./modules/icons/components/apps/IconPages.js";
-import { default as default85 } from "./modules/icons/components/apps/IconParametrage.js";
-import { default as default86 } from "./modules/icons/components/apps/IconParametrages.js";
-import { default as default87 } from "./modules/icons/components/apps/IconParaschool.js";
-import { default as default88 } from "./modules/icons/components/apps/IconParcours.js";
-import { default as default89 } from "./modules/icons/components/apps/IconPearltrees.js";
-import { default as default90 } from "./modules/icons/components/apps/IconPicardieCursus.js";
-import { default as default91 } from "./modules/icons/components/apps/IconPlaceholder.js";
-import { default as default92 } from "./modules/icons/components/apps/IconPoll.js";
-import { default as default93 } from "./modules/icons/components/apps/IconPresences.js";
-import { default as default94 } from "./modules/icons/components/apps/IconProeps.js";
-import { default as default95 } from "./modules/icons/components/apps/IconPronote.js";
-import { default as default96 } from "./modules/icons/components/apps/IconPublic.js";
-import { default as default97 } from "./modules/icons/components/apps/IconQwantJunior.js";
-import { default as default98 } from "./modules/icons/components/apps/IconQwant.js";
-import { default as default99 } from "./modules/icons/components/apps/IconRack.js";
-import { default as default100 } from "./modules/icons/components/apps/IconRbs.js";
-import { default as default101 } from "./modules/icons/components/apps/IconResidenceArtiste.js";
-import { default as default102 } from "./modules/icons/components/apps/IconRessourcesdepartementale91.js";
-import { default as default103 } from "./modules/icons/components/apps/IconSacoche.js";
-import { default as default104 } from "./modules/icons/components/apps/IconSchoolbook.js";
-import { default as default105 } from "./modules/icons/components/apps/IconScolinfo.js";
-import { default as default106 } from "./modules/icons/components/apps/IconScrapbook.js";
-import { default as default107 } from "./modules/icons/components/apps/IconSearchengine.js";
-import { default as default108 } from "./modules/icons/components/apps/IconSettingsClass.js";
-import { default as default109 } from "./modules/icons/components/apps/IconSharebigfiles.js";
-import { default as default110 } from "./modules/icons/components/apps/IconStatistics.js";
-import { default as default111 } from "./modules/icons/components/apps/IconStats.js";
-import { default as default112 } from "./modules/icons/components/apps/IconSuitcase.js";
-import { default as default113 } from "./modules/icons/components/apps/IconSupport.js";
-import { default as default114 } from "./modules/icons/components/apps/IconTimeline.js";
-import { default as default115 } from "./modules/icons/components/apps/IconTimelinegenerator.js";
-import { default as default116 } from "./modules/icons/components/apps/IconTurboself.js";
-import { default as default117 } from "./modules/icons/components/apps/IconUniversalis.js";
-import { default as default118 } from "./modules/icons/components/apps/IconUnstagepourtous.js";
-import { default as default119 } from "./modules/icons/components/apps/IconUserbook.js";
-import { default as default120 } from "./modules/icons/components/apps/IconVideo.js";
-import { default as default121 } from "./modules/icons/components/apps/IconVieScolaire.js";
-import { default as default122 } from "./modules/icons/components/apps/IconVisioconf.js";
-import { default as default123 } from "./modules/icons/components/apps/IconVotil.js";
-import { default as default124 } from "./modules/icons/components/apps/IconWebclasseur.js";
-import { default as default125 } from "./modules/icons/components/apps/IconWebsite.js";
-import { default as default126 } from "./modules/icons/components/apps/IconWiki.js";
-import { default as default127 } from "./modules/icons/components/apps/IconWorkspace.js";
+import { default as default61 } from "./modules/icons/components/apps/IconLivretScolaire.js";
+import { default as default62 } from "./modules/icons/components/apps/IconLool.js";
+import { default as default63 } from "./modules/icons/components/apps/IconLsu.js";
+import { default as default64 } from "./modules/icons/components/apps/IconMadmagz.js";
+import { default as default65 } from "./modules/icons/components/apps/IconMagneto.js";
+import { default as default66 } from "./modules/icons/components/apps/IconMatholycee.js";
+import { default as default67 } from "./modules/icons/components/apps/IconMaxicours.js";
+import { default as default68 } from "./modules/icons/components/apps/IconMediacentre.js";
+import { default as default69 } from "./modules/icons/components/apps/IconMindmap.js";
+import { default as default70 } from "./modules/icons/components/apps/IconMinetest.js";
+import { default as default71 } from "./modules/icons/components/apps/IconMinibadge.js";
+import { default as default72 } from "./modules/icons/components/apps/IconMonorientationenligne.js";
+import { default as default73 } from "./modules/icons/components/apps/IconMonstageenligne.js";
+import { default as default74 } from "./modules/icons/components/apps/IconMoodle.js";
+import { default as default75 } from "./modules/icons/components/apps/IconMuseefrancaisphoto.js";
+import { default as default76 } from "./modules/icons/components/apps/IconMyNetwork.js";
+import { default as default77 } from "./modules/icons/components/apps/IconNabook.js";
+import { default as default78 } from "./modules/icons/components/apps/IconNetvibes.js";
+import { default as default79 } from "./modules/icons/components/apps/IconNote.js";
+import { default as default80 } from "./modules/icons/components/apps/IconNotebook.js";
+import { default as default81 } from "./modules/icons/components/apps/IconNotes.js";
+import { default as default82 } from "./modules/icons/components/apps/IconOnisep.js";
+import { default as default83 } from "./modules/icons/components/apps/IconOnisep2.js";
+import { default as default84 } from "./modules/icons/components/apps/IconPad.js";
+import { default as default85 } from "./modules/icons/components/apps/IconPages.js";
+import { default as default86 } from "./modules/icons/components/apps/IconParametrage.js";
+import { default as default87 } from "./modules/icons/components/apps/IconParametrages.js";
+import { default as default88 } from "./modules/icons/components/apps/IconParaschool.js";
+import { default as default89 } from "./modules/icons/components/apps/IconParcours.js";
+import { default as default90 } from "./modules/icons/components/apps/IconPearltrees.js";
+import { default as default91 } from "./modules/icons/components/apps/IconPicardieCursus.js";
+import { default as default92 } from "./modules/icons/components/apps/IconPlaceholder.js";
+import { default as default93 } from "./modules/icons/components/apps/IconPoll.js";
+import { default as default94 } from "./modules/icons/components/apps/IconPresences.js";
+import { default as default95 } from "./modules/icons/components/apps/IconProeps.js";
+import { default as default96 } from "./modules/icons/components/apps/IconPronote.js";
+import { default as default97 } from "./modules/icons/components/apps/IconPublic.js";
+import { default as default98 } from "./modules/icons/components/apps/IconQwantJunior.js";
+import { default as default99 } from "./modules/icons/components/apps/IconQwant.js";
+import { default as default100 } from "./modules/icons/components/apps/IconRack.js";
+import { default as default101 } from "./modules/icons/components/apps/IconRbs.js";
+import { default as default102 } from "./modules/icons/components/apps/IconResidenceArtiste.js";
+import { default as default103 } from "./modules/icons/components/apps/IconRessourcesdepartementale91.js";
+import { default as default104 } from "./modules/icons/components/apps/IconSacoche.js";
+import { default as default105 } from "./modules/icons/components/apps/IconSchoolbook.js";
+import { default as default106 } from "./modules/icons/components/apps/IconScolinfo.js";
+import { default as default107 } from "./modules/icons/components/apps/IconScrapbook.js";
+import { default as default108 } from "./modules/icons/components/apps/IconSearchengine.js";
+import { default as default109 } from "./modules/icons/components/apps/IconSettingsClass.js";
+import { default as default110 } from "./modules/icons/components/apps/IconSharebigfiles.js";
+import { default as default111 } from "./modules/icons/components/apps/IconStatistics.js";
+import { default as default112 } from "./modules/icons/components/apps/IconStats.js";
+import { default as default113 } from "./modules/icons/components/apps/IconSuitcase.js";
+import { default as default114 } from "./modules/icons/components/apps/IconSupport.js";
+import { default as default115 } from "./modules/icons/components/apps/IconTimeline.js";
+import { default as default116 } from "./modules/icons/components/apps/IconTimelinegenerator.js";
+import { default as default117 } from "./modules/icons/components/apps/IconTurboself.js";
+import { default as default118 } from "./modules/icons/components/apps/IconUniversalis.js";
+import { default as default119 } from "./modules/icons/components/apps/IconUnstagepourtous.js";
+import { default as default120 } from "./modules/icons/components/apps/IconUserbook.js";
+import { default as default121 } from "./modules/icons/components/apps/IconVideo.js";
+import { default as default122 } from "./modules/icons/components/apps/IconVieScolaire.js";
+import { default as default123 } from "./modules/icons/components/apps/IconVisioconf.js";
+import { default as default124 } from "./modules/icons/components/apps/IconVotil.js";
+import { default as default125 } from "./modules/icons/components/apps/IconWebclasseur.js";
+import { default as default126 } from "./modules/icons/components/apps/IconWebsite.js";
+import { default as default127 } from "./modules/icons/components/apps/IconWiki.js";
+import { default as default128 } from "./modules/icons/components/apps/IconWorkspace.js";
 export {
   default2 as IconAccount,
   default3 as IconActualites,
@@ -184,71 +185,72 @@ export {
   default58 as IconLemonde,
   default59 as IconLesechos,
   default60 as IconLibrary,
-  default61 as IconLool,
-  default62 as IconLsu,
-  default63 as IconMadmagz,
-  default64 as IconMagneto,
-  default65 as IconMatholycee,
-  default66 as IconMaxicours,
-  default67 as IconMediacentre,
-  default68 as IconMindmap,
-  default69 as IconMinetest,
-  default70 as IconMinibadge,
-  default71 as IconMonorientationenligne,
-  default72 as IconMonstageenligne,
-  default73 as IconMoodle,
-  default74 as IconMuseefrancaisphoto,
-  default75 as IconMyNetwork,
-  default76 as IconNabook,
-  default77 as IconNetvibes,
-  default78 as IconNote,
-  default79 as IconNotebook,
-  default80 as IconNotes,
-  default81 as IconOnisep,
-  default82 as IconOnisep2,
-  default83 as IconPad,
-  default84 as IconPages,
-  default85 as IconParametrage,
-  default86 as IconParametrages,
-  default87 as IconParaschool,
-  default88 as IconParcours,
-  default89 as IconPearltrees,
-  default90 as IconPicardieCursus,
-  default91 as IconPlaceholder,
-  default92 as IconPoll,
-  default93 as IconPresences,
-  default94 as IconProeps,
-  default95 as IconPronote,
-  default96 as IconPublic,
-  default98 as IconQwant,
-  default97 as IconQwantJunior,
-  default99 as IconRack,
-  default100 as IconRbs,
-  default101 as IconResidenceArtiste,
-  default102 as IconRessourcesdepartementale91,
-  default103 as IconSacoche,
-  default104 as IconSchoolbook,
-  default105 as IconScolinfo,
-  default106 as IconScrapbook,
-  default107 as IconSearchengine,
-  default108 as IconSettingsClass,
-  default109 as IconSharebigfiles,
-  default110 as IconStatistics,
-  default111 as IconStats,
-  default112 as IconSuitcase,
-  default113 as IconSupport,
-  default114 as IconTimeline,
-  default115 as IconTimelinegenerator,
-  default116 as IconTurboself,
-  default117 as IconUniversalis,
-  default118 as IconUnstagepourtous,
-  default119 as IconUserbook,
-  default120 as IconVideo,
-  default121 as IconVieScolaire,
-  default122 as IconVisioconf,
-  default123 as IconVotil,
-  default124 as IconWebclasseur,
-  default125 as IconWebsite,
-  default126 as IconWiki,
-  default127 as IconWorkspace
+  default61 as IconLivretScolaire,
+  default62 as IconLool,
+  default63 as IconLsu,
+  default64 as IconMadmagz,
+  default65 as IconMagneto,
+  default66 as IconMatholycee,
+  default67 as IconMaxicours,
+  default68 as IconMediacentre,
+  default69 as IconMindmap,
+  default70 as IconMinetest,
+  default71 as IconMinibadge,
+  default72 as IconMonorientationenligne,
+  default73 as IconMonstageenligne,
+  default74 as IconMoodle,
+  default75 as IconMuseefrancaisphoto,
+  default76 as IconMyNetwork,
+  default77 as IconNabook,
+  default78 as IconNetvibes,
+  default79 as IconNote,
+  default80 as IconNotebook,
+  default81 as IconNotes,
+  default82 as IconOnisep,
+  default83 as IconOnisep2,
+  default84 as IconPad,
+  default85 as IconPages,
+  default86 as IconParametrage,
+  default87 as IconParametrages,
+  default88 as IconParaschool,
+  default89 as IconParcours,
+  default90 as IconPearltrees,
+  default91 as IconPicardieCursus,
+  default92 as IconPlaceholder,
+  default93 as IconPoll,
+  default94 as IconPresences,
+  default95 as IconProeps,
+  default96 as IconPronote,
+  default97 as IconPublic,
+  default99 as IconQwant,
+  default98 as IconQwantJunior,
+  default100 as IconRack,
+  default101 as IconRbs,
+  default102 as IconResidenceArtiste,
+  default103 as IconRessourcesdepartementale91,
+  default104 as IconSacoche,
+  default105 as IconSchoolbook,
+  default106 as IconScolinfo,
+  default107 as IconScrapbook,
+  default108 as IconSearchengine,
+  default109 as IconSettingsClass,
+  default110 as IconSharebigfiles,
+  default111 as IconStatistics,
+  default112 as IconStats,
+  default113 as IconSuitcase,
+  default114 as IconSupport,
+  default115 as IconTimeline,
+  default116 as IconTimelinegenerator,
+  default117 as IconTurboself,
+  default118 as IconUniversalis,
+  default119 as IconUnstagepourtous,
+  default120 as IconUserbook,
+  default121 as IconVideo,
+  default122 as IconVieScolaire,
+  default123 as IconVisioconf,
+  default124 as IconVotil,
+  default125 as IconWebclasseur,
+  default126 as IconWebsite,
+  default127 as IconWiki,
+  default128 as IconWorkspace
 };

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/apps/IconLivretScolaire.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconLivretScolaire: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconLivretScolaire;

package/dist/modules/icons/components/apps/IconLivretScolaire.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconLivretScolaire = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", 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: "M19.503 30.62a1.76 1.76 0 0 0-2.489-.035l-1.979 1.926-1.926-1.979a1.76 1.76 0 0 0-2.489-.035 1.763 1.763 0 0 0-.035 2.49l1.926 1.978-1.979 1.926a1.763 1.763 0 0 0-.035 2.489c.343.356.805.532 1.262.532a1.74 1.74 0 0 0 1.227-.497l1.979-1.926 1.926 1.979c.343.356.805.532 1.262.532a1.74 1.74 0 0 0 1.227-.497c.695-.677.712-1.79.035-2.489l-1.926-1.979 1.979-1.926c.695-.677.712-1.79.035-2.489M30.497 19.38c.343.356.805.532 1.262.532a1.74 1.74 0 0 0 1.227-.497l1.979-1.926 1.926 1.979c.343.356.805.532 1.262.532a1.74 1.74 0 0 0 1.227-.497c.695-.677.712-1.79.035-2.489l-1.926-1.979 1.979-1.926c.694-.677.712-1.79.035-2.489a1.76 1.76 0 0 0-2.489-.035l-1.979 1.926-1.926-1.979a1.76 1.76 0 0 0-2.489-.035 1.763 1.763 0 0 0-.035 2.49l1.926 1.978-1.979 1.926a1.763 1.763 0 0 0-.035 2.489" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M44.222 4H5.778C4.796 4 4 4.796 4 5.778v38.444C4 45.204 4.796 46 5.778 46h38.444c.982 0 1.778-.796 1.778-1.778V5.778C46 4.796 45.204 4 44.222 4m-1.778 19.222H26.778V7.556h15.666zM7.556 7.556h15.666v15.666H7.556zm0 19.222h15.666v15.666H7.556zm34.888 15.666H26.778V26.778h15.666z" })
+] });
+export {
+  SvgIconLivretScolaire as default
+};

package/dist/modules/icons/components/apps/index.d.ts

@@ -57,6 +57,7 @@ export { default as IconLeSiteTv } from './IconLeSiteTv';
 export { default as IconLemonde } from './IconLemonde';
 export { default as IconLesechos } from './IconLesechos';
 export { default as IconLibrary } from './IconLibrary';
+export { default as IconLivretScolaire } from './IconLivretScolaire';
 export { default as IconLool } from './IconLool';
 export { default as IconLsu } from './IconLsu';
 export { default as IconMadmagz } from './IconMadmagz';

package/dist/modules/modals/OnboardingModal/index.d.ts

@@ -1,2 +1,2 @@
 export { default as OnboardingModal } from './OnboardingModal';
-export type { OnboardingModalRef } from './OnboardingModal';
+export type { DisplayRuleCheckResult, OnboardingModalRef, OnboardingProps, } from './OnboardingModal';

package/dist/modules/multimedia/ImageEditor/effects/blur.js

@@ -15,16 +15,14 @@ function drawBlurListener(application, {
     const child = application.stage.getChildByName(spriteName), scale = getApplicationScale(application);
     if (child == null) return;
     const newSprite = new PIXI.Sprite(child.texture);
-    newSprite.filters = [
-      new PIXI.BlurFilter(
-        8,
-        // PIXI Default value for strength of the blur effect
-        4,
-        // Quality of the blur effect depending on the scale (4 is the PIXI default value)
-        Math.min(scale, 1)
-      )
+    newSprite.filters = [new PIXI.BlurFilter(
+      8,
+      // PIXI Default value for strength of the blur effect
+      4,
+      // Quality of the blur effect depending on the scale (4 is the PIXI default value)
+      Math.min(scale, 1)
       // Resolution of the blur effect depending on the scale
-    ], newSprite.width = child.width, newSprite.height = child.height, newSprite.scale = new PIXI.Point(1, 1), newSprite.anchor = child.anchor, newSprite.mask = drawBrush(points, scale), child.addChild(newSprite);
+    )], newSprite.width = child.width, newSprite.height = child.height, newSprite.scale = new PIXI.Point(1, 1), newSprite.anchor = child.anchor, newSprite.mask = drawBrush(points, scale), child.addChild(newSprite);
   });
 }
 function drawCursor(application) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.17",
+  "version": "2.5.18-develop-b2school.20260504100711",
   "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/tiptap-extensions": "2.5.17",
-    "@edifice.io/bootstrap": "2.5.17",
-    "@edifice.io/utilities": "2.5.17"
+    "@edifice.io/bootstrap": "2.5.18-develop-b2school.20260504100711",
+    "@edifice.io/tiptap-extensions": "2.5.18-develop-b2school.20260504100711",
+    "@edifice.io/utilities": "2.5.18-develop-b2school.20260504100711"
   },
   "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.17",
-    "@edifice.io/config": "2.5.17"
+    "@edifice.io/client": "2.5.18-develop-b2school.20260504100711",
+    "@edifice.io/config": "2.5.18-develop-b2school.20260504100711"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",