@primer/view-components 0.15.0-rc.ef1c6ef7 → 0.15.0-rc.f152dba4

package/app/components/primer/alpha/tool_tip.js

@@ -43,7 +43,7 @@ const DIRECTION_CLASSES = [
     'tooltip-ne',
     'tooltip-se',
     'tooltip-nw',
-    'tooltip-sw'
+    'tooltip-sw',
 ];
 function closeOpenTooltips(except) {
     for (const tooltip of openTooltips) {
@@ -270,11 +270,11 @@ class ToolTipElement extends HTMLElement {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore popoverTargetElement is not in the type definition
         (_b = this.control.popoverTargetElement) === null || _b === void 0 ? void 0 : _b.addEventListener('beforetoggle', this, {
-            signal
+            signal,
         });
         this.ownerDocument.addEventListener('focusout', focusOutListener);
         this.ownerDocument.addEventListener('focusin', focusInListener);
-        this.ownerDocument.addEventListener('keydown', this, { signal });
+        this.ownerDocument.addEventListener('keydown', this, { signal, captures: true });
     }
     disconnectedCallback() {
         var _a;
@@ -296,6 +296,10 @@ class ToolTipElement extends HTMLElement {
         const isMouseDownOnButton = event.type === 'mousedown' && event.currentTarget === this.control;
         const isOpeningOtherPopover = event.type === 'beforetoggle' && event.currentTarget !== this;
         const shouldHide = isMouseLeaveFromButton || isEscapeKeydown || isMouseDownOnButton || isOpeningOtherPopover;
+        if (showing && isEscapeKeydown) {
+            event.stopImmediatePropagation();
+            event.preventDefault();
+        }
         await Promise.resolve();
         if (!showing && shouldShow && !isPopoverOpen(this)) {
             __classPrivateFieldSet(this, _ToolTipElement_showReason, event.type === 'mouseenter' ? 'mouse' : 'focus', "f");
@@ -409,7 +413,7 @@ _ToolTipElement_abortController = new WeakMap(), _ToolTipElement_align = new Wea
     const position = getAnchoredPosition(this, this.control, {
         side: __classPrivateFieldGet(this, _ToolTipElement_side, "f"),
         align: __classPrivateFieldGet(this, _ToolTipElement_align, "f"),
-        anchorOffset: TOOLTIP_OFFSET
+        anchorOffset: TOOLTIP_OFFSET,
     });
     const anchorSide = position.anchorSide;
     const align = position.anchorAlign;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.15.0-rc.ef1c6ef7",
+  "version": "0.15.0-rc.f152dba4",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",