@primer/view-components 0.18.2-rc.ed9bb1a8 → 0.18.2

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

@@ -140,12 +140,20 @@ _ActionBarElement_firstItem_get = function _ActionBarElement_firstItem_get() {
     return foundItem;
 };
 _ActionBarElement_showItem = function _ActionBarElement_showItem(index) {
-    this.items[index].style.setProperty('visibility', 'visible');
-    __classPrivateFieldGet(this, _ActionBarElement_instances, "a", _ActionBarElement_menuItems_get)[index].hidden = true;
+    const item = this.items[index];
+    const menuItem = __classPrivateFieldGet(this, _ActionBarElement_instances, "a", _ActionBarElement_menuItems_get)[index];
+    if (!item || !menuItem)
+        return;
+    item.style.setProperty('visibility', 'visible');
+    menuItem.hidden = true;
 };
 _ActionBarElement_hideItem = function _ActionBarElement_hideItem(index) {
-    this.items[index].style.setProperty('visibility', 'hidden');
-    __classPrivateFieldGet(this, _ActionBarElement_instances, "a", _ActionBarElement_menuItems_get)[index].hidden = false;
+    const item = this.items[index];
+    const menuItem = __classPrivateFieldGet(this, _ActionBarElement_instances, "a", _ActionBarElement_menuItems_get)[index];
+    if (!item || !menuItem)
+        return;
+    item.style.setProperty('visibility', 'hidden');
+    menuItem.hidden = false;
 };
 _ActionBarElement_menuItems_get = function _ActionBarElement_menuItems_get() {
     return this.moreMenu.querySelectorAll('[role="menu"] > li');

package/app/components/primer/alpha/action_menu/action_menu_element.js

@@ -265,7 +265,9 @@ _ActionMenuElement_potentiallyDisallowActivation = function _ActionMenuElement_p
         return false;
     if (item.getAttribute('aria-disabled')) {
         event.preventDefault();
+        /* eslint-disable-next-line no-restricted-syntax */
         event.stopPropagation();
+        /* eslint-disable-next-line no-restricted-syntax */
         event.stopImmediatePropagation();
         return true;
     }
@@ -294,6 +296,7 @@ _ActionMenuElement_isActivation = function _ActionMenuElement_isActivation(event
 };
 _ActionMenuElement_handleInvokerActivated = function _ActionMenuElement_handleInvokerActivated(event) {
     event.preventDefault();
+    /* eslint-disable-next-line no-restricted-syntax */
     event.stopPropagation();
     if (__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isOpen).call(this)) {
         __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_hide).call(this);
@@ -376,6 +379,7 @@ _ActionMenuElement_activateItem = function _ActionMenuElement_activateItem(event
         return;
     // otherwise, event will not result in activation by default, so we stop it and
     // simulate a click
+    /* eslint-disable-next-line no-restricted-syntax */
     event.stopPropagation();
     const elem = item;
     elem.click();

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

@@ -26,6 +26,7 @@ function clickHandler(event) {
     // If the user is clicking a valid dialog trigger
     let dialogId = button === null || button === void 0 ? void 0 : button.getAttribute('data-show-dialog-id');
     if (dialogId) {
+        /* eslint-disable-next-line no-restricted-syntax */
         event.stopPropagation();
         const dialog = document.getElementById(dialogId);
         if (dialog instanceof ModalDialogElement) {
@@ -169,11 +170,13 @@ _ModalDialogElement_focusAbortController = new WeakMap(), _ModalDialogElement_in
         case 'Escape':
             this.close();
             event.preventDefault();
+            /* eslint-disable-next-line no-restricted-syntax */
             event.stopPropagation();
             break;
         case 'Enter': {
             const target = event.target;
             if (target.getAttribute('data-close-dialog-id') === this.id) {
+                /* eslint-disable-next-line no-restricted-syntax */
                 event.stopPropagation();
             }
             break;

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

@@ -134,9 +134,9 @@ let ToggleSwitchElement = class ToggleSwitchElement extends HTMLElement {
                 credentials: 'same-origin',
                 method: 'POST',
                 headers: {
-                    'Requested-With': 'XMLHttpRequest'
+                    'Requested-With': 'XMLHttpRequest',
                 },
-                body
+                body,
             });
         }
         catch (error) {

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

@@ -310,6 +310,7 @@ class ToolTipElement extends HTMLElement {
         const isOpeningOtherPopover = event.type === 'beforetoggle' && event.currentTarget !== this;
         const shouldHide = isMouseLeaveFromButton || isEscapeKeydown || isMouseDownOnButton || isOpeningOtherPopover;
         if (showing && isEscapeKeydown) {
+            /* eslint-disable-next-line no-restricted-syntax */
             event.stopImmediatePropagation();
             event.preventDefault();
         }

package/app/components/primer/beta/nav_list.js

@@ -77,6 +77,7 @@ let NavListElement = class NavListElement extends HTMLElement {
         else {
             this.expandItem(button);
         }
+        /* eslint-disable-next-line no-restricted-syntax */
         e.stopPropagation();
     }
     // collapse item
@@ -97,6 +98,7 @@ let NavListElement = class NavListElement extends HTMLElement {
         if (this.itemIsExpanded(button) && e.key === 'Escape') {
             this.collapseItem(button);
         }
+        /* eslint-disable-next-line no-restricted-syntax */
         e.stopPropagation();
     }
 };

package/app/components/primer/dialog_helper.js

@@ -47,6 +47,7 @@ function dialogInvokerButtonHandler(event) {
             if (fixed) {
                 // We need to re-open the dialog as modal, and also ensure no close event listeners
                 // are trying to act on the close
+                /* eslint-disable-next-line no-restricted-syntax */
                 dialog.addEventListener('close', e => e.stopImmediatePropagation(), { once: true });
                 dialog.close();
                 dialog.showModal();

package/package.json

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

package/static/info_arch.json

@@ -2232,7 +2232,7 @@
   {
     "fully_qualified_name": "Primer::Alpha::Banner",
     "description": "Use `Banner` to highlight important information.",
-    "accessibility_docs": null,
+    "accessibility_docs": "Depending on the scenario, some Banners may need to receive focus when they appear. This helps to maximize discoverability of the message, especially in critical scenarios. Visit the [Banner's Accessibility section](https://primer.style/components/banner#accessibility) or defer to the accessibility team to determine if your scenario requires focusing the banner.\n\nTo properly focus a banner, add a `tabindex=\"-1\"` to the Banner container, and focus that container (one way is using the [`focus()` API](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus)).\n\nFor more information about the focus management technique, visit the [Accessible Banner Prototype docs](https://github.com/github/accessibility/blob/main/docs/coaching-recommendations/toast-flash-banner/accessible-banner-prototype.md#consideration). This guidance is subject to change.",
     "is_form_component": false,
     "is_published": true,
     "requires_js": true,