@edifice.io/react 2.2.11-develop-pedago.20250703141608 → 2.2.11-develop-pedago.20250703145608

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

@@ -1,6 +1,15 @@
 import { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
 import { default as DropdownCheckboxItem } from './DropdownCheckboxItem';
+export interface DropdownApi {
+    visible: boolean;
+    isFocused: string | null;
+    menuRef: React.MutableRefObject<HTMLUListElement | null>;
+    triggerRef: React.MutableRefObject<HTMLButtonElement | null>;
+    setVisible: (visible: boolean) => void;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+}
 export interface DropdownProps {
     /** Children Props */
     children: ReactNode | ((...props: any) => ReactNode);
@@ -68,10 +77,7 @@ export type DropdownMenuOptions = {
      */
     type: 'divider';
 };
-declare const Dropdown: {
-    ({ children, block, overflow, noWrap, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-} & {
+declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<DropdownApi>> & {
     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: {

package/dist/components/Dropdown/Dropdown.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useMemo, useEffect } from "react";
+import { forwardRef, useImperativeHandle, useMemo, useEffect } from "react";
 import clsx from "clsx";
 import useDropdown from "../../hooks/useDropdown/useDropdown.js";
 import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
@@ -11,7 +11,7 @@ import DropdownRadioItem from "./DropdownRadioItem.js";
 import DropdownSeparator from "./DropdownSeparator.js";
 import DropdownTrigger from "./DropdownTrigger.js";
 import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-const Root = ({
+const Root = /* @__PURE__ */ forwardRef(({
   children,
   block,
   overflow = !0,
@@ -23,7 +23,7 @@ const Root = ({
   focusOnVisible = !0,
   openOnSpace = !0,
   focusOnMouseEnter = !0
-}) => {
+}, refDropdown) => {
   const {
     visible,
     isFocused,
@@ -31,8 +31,22 @@ const Root = ({
     menuProps,
     itemProps,
     itemRefs,
-    setVisible
-  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter), ref = useClickOutside(() => {
+    setVisible,
+    menuRef,
+    triggerRef,
+    closeDropdown,
+    openDropdown
+  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter);
+  useImperativeHandle(refDropdown, () => ({
+    visible,
+    setVisible,
+    isFocused,
+    menuRef,
+    triggerRef,
+    closeDropdown,
+    openDropdown
+  }));
+  const ref = useClickOutside(() => {
     setVisible(!1);
   }), value = useMemo(() => ({
     visible,
@@ -42,8 +56,10 @@ const Root = ({
     itemProps,
     itemRefs,
     block,
-    setVisible
-  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible]), dropdown = clsx("dropdown", {
+    setVisible,
+    openDropdown,
+    closeDropdown
+  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible, openDropdown, closeDropdown]), dropdown = clsx("dropdown", {
     "w-100": block,
     "dropdown-nowrap": noWrap,
     overflow
@@ -51,7 +67,7 @@ const Root = ({
   return useEffect(() => {
     onToggle == null || onToggle(visible);
   }, [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 = /* @__PURE__ */ Object.assign(Root, {
   Trigger: DropdownTrigger,
   Menu: DropdownMenu,
   Item: DropdownItem,

package/dist/hooks/useDropdown/useDropdown.d.ts

@@ -28,6 +28,8 @@ export interface UseDropdownProps {
     itemProps: Record<string, any>;
     setVisible: Dispatch<SetStateAction<boolean>>;
     openOnSpace?: boolean;
+    openDropdown: () => void;
+    closeDropdown: () => void;
 }
 declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean, focusOnVisible?: boolean, openOnSpace?: boolean, focusOnMouseEnter?: boolean) => UseDropdownProps;
 export default useDropdown;

package/dist/hooks/useDropdown/useDropdown.js

@@ -154,6 +154,8 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
       onMenuItemClick: closeDropdown,
       onMenuItemKeyDown
     },
+    openDropdown,
+    closeDropdown,
     setVisible
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-pedago.20250703141608",
+  "version": "2.2.11-develop-pedago.20250703145608",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250703141608",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250703141608",
-    "@edifice.io/utilities": "2.2.11-develop-pedago.20250703141608"
+    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250703145608",
+    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250703145608",
+    "@edifice.io/utilities": "2.2.11-develop-pedago.20250703145608"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.11-develop-pedago.20250703141608",
-    "@edifice.io/config": "2.2.11-develop-pedago.20250703141608"
+    "@edifice.io/client": "2.2.11-develop-pedago.20250703145608",
+    "@edifice.io/config": "2.2.11-develop-pedago.20250703145608"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",