@deque/cauldron-react 7.2.0-canary.e67992f2 → 7.2.0-canary.ef3abd52

package/lib/components/ActionMenu/ActionMenu.d.ts

@@ -1,27 +1,19 @@
 import React from 'react';
 import type { onActionCallbackFunction } from '../ActionList/ActionListContext';
-import AnchoredOverlay from '../AnchoredOverlay';
 interface ActionMenuListProps {
     ref?: React.Ref<HTMLElement>;
     onAction?: onActionCallbackFunction;
     [key: string]: unknown;
 }
-/**
- * Props passed to an `ActionMenu` trigger render function. The element type
- * defaults to `HTMLButtonElement`; annotate it (e.g. `ActionMenuTriggerProps<HTMLLIElement>`)
- * when the trigger is not a button — for example a `MenuItem`/`TopBarItem`
- * (`<li>`) in the documented `TopBar`/`MenuBar` nesting — so the `ref` and
- * spread handlers type against the actual element without casts.
- */
-export type ActionMenuTriggerProps<E extends HTMLElement = HTMLButtonElement> = Pick<React.HTMLAttributes<E>, 'children' | 'id' | 'onClick' | 'onKeyDown' | 'aria-expanded' | 'aria-haspopup' | 'aria-controls'> & {
-    ref: React.RefObject<E | null>;
+type ActionMenuTriggerProps = Pick<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'onKeyDown' | 'aria-expanded' | 'aria-haspopup' | 'aria-controls'> & {
+    ref: React.RefObject<HTMLButtonElement | null>;
 };
-export type ActionMenuTriggerFunction<E extends HTMLElement = HTMLButtonElement> = (props: ActionMenuTriggerProps<E>, open: boolean) => React.ReactElement;
-type ActionMenuProps<E extends HTMLElement = HTMLButtonElement> = {
+type ActionMenuTriggerFunction = (props: ActionMenuTriggerProps, open: boolean) => React.ReactElement;
+declare const ActionMenu: React.ForwardRefExoticComponent<{
     children: React.ReactElement<ActionMenuListProps>;
-    trigger: React.ReactElement | ActionMenuTriggerFunction<E>;
+    trigger: React.ReactElement | ActionMenuTriggerFunction;
     /** Render the action menu in a different location in the dom. */
-    portal?: React.RefObject<HTMLElement | null> | HTMLElement;
+    portal?: HTMLElement | React.RefObject<HTMLElement | null> | undefined;
     /**
      * Controls whether the menu should render as a child of the trigger, as opposed to
      * rendering as a sibling. Intended for use with nested menu patterns, for example
@@ -29,17 +21,25 @@ type ActionMenuProps<E extends HTMLElement = HTMLButtonElement> = {
      *
      * Only supported if trigger is a function *and* portal is undefined.
      */
-    renderInTrigger?: boolean;
-} & Pick<React.ComponentProps<typeof AnchoredOverlay>, 'placement'> & React.HTMLAttributes<HTMLElement>;
-/**
- * The trigger element type is parameterized (defaulting to `HTMLButtonElement`)
- * so it can be widened for nested menu patterns where the trigger is not a
- * button — e.g. a `MenuItem`/`TopBarItem` (`<li>`) inside a `TopBar`/`MenuBar`.
- * This only widens the public types of the `trigger` function; the internal
- * implementation is unaffected. See the ActionMenu docs for a usage example.
- */
-type ActionMenuType = Omit<React.ForwardRefExoticComponent<ActionMenuProps>, keyof CallableFunction> & {
-    <E extends HTMLElement = HTMLButtonElement>(props: ActionMenuProps<E> & React.RefAttributes<HTMLElement>): React.ReactElement;
-};
-declare const ActionMenu: ActionMenuType;
+    renderInTrigger?: boolean | undefined;
+} & Pick<{
+    target: HTMLElement | React.RefObject<HTMLElement | null> | React.MutableRefObject<HTMLElement | null>;
+    placement?: "auto" | import("@floating-ui/dom").Placement | "auto-start" | "auto-end" | undefined;
+    open?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    onPlacementChange?: ((placement: import("@floating-ui/dom").Placement) => void) | undefined;
+    onShiftChange?: ((coords: import("@floating-ui/dom").Coords) => void) | undefined;
+    offset?: number | undefined;
+    focusTrap?: boolean | undefined;
+    focusTrapOptions?: {
+        disabled?: boolean | undefined;
+        initialFocusElement?: import("../../types").ElementOrRef<HTMLElement> | undefined;
+        returnFocus?: boolean | undefined;
+        returnFocusElement?: import("../../types").ElementOrRef<HTMLElement> | undefined;
+    } | undefined;
+    portal?: HTMLElement | React.RefObject<HTMLElement | null> | undefined;
+    children?: React.ReactNode;
+} & React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & React.RefAttributes<HTMLElement>, "placement"> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export default ActionMenu;

package/lib/components/ActionMenu/index.d.ts

@@ -1,2 +1 @@
 export { default as ActionMenu } from './ActionMenu';
-export type { ActionMenuTriggerProps, ActionMenuTriggerFunction } from './ActionMenu';

package/lib/index.d.ts

@@ -68,7 +68,7 @@ export { default as PageHeader } from './components/PageHeader';
 export { default as SectionHeader } from './components/SectionHeader';
 export { default as EmptyState } from './components/EmptyState';
 export { ActionList, ActionListItem, ActionListGroup, ActionListSeparator, ActionListLinkItem } from './components/ActionList';
-export { ActionMenu, type ActionMenuTriggerProps, type ActionMenuTriggerFunction } from './components/ActionMenu';
+export { ActionMenu } from './components/ActionMenu';
 export { default as TreeView, type TreeViewNode } from './components/TreeView';
 /**
  * Helpers / Utils

package/lib/index.js

@@ -5330,7 +5330,7 @@ var ActionListLinkItem = React.forwardRef(function (_a, ref) {
 ActionListLinkItem.displayName = 'ActionListLinkItem';
 
 var _a = tslib.__read(['ArrowDown', 'ArrowUp'], 2), ArrowDown = _a[0], ArrowUp = _a[1];
-var ActionMenuComponent = React.forwardRef(function (_a, ref) {
+var ActionMenu = React.forwardRef(function (_a, ref) {
     var className = _a.className, style = _a.style, trigger = _a.trigger, _b = _a.placement, placement = _b === void 0 ? 'bottom-start' : _b, actionMenuList = _a.children, portal = _a.portal, _c = _a.renderInTrigger, renderInTrigger = _c === void 0 ? false : _c, props = tslib.__rest(_a, ["className", "style", "trigger", "placement", "children", "portal", "renderInTrigger"]);
     var _d = tslib.__read(React.useState(false), 2), open = _d[0], setOpen = _d[1];
     var _e = tslib.__read(React.useState('first'), 2), focusStrategy = _e[0], setFocusStrategy = _e[1];
@@ -5448,8 +5448,7 @@ var ActionMenuComponent = React.forwardRef(function (_a, ref) {
         React__default["default"].createElement(ClickOutsideListener$1, { onClickOutside: handleClickOutside, mouseEvent: open ? undefined : false, touchEvent: open ? undefined : false, target: triggerProps.ref }, actionMenuTrigger),
         renderInTrigger ? null : overlay));
 });
-ActionMenuComponent.displayName = 'ActionMenu';
-var ActionMenu = ActionMenuComponent;
+ActionMenu.displayName = 'ActionMenu';
 
 var TreeViewItem = function (_a) {
     var id = _a.id, textValue = _a.textValue, children = _a.children;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "7.2.0-canary.e67992f2",
+  "version": "7.2.0-canary.ef3abd52",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",