@deque/cauldron-react 6.20.2-canary.69d3e215 → 6.20.2-canary.72846ff6

package/lib/index.js

@@ -4623,25 +4623,25 @@ var Popover = React.forwardRef(function (_a, ref) {
             targetElement === null || targetElement === void 0 ? void 0 : targetElement.setAttribute('aria-haspopup', 'true');
         }
     }, [targetElement, id, show]);
-    var handleClickOutside = function (e) {
+    var handleClosePopover = function () {
+        isolator === null || isolator === void 0 ? void 0 : isolator.deactivate();
+        if (show) {
+            onClose();
+        }
+    };
+    var handleClickOutside = React.useCallback(function (e) {
         if (e.target === targetElement) {
             return;
         }
         if (show) {
             handleClosePopover();
         }
-    };
+    }, [show, targetElement, handleClosePopover]);
     var attachIsolator = function () {
         if (popoverRef === null || popoverRef === void 0 ? void 0 : popoverRef.current) {
             setIsolator(new AriaIsolate(popoverRef === null || popoverRef === void 0 ? void 0 : popoverRef.current));
         }
     };
-    var handleClosePopover = function () {
-        isolator === null || isolator === void 0 ? void 0 : isolator.deactivate();
-        if (show) {
-            onClose();
-        }
-    };
     useEscapeKey({
         callback: handleClosePopover,
         active: show
@@ -5056,10 +5056,10 @@ var ActionListSeparator = React.forwardRef(function (_a, ref) {
 ActionListSeparator.displayName = 'ActionListSeparator';
 
 var ActionListLinkItem = React.forwardRef(function (_a, ref) {
-    var key = _a.key, className = _a.className; 
+    var className = _a.className; 
     // ActionListLinkItem should not be able to be "selected"
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    _a.selected; var props = tslib.__rest(_a, ["key", "className", "selected"]);
+    _a.selected; var props = tslib.__rest(_a, ["className", "selected"]);
     var contextRole = useActionListContext().role;
     var listItemRole = React.useMemo(function () {
         if (contextRole === 'menu') {
@@ -5071,7 +5071,7 @@ var ActionListLinkItem = React.forwardRef(function (_a, ref) {
         }
         return undefined;
     }, [contextRole]);
-    return (React__default["default"].createElement(ActionListItem, tslib.__assign({ key: key, ref: ref, className: classNames__default["default"]('Link ActionListLinkItem', className), as: "a", role: listItemRole, tabIndex: listItemRole === 'menuitem' ? -1 : undefined }, props)));
+    return (React__default["default"].createElement(ActionListItem, tslib.__assign({ ref: ref, className: classNames__default["default"]('Link ActionListLinkItem', className), as: "a", role: listItemRole, tabIndex: listItemRole === 'menuitem' ? -1 : undefined }, props)));
 });
 ActionListLinkItem.displayName = 'ActionListLinkItem';
 

package/package.json

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