@edifice.io/react 2.5.17 → 2.5.18-develop-enabling.20260504105750

package/dist/components/Card/Card.js

@@ -39,7 +39,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsx(Card.Header, {}),
     typeof children == "function" ? children(appCode) : children
   ] }) });
-}), Card = /* @__PURE__ */ Object.assign(Root, {
+}), Card = Object.assign(Root, {
   Title: CardTitle,
   Text: CardText,
   Image: CardImage,

package/dist/components/Combobox/Combobox.js

@@ -53,7 +53,7 @@ const ComboboxComponent = /* @__PURE__ */ forwardRef(({
     }, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length, onFocus, onBlur, inputRef }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { "data-testid": "combobox-search-menu", children: renderContent() })
   ] });
-}), Combobox = /* @__PURE__ */ Object.assign(ComboboxComponent, {
+}), Combobox = Object.assign(ComboboxComponent, {
   Trigger: ComboboxTrigger
 });
 export {

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,23 +67,29 @@ 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, {
+}), Dropdown = Object.assign(Root, {
   Trigger: DropdownTrigger,
   Menu: DropdownMenu,
   Item: DropdownItem,
   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/Form/FormControl.js

@@ -22,7 +22,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     status
   }), [id, isOptional, isReadOnly, isRequired, status]);
   return /* @__PURE__ */ jsx(Context.Provider, { value: values, children: /* @__PURE__ */ jsx("div", { ref, className, ...restProps, children }) });
-}), FormControl = /* @__PURE__ */ Object.assign(Root, {
+}), FormControl = Object.assign(Root, {
   Label,
   Input,
   Text: FormText

package/dist/components/Layout/components/WidgetApps.js

@@ -14,7 +14,7 @@ const WidgetAppsFooter = () => {
   } = useTranslation(), getAppName = (data) => data.prefix && data.prefix.length > 1 ? t(data.prefix.substring(1)) : t(data.displayName) || "";
   return /* @__PURE__ */ jsxs("div", { className: "widget-body d-flex flex-wrap", children: [
     !bookmarkedApps.length && /* @__PURE__ */ jsx("div", { className: "text-dark", children: t("navbar.myapps.more") }),
-    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, title: getAppName(app), className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.category === "connector" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.category === "connector" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
+    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, title: getAppName(app), className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
   ] });
 };
 export {

package/dist/components/Modal/Modal.js

@@ -62,7 +62,7 @@ const Root = /* @__PURE__ */ forwardRef(({
       opacity: 0.65
     } })
   ] })) });
-}), Modal = /* @__PURE__ */ Object.assign(Root, {
+}), Modal = Object.assign(Root, {
   Header: ModalHeader,
   Subtitle: ModalSubtitle,
   Body: ModalBody,

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/PreventPropagation/PreventPropagation.js

@@ -3,7 +3,7 @@ const Root = ({
   children
 }) => /* @__PURE__ */ jsx("div", { onClick: (e) => {
   e.stopPropagation();
-}, children }), PreventPropagation = /* @__PURE__ */ Object.assign(Root, {});
+}, children }), PreventPropagation = Object.assign(Root, {});
 export {
   PreventPropagation as default
 };

package/dist/components/PromotionCard/PromotionCard.js

@@ -17,7 +17,7 @@ const Root = ({
     borderColor,
     backgroundColor
   }, children });
-}, PromotionCard = /* @__PURE__ */ Object.assign(Root, {
+}, PromotionCard = Object.assign(Root, {
   Header: PromotionCardHeader,
   Body: PromotionCardBody,
   Icon: PromotionCardIcon,

package/dist/components/SearchBar/SearchBar.d.ts

@@ -3,7 +3,7 @@ import { Size } from '../../types';
 /**
  * Base props shared by both SearchBar variants
  */
-export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
     /**
      * String or template literal key for i18next translation
      */
@@ -67,7 +67,7 @@ type DynamicSearchBar = {
 /**
  * Props for the SearchBar component
  */
-export type Props = DefaultSearchBar | DynamicSearchBar;
+type Props = DefaultSearchBar | DynamicSearchBar;
 export type SearchBarProps = BaseProps & Props;
 /**
  * SearchBar component to handle dynamic or static search input

package/dist/components/Table/components/Table.js

@@ -13,7 +13,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   overflowY: "auto"
 } : {}, children: /* @__PURE__ */ jsx("table", { ref, className: "table align-middle mb-0", style: {
   overflow: maxHeight ? "visible" : "hidden"
-}, children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
+}, children }) })), Table = Object.assign(Root, {
   Thead: TableThead,
   Th: TableTh,
   Tbody: TableTbody,

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

@@ -1,4 +1,4 @@
 import { App, IGetConf } from '@edifice.io/client';
 export default function useConf({ appCode }: {
     appCode: App;
-}): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetConf, Error>;
+}): import('@tanstack/react-query').UseQueryResult<IGetConf, Error>;

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(() => {
@@ -73,6 +72,8 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
       case "Space":
         if (!openOnSpace)
           break;
+        openDropdown(), flag = !0;
+        break;
       case "Enter":
       case "ArrowDown":
       case "Down":
@@ -90,7 +91,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/useSession/useSession.d.ts

@@ -1,2 +1,2 @@
 import { IGetSession } from '@edifice.io/client';
-export default function useSession(): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetSession, Error>;
+export default function useSession(): import('@tanstack/react-query').UseQueryResult<IGetSession, Error>;

package/dist/hooks/useThumbnail/useThumbnail.d.ts

@@ -10,5 +10,5 @@ type LazyLoadOptions = {
  *        with respect to the [`intersectionOptions`](https://github.com/thebuilder/react-intersection-observer/tree/dceba7f52aebea4d62d539bc55a1db129226bb6c?tab=readme-ov-file#options)
  * @return `true` if `src` is available, or false otherwise, or `null` while not tested.
  */
-export default function useThumbnail(src: string, options?: LazyLoadOptions): boolean | null;
+export default function useThumbnail(src: string | null | undefined, options?: LazyLoadOptions): boolean | null;
 export {};