@primer/view-components 0.43.4 → 0.43.5-rc.09d1ec5c

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

@@ -9,7 +9,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _ToolTipElement_instances, _ToolTipElement_abortController, _ToolTipElement_align, _ToolTipElement_side, _ToolTipElement_allowUpdatePosition, _ToolTipElement_showReason, _ToolTipElement_update, _ToolTipElement_updateControlReference, _ToolTipElement_updateDirection, _ToolTipElement_updatePosition;
+var _ToolTipElement_instances, _ToolTipElement_abortController, _ToolTipElement_align, _ToolTipElement_side, _ToolTipElement_allowUpdatePosition, _ToolTipElement_showReason, _ToolTipElement_update, _ToolTipElement_updateControl, _ToolTipElement_updateControlReference, _ToolTipElement_updateDirection, _ToolTipElement_updatePosition;
 import '@oddbird/popover-polyfill';
 import { getAnchoredPosition } from '@primer/behaviors';
 const isPopoverOpen = (() => {
@@ -233,26 +233,7 @@ class ToolTipElement extends HTMLElement {
         }
         __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_update).call(this, false);
         __classPrivateFieldSet(this, _ToolTipElement_allowUpdatePosition, true, "f");
-        if (!this.control)
-            return;
-        this.setAttribute('role', 'tooltip');
-        __classPrivateFieldGet(this, _ToolTipElement_abortController, "f")?.abort();
-        __classPrivateFieldSet(this, _ToolTipElement_abortController, new AbortController(), "f");
-        const { signal } = __classPrivateFieldGet(this, _ToolTipElement_abortController, "f");
-        this.addEventListener('mouseleave', this, { signal });
-        this.addEventListener('toggle', this, { signal });
-        this.control.addEventListener('mouseenter', this, { signal });
-        this.control.addEventListener('mouseleave', this, { signal });
-        this.control.addEventListener('focus', this, { signal });
-        this.control.addEventListener('mousedown', this, { signal });
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore popoverTargetElement is not in the type definition
-        this.control.popoverTargetElement?.addEventListener('beforetoggle', this, {
-            signal,
-        });
-        this.ownerDocument.addEventListener('focusout', focusOutListener);
-        this.ownerDocument.addEventListener('focusin', focusInListener);
-        this.ownerDocument.addEventListener('keydown', this, { signal, capture: true });
+        __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_updateControl).call(this);
     }
     disconnectedCallback() {
         tooltips.delete(this);
@@ -296,7 +277,10 @@ class ToolTipElement extends HTMLElement {
     attributeChangedCallback(name) {
         if (!this.isConnected)
             return;
-        if (name === 'id' || name === 'data-type') {
+        if (name === 'for') {
+            __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_updateControl).call(this);
+        }
+        else if (name === 'id' || name === 'data-type') {
             __classPrivateFieldGet(this, _ToolTipElement_instances, "m", _ToolTipElement_updateControlReference).call(this);
         }
         else if (name === 'data-direction') {
@@ -316,6 +300,27 @@ _ToolTipElement_abortController = new WeakMap(), _ToolTipElement_align = new Wea
         this.classList.remove(...DIRECTION_CLASSES);
         this.classList.add(TOOLTIP_SR_ONLY_CLASS);
     }
+}, _ToolTipElement_updateControl = function _ToolTipElement_updateControl() {
+    if (!this.control)
+        return;
+    this.setAttribute('role', 'tooltip');
+    __classPrivateFieldGet(this, _ToolTipElement_abortController, "f")?.abort();
+    __classPrivateFieldSet(this, _ToolTipElement_abortController, new AbortController(), "f");
+    const { signal } = __classPrivateFieldGet(this, _ToolTipElement_abortController, "f");
+    this.addEventListener('mouseleave', this, { signal });
+    this.addEventListener('toggle', this, { signal });
+    this.control.addEventListener('mouseenter', this, { signal });
+    this.control.addEventListener('mouseleave', this, { signal });
+    this.control.addEventListener('focus', this, { signal });
+    this.control.addEventListener('mousedown', this, { signal });
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore popoverTargetElement is not in the type definition
+    this.control.popoverTargetElement?.addEventListener('beforetoggle', this, {
+        signal,
+    });
+    this.ownerDocument.addEventListener('focusout', focusOutListener);
+    this.ownerDocument.addEventListener('focusin', focusInListener);
+    this.ownerDocument.addEventListener('keydown', this, { signal, capture: true });
 }, _ToolTipElement_updateControlReference = function _ToolTipElement_updateControlReference() {
     if (!this.id || !this.control)
         return;
@@ -431,7 +436,7 @@ _ToolTipElement_abortController = new WeakMap(), _ToolTipElement_align = new Wea
     }
     this.classList.add(`tooltip-${direction}`);
 };
-ToolTipElement.observedAttributes = ['data-type', 'data-direction', 'id'];
+ToolTipElement.observedAttributes = ['data-type', 'data-direction', 'id', 'for'];
 if (!window.customElements.get('tool-tip')) {
     window.ToolTipElement = ToolTipElement;
     window.customElements.define('tool-tip', ToolTipElement);

package/package.json

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