@edifice.io/react 2.2.11-develop-pedago.20250703141131 → 2.2.11-develop-pedago.20250703144408

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

@@ -1,6 +1,13 @@
 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;
+}
 export interface DropdownProps {
     /** Children Props */
     children: ReactNode | ((...props: any) => ReactNode);
@@ -68,10 +75,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,18 @@ const Root = ({
     menuProps,
     itemProps,
     itemRefs,
-    setVisible
-  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter), ref = useClickOutside(() => {
+    setVisible,
+    menuRef,
+    triggerRef
+  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter);
+  useImperativeHandle(refDropdown, () => ({
+    visible,
+    setVisible,
+    isFocused,
+    menuRef,
+    triggerRef
+  }));
+  const ref = useClickOutside(() => {
     setVisible(!1);
   }), value = useMemo(() => ({
     visible,
@@ -51,7 +61,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/components/Tabs/components/TabsList.js

@@ -9,9 +9,10 @@ const TabsList = (props) => {
     tabUnderlineWidth
   } = useTabsContext(), {
     className,
+    fullWidth,
     ...restProps
   } = props, ulClasses = clsx("nav nav-tabs flex-nowrap", {
-    "w-100": props.fullWidth
+    "w-100": fullWidth
   }), tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
   return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, children: [
     /* @__PURE__ */ jsx("ul", { className: ulClasses, role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),

package/package.json

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