@deque/cauldron-react 6.25.0-canary.d893407c → 6.25.0-canary.f92cb92b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
type ActionMenuTriggerProps = Pick<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'onKeyDown' | 'aria-expanded' | 'aria-haspopup'
|
|
2
|
+
type ActionMenuTriggerProps = Pick<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'onKeyDown' | 'aria-expanded' | 'aria-haspopup'> & {
|
|
3
3
|
ref: React.RefObject<HTMLButtonElement>;
|
|
4
4
|
};
|
|
5
5
|
type ActionMenuTriggerFunction = (props: ActionMenuTriggerProps, open: boolean) => React.ReactElement;
|
package/lib/index.js
CHANGED
|
@@ -5317,7 +5317,6 @@ var ActionMenu = React.forwardRef(function (_a, ref) {
|
|
|
5317
5317
|
var actionMenuRef = useSharedRef(ref);
|
|
5318
5318
|
var actionMenuListRef = useSharedRef(actionMenuList.props.ref);
|
|
5319
5319
|
var _f = tslib.__read(nextId.useId(1, 'menu-trigger'), 1), triggerId = _f[0];
|
|
5320
|
-
var _g = tslib.__read(nextId.useId(1, 'menu'), 1), menuId = _g[0];
|
|
5321
5320
|
var handleTriggerClick = React.useCallback(function (event) {
|
|
5322
5321
|
// istanbul ignore else
|
|
5323
5322
|
if (!event.defaultPrevented) {
|
|
@@ -5351,9 +5350,6 @@ var ActionMenu = React.forwardRef(function (_a, ref) {
|
|
|
5351
5350
|
setOpen(false);
|
|
5352
5351
|
}
|
|
5353
5352
|
}, []);
|
|
5354
|
-
var handleOverlayBlur = React.useCallback(function () {
|
|
5355
|
-
setOpen(false);
|
|
5356
|
-
}, []);
|
|
5357
5353
|
var handleAction = React.useCallback(function (key, event) {
|
|
5358
5354
|
// istanbul ignore else
|
|
5359
5355
|
if (!event.defaultPrevented) {
|
|
@@ -5373,16 +5369,13 @@ var ActionMenu = React.forwardRef(function (_a, ref) {
|
|
|
5373
5369
|
(_c = triggerRef.current) === null || _c === void 0 ? void 0 : _c.focus();
|
|
5374
5370
|
}
|
|
5375
5371
|
}, [open]);
|
|
5376
|
-
var
|
|
5377
|
-
var overlay = (React__default["default"].createElement(AnchoredOverlay, tslib.__assign({ ref: actionMenuRef, role: "presentation", className: classNames__default["default"]('ActionMenu', className), open: open, onOpenChange: setOpen, target: triggerRef, placement: placement, offset: 4, portal: portal, style: tslib.__assign({ display: !open ? 'none' : undefined }, style), "aria-hidden": hidden, onBlur: handleOverlayBlur }, props), React__default["default"].cloneElement(actionMenuList, {
|
|
5372
|
+
var overlay = (React__default["default"].createElement(AnchoredOverlay, tslib.__assign({ ref: actionMenuRef, role: "presentation", className: classNames__default["default"]('ActionMenu', className), open: open, onOpenChange: setOpen, target: triggerRef, placement: placement, offset: 4, portal: portal, style: tslib.__assign({ display: !open ? 'none' : undefined }, style) }, props), React__default["default"].cloneElement(actionMenuList, {
|
|
5378
5373
|
ref: actionMenuListRef,
|
|
5379
|
-
id: menuId,
|
|
5380
5374
|
role: 'menu',
|
|
5381
5375
|
onAction: handleAction,
|
|
5382
5376
|
'aria-labelledby': triggerId,
|
|
5383
5377
|
focusStrategy: focusStrategy,
|
|
5384
|
-
focusDisabledOptions: true
|
|
5385
|
-
hidden: hidden
|
|
5378
|
+
focusDisabledOptions: true
|
|
5386
5379
|
})));
|
|
5387
5380
|
var triggerProps = React.useMemo(function () {
|
|
5388
5381
|
return {
|
|
@@ -5391,10 +5384,9 @@ var ActionMenu = React.forwardRef(function (_a, ref) {
|
|
|
5391
5384
|
onClick: handleTriggerClick,
|
|
5392
5385
|
onKeyDown: handleTriggerKeyDown,
|
|
5393
5386
|
'aria-expanded': open,
|
|
5394
|
-
'aria-haspopup': 'menu'
|
|
5395
|
-
'aria-controls': menuId
|
|
5387
|
+
'aria-haspopup': 'menu'
|
|
5396
5388
|
};
|
|
5397
|
-
}, [handleTriggerClick, open
|
|
5389
|
+
}, [handleTriggerClick, open]);
|
|
5398
5390
|
if (renderInTrigger) {
|
|
5399
5391
|
// istanbul ignore next
|
|
5400
5392
|
if (portal && process.env.NODE_ENV !== 'production') {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deque/cauldron-react",
|
|
3
|
-
"version": "6.25.0-canary.
|
|
3
|
+
"version": "6.25.0-canary.f92cb92b",
|
|
4
4
|
"license": "MPL-2.0",
|
|
5
5
|
"description": "Fully accessible react components library for Deque Cauldron",
|
|
6
6
|
"homepage": "https://cauldron.dequelabs.com/",
|