@primer/view-components 0.6.0-rc.b9e3d3e2 → 0.6.0-rc.c042fbe7

package/app/components/primer/alpha/x_banner.d.ts

@@ -1,9 +1,7 @@
 declare class XBannerElement extends HTMLElement {
-    #private;
     titleText: HTMLElement;
     dismiss(): void;
-    show(): void;
-    hide(): void;
+    private shouldReappear;
 }
 declare global {
     interface Window {

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

@@ -4,38 +4,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _XBannerElement_instances, _XBannerElement_dismissScheme_get;
 import { controller, target } from '@github/catalyst';
 let XBannerElement = class XBannerElement extends HTMLElement {
-    constructor() {
-        super(...arguments);
-        _XBannerElement_instances.add(this);
-    }
     dismiss() {
+        if (this.shouldReappear()) {
+            this.style.setProperty('visibility', 'hidden');
+            setTimeout(() => {
+                this.style.setProperty('visibility', 'visible');
+            }, 2000);
+            return;
+        }
         const parentElement = this.parentElement;
         if (!parentElement)
             return;
-        if (__classPrivateFieldGet(this, _XBannerElement_instances, "a", _XBannerElement_dismissScheme_get) === 'remove') {
-            parentElement.removeChild(this);
-        }
-        else {
-            this.hide();
-        }
+        parentElement.removeChild(this);
     }
-    show() {
-        this.style.setProperty('display', 'initial');
+    shouldReappear() {
+        return this.getAttribute('data-reappear') === 'true';
     }
-    hide() {
-        this.style.setProperty('display', 'none');
-    }
-};
-_XBannerElement_instances = new WeakSet(), _XBannerElement_dismissScheme_get = function _XBannerElement_dismissScheme_get() {
-    return this.getAttribute('data-dismiss-scheme');
 };
 __decorate([
     target

package/package.json

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

package/static/arguments.json

@@ -521,10 +521,10 @@
         "description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
       },
       {
-        "name": "dismiss_scheme",
-        "type": "Symbol",
-        "default": "`:none`",
-        "description": "Whether the component can be dismissed with an \"x\" button. One of `:hide`, `:none`, or `:remove`."
+        "name": "dismissible",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component can be dismissed with an \"x\" button."
       },
       {
         "name": "description",
@@ -544,6 +544,12 @@
         "default": "`:default`",
         "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
       },
+      {
+        "name": "reappear",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",

package/static/constants.json

@@ -146,7 +146,6 @@
   "Primer::Alpha::AutoComplete::Item": {
   },
   "Primer::Alpha::Banner": {
-    "DEFAULT_DISMISS_SCHEME": "none",
     "DEFAULT_ICONS": {
       "default": "bell",
       "warning": "alert",
@@ -154,11 +153,6 @@
       "success": "check-circle"
     },
     "DEFAULT_SCHEME": "default",
-    "DISMISS_SCHEMES": [
-      "none",
-      "remove",
-      "hide"
-    ],
     "LEGACY_SCHEME_MAPPINGS": {
       "default": "",
       "warning": "flash-warn",