@edifice.io/react 2.5.16-develop-b2school.20260407114238 → 2.5.16-develop-integration.20260410093123

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,7 +89,7 @@ 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: {
@@ -97,5 +97,9 @@ declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps
         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,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
+import { useId, useLayoutEffect } from "react";
 import clsx from "clsx";
 import { useDropdownContext } from "./DropdownContext.js";
 import Checkbox from "../Checkbox/Checkbox.js";
@@ -7,16 +7,20 @@ const DropdownCheckboxItem = ({
   children,
   value,
   model,
-  onChange
+  onChange,
+  searchValue
 }) => {
   const {
     itemProps,
     itemRefs,
-    isFocused
-  } = useDropdownContext(), {
+    isFocused,
+    searchQuery,
+    reportMatch,
+    unregisterMatch
+  } = useDropdownContext(), id = useId(), {
     onMenuItemKeyDown,
     onMenuItemMouseEnter
-  } = itemProps, id = useId(), checked = model.includes(value), checkboxProps = {
+  } = itemProps, isFiltered = searchValue !== void 0 && searchQuery !== "" && !searchValue.toLowerCase().includes(searchQuery.toLowerCase()), checked = model.includes(value), checkboxProps = {
     value,
     model,
     checked,
@@ -24,7 +28,15 @@ const DropdownCheckboxItem = ({
   }, 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: [
+  return useLayoutEffect(() => {
+    if (searchValue !== void 0)
+      return reportMatch(id, !isFiltered), () => unregisterMatch(id);
+  }, [id, isFiltered, searchValue, reportMatch, unregisterMatch]), isFiltered ? /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: {
+    visibility: "hidden",
+    height: 0,
+    overflow: "hidden",
+    pointerEvents: "none"
+  }, children: /* @__PURE__ */ jsx("div", { className: "dropdown-item", children: /* @__PURE__ */ jsx("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children }) }) }) : /* @__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: [
     children,
     /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps })
   ] }) });

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,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
+import { useId, useLayoutEffect } from "react";
 import clsx from "clsx";
 import { useDropdownContext } from "./DropdownContext.js";
 const DropdownItem = ({
@@ -10,19 +10,28 @@ const DropdownItem = ({
   className,
   minWidth,
   disabled,
+  searchValue,
   ...restProps
 }) => {
   const {
     itemProps,
     itemRefs,
-    isFocused
-  } = useDropdownContext(), {
+    isFocused,
+    searchQuery,
+    reportMatch,
+    unregisterMatch
+  } = useDropdownContext(), id = useId(), {
     onMenuItemKeyDown,
     onMenuItemMouseEnter,
     onMenuItemClick
-  } = itemProps, handleOnClick = (event) => {
+  } = itemProps, isFiltered = searchValue !== void 0 && searchQuery !== "" && !searchValue.toLowerCase().includes(searchQuery.toLowerCase());
+  useLayoutEffect(() => {
+    if (searchValue !== void 0)
+      return reportMatch(id, !isFiltered), () => unregisterMatch(id);
+  }, [id, isFiltered, searchValue, reportMatch, unregisterMatch]);
+  const 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
@@ -31,7 +40,15 @@ const DropdownItem = ({
       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: [
+  return isFiltered ? /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: {
+    visibility: "hidden",
+    height: 0,
+    overflow: "hidden",
+    pointerEvents: "none"
+  }, children: /* @__PURE__ */ jsx("div", { className: "dropdown-item", children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center", children: [
+    icon,
+    children
+  ] }) }) }) : /* @__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: [
     icon,
     children
   ] }) });

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/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/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/modals/OnboardingModal/OnboardingModal.js

@@ -57,7 +57,7 @@ const OnboardingModalInner = ({
     }, pagination: {
       clickable: !0
     }, children: items.map((item, index) => /* @__PURE__ */ jsxs(SwiperSlide, { children: [
-      /* @__PURE__ */ jsx(Image, { width: "270", height: "140", className: "mx-auto my-12", loading: "lazy", src: item.src, alt: t(item.alt) }),
+      /* @__PURE__ */ jsx(Image, { width: "270", height: "140", className: "mx-auto my-12 onboarding-modal-image", loading: "lazy", src: item.src, alt: t(item.alt) }),
       /* @__PURE__ */ jsx("p", { className: "text-center", dangerouslySetInnerHTML: {
         __html: t(item.text)
       } })

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

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

package/package.json

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