@department-of-veterans-affairs/formation-react - npm Package Compare versions

Comparing version 6.0.2 to 7.0.0

.storybook/preview.js

@@ -5,2 +5,45 @@ import '@department-of-veterans-affairs/formation/dist/formation.min.css';
 
+const viewports = {
+  xsmall: {
+    name: 'XSmall Screen',
+    styles: {
+      height: '568px',
+      width: '320px',
+    },
+    type: 'mobile',
+  },
+  small: {
+    name: 'Small Screen',
+    styles: {
+      height: '896px',
+      width: '481px',
+    },
+    type: 'mobile',
+  },
+  medium: {
+    name: 'Medium',
+    styles: {
+      height: '1112px',
+      width: '768px',
+    },
+    type: 'tablet',
+  },
+  smallDesktop: {
+    name: 'Small Desktop',
+    styles: {
+      height: '1400px',
+      width: '1008px',
+    },
+    type: 'desktop',
+  },
+  large: {
+    name: 'Large',
+    styles: {
+      height: '1600px',
+      width: '1601px',
+    },
+    type: 'desktop',
+  },
+};
+
 export const parameters = {
@@ -14,4 +57,8 @@ actions: { argTypesRegex: '^on[A-Z].*' },
   },
+  viewport: {
+    viewports,
+    defaultViewport: 'small',
+  },
 };
 
 export const decorators = [withHTML];

AcceptTermsPrompt.js

@@ -22,11 +22,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -36,2 +40,4 @@ var AcceptTermsPrompt = /*#__PURE__*/function (_React$Component) {
 
+  var _super = _createSuper(AcceptTermsPrompt);
+
   function AcceptTermsPrompt(props) {
@@ -42,3 +48,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(AcceptTermsPrompt).call(this, props));
+    _this = _super.call(this, props);
     _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized(_this));
@@ -99,3 +105,3 @@ _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_this));
       if (!terms.termsContent) {
-        return _react["default"].createElement("div", null);
+        return /*#__PURE__*/_react["default"].createElement("div", null);
       }
@@ -110,3 +116,3 @@
 
-      var submitButton = _react["default"].createElement("button", {
+      var submitButton = /*#__PURE__*/_react["default"].createElement("button", {
         className: submitClass,
@@ -117,3 +123,3 @@ disabled: submitDisabled,
 
-      var yesButton = _react["default"].createElement("div", null, _react["default"].createElement("input", {
+      var yesButton = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
         type: "checkbox",
@@ -125,3 +131,3 @@ name: "form-selection",
         disabled: !this.state.scrolledToBottom
-      }), _react["default"].createElement("label", {
+      }), /*#__PURE__*/_react["default"].createElement("label", {
         htmlFor: "form-yes"
@@ -138,5 +144,5 @@ }, terms.yesContent));
 
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "row primary terms-acceptance"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "small-12 columns usa-content",
@@ -146,25 +152,25 @@ role: "region",
         tabIndex: "0"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         dangerouslySetInnerHTML: {
           __html: terms.headerContent
         }
-      }), _react["default"].createElement("h1", null, terms.title), _react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement("h1", null, terms.title), /*#__PURE__*/_react["default"].createElement("div", {
         className: "terms-box"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "terms-head"
-      }, "Scroll to read the full terms and conditions to continue"), _react["default"].createElement("div", {
+      }, "Scroll to read the full terms and conditions to continue"), /*#__PURE__*/_react["default"].createElement("div", {
         className: "terms-scroller",
         onScroll: this.handleScroll,
         tabIndex: "0"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         dangerouslySetInnerHTML: {
           __html: terms.termsContent
         }
-      })), _react["default"].createElement("div", {
+      })), /*#__PURE__*/_react["default"].createElement("div", {
         className: actionButtonClass
-      }, yesButton)), _react["default"].createElement("div", null, _react["default"].createElement("div", {
+      }, yesButton)), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
         dangerouslySetInnerHTML: {
           __html: terms.footerContent
         }
-      })), _react["default"].createElement("div", null, submitButton, _react["default"].createElement("button", {
+      })), /*#__PURE__*/_react["default"].createElement("div", null, submitButton, /*#__PURE__*/_react["default"].createElement("button", {
         className: "usa-button usa-button-secondary",
@@ -171,0 +177,0 @@ onClick: onCancel

AdditionalInfo.js

@@ -26,11 +26,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -42,2 +46,4 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(AdditionalInfo);
+
   function AdditionalInfo(props) {
@@ -48,3 +54,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(AdditionalInfo).call(this, props));
+    _this = _super.call(this, props);
 
@@ -84,3 +90,3 @@ _defineProperty(_assertThisInitialized(_this), "toggle", function () {
 
-      var trigger = _react["default"].createElement("button", {
+      var trigger = /*#__PURE__*/_react["default"].createElement("button", {
         type: "button",
@@ -91,12 +97,12 @@ className: buttonClass,
         onClick: this.toggle
-      }, _react["default"].createElement(TagName, {
+      }, /*#__PURE__*/_react["default"].createElement(TagName, {
         className: "additional-info-title"
-      }, triggerText, _react["default"].createElement("i", {
+      }, triggerText, /*#__PURE__*/_react["default"].createElement("i", {
         className: iconClass
       })));
 
-      return _react["default"].createElement(_ExpandingGroup["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_ExpandingGroup["default"], {
         open: this.state.open,
         expandedContentId: this.expandedContentId
-      }, trigger, _react["default"].createElement("div", {
+      }, trigger, /*#__PURE__*/_react["default"].createElement("div", {
         className: "additional-info-content"
@@ -103,0 +109,0 @@ }, children));

AlertBox.js

@@ -26,11 +26,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -57,5 +61,5 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(AlertBox);
+
   function AlertBox() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -69,3 +73,3 @@
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(AlertBox)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
@@ -121,3 +125,3 @@ _defineProperty(_assertThisInitialized(_this), "scrollToAlert", function () {
 
-      if (!this.props.isVisible) return _react["default"].createElement("div", {
+      if (!this.props.isVisible) return /*#__PURE__*/_react["default"].createElement("div", {
         "aria-live": "polite"
@@ -129,7 +133,7 @@ });
 
-      var closeButton = this.props.onCloseAlert && _react["default"].createElement("button", {
+      var closeButton = this.props.onCloseAlert && /*#__PURE__*/_react["default"].createElement("button", {
         className: "va-alert-close",
         "aria-label": this.props.closeBtnAriaLabel,
         onClick: this.props.onCloseAlert
-      }, _react["default"].createElement("i", {
+      }, /*#__PURE__*/_react["default"].createElement("i", {
         className: "fas fa-times-circle",
@@ -142,3 +146,3 @@ "aria-label": "Close icon"
       var H = "h".concat(this.props.level);
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: alertClass,
@@ -148,7 +152,7 @@ ref: function ref(_ref) {
         }
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "usa-alert-body"
-      }, alertHeading && _react["default"].createElement(H, {
+      }, alertHeading && /*#__PURE__*/_react["default"].createElement(H, {
         className: "usa-alert-heading"
-      }, alertHeading), alertText && _react["default"].createElement("div", {
+      }, alertHeading), alertText && /*#__PURE__*/_react["default"].createElement("div", {
         className: "usa-alert-text"
@@ -155,0 +159,0 @@ }, alertText)), closeButton);

Breadcrumbs.js

@@ -28,11 +28,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -51,5 +55,5 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(Breadcrumbs);
+
   function Breadcrumbs() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -63,3 +67,3 @@
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Breadcrumbs)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
@@ -69,7 +73,7 @@ _defineProperty(_assertThisInitialized(_this), "renderBreadcrumbLinks", function () {
 
-      children.push(_react["default"].cloneElement(children.pop(), {
+      children.push( /*#__PURE__*/_react["default"].cloneElement(children.pop(), {
         'aria-current': 'page'
       }));
       return children.map(function (child, i) {
-        return _react["default"].createElement("li", {
+        return /*#__PURE__*/_react["default"].createElement("li", {
           key: i
@@ -95,3 +99,3 @@ }, child);
       var breadcrumbListId = listId || (0, _uniqueId2["default"])('va-breadcrumbs-list-');
-      return _react["default"].createElement("nav", {
+      return /*#__PURE__*/_react["default"].createElement("nav", {
         "aria-label": ariaLabel,
@@ -105,3 +109,3 @@ "aria-live": "polite",
         id: breadcrumbId
-      }, _react["default"].createElement("ul", {
+      }, /*#__PURE__*/_react["default"].createElement("ul", {
         className: "row va-nav-breadcrumbs-list columns",
@@ -108,0 +112,0 @@ id: breadcrumbListId

CollapsiblePanel.js

@@ -24,11 +24,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -41,2 +45,4 @@ var Element = _reactScroll["default"].Element;
 
+  var _super = _createSuper(CollapsiblePanel);
+
   function CollapsiblePanel(props) {
@@ -47,3 +53,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(CollapsiblePanel).call(this, props));
+    _this = _super.call(this, props);
     _this.state = {
@@ -99,3 +105,3 @@ open: !!props.startOpen
       if (this.state.open) {
-        pageContent = _react["default"].createElement("div", {
+        pageContent = /*#__PURE__*/_react["default"].createElement("div", {
           className: "usa-accordion-content",
@@ -106,9 +112,9 @@ "aria-hidden": "false"
 
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(this.props.borderless ? 'usa-accordion' : 'usa-accordion-bordered', " form-review-panel")
-      }, _react["default"].createElement(Element, {
+      }, /*#__PURE__*/_react["default"].createElement(Element, {
         name: "collapsible-panel-".concat(this.id, "-scroll-element")
-      }), _react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement("div", {
         className: "accordion-header clearfix"
-      }, _react["default"].createElement("button", {
+      }, /*#__PURE__*/_react["default"].createElement("button", {
         className: "usa-accordion-button usa-button-unstyled",
@@ -118,3 +124,3 @@ "aria-expanded": this.state.open ? 'true' : 'false',
         onClick: this.toggleChapter
-      }, this.props.panelName)), _react["default"].createElement("div", {
+      }, this.props.panelName)), /*#__PURE__*/_react["default"].createElement("div", {
         id: "collapsible-".concat(this.id)
@@ -121,0 +127,0 @@ }, pageContent));

contacts.js

@@ -8,4 +8,6 @@ "use strict";
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -126,4 +128,4 @@
 var CONTACTS = Object.freeze(Object.entries(contactsMap).reduce(function (allContacts, currentContact) {
-  return _objectSpread({}, allContacts, _defineProperty({}, currentContact[0], currentContact[1].phoneNumber));
+  return _objectSpread(_objectSpread({}, allContacts), {}, _defineProperty({}, currentContact[0], currentContact[1].phoneNumber));
 }, {}));
 exports.CONTACTS = CONTACTS;

DropDownPanel.js

@@ -22,11 +22,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -38,5 +42,5 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(DropDownPanel);
+
   function DropDownPanel() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -50,3 +54,3 @@
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(DropDownPanel)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
@@ -87,3 +91,3 @@ _defineProperty(_assertThisInitialized(_this), "handleDocumentClick", function (event) {
       }, 'va-dropdown-trigger');
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "va-dropdown",
@@ -93,3 +97,3 @@ ref: function ref(div) {
         }
-      }, _react["default"].createElement("button", {
+      }, /*#__PURE__*/_react["default"].createElement("button", {
         className: buttonClasses,
@@ -100,3 +104,3 @@ "aria-controls": this.props.id,
         onClick: this.toggleDropDown
-      }, _react["default"].createElement("span", null, this.props.icon, this.props.buttonText)), _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("span", null, this.props.icon, this.props.buttonText)), /*#__PURE__*/_react["default"].createElement("div", {
         className: "va-dropdown-panel ".concat(this.props.dropdownPanelClassNames),
@@ -103,0 +107,0 @@ id: this.props.id,

EmergencyBanner.js

@@ -28,11 +28,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -46,2 +50,4 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(EmergencyBanner);
+
   function EmergencyBanner(props) {
@@ -52,3 +58,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(EmergencyBanner).call(this, props));
+    _this = _super.call(this, props);
 
@@ -101,3 +107,3 @@ _defineProperty(_assertThisInitialized(_this), "prepareEmergencyBannerID", function () {
       var onCloseAlert = showClose && this.dismiss;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         onClick: this.onClick,
@@ -109,5 +115,5 @@ className: (0, _classnames["default"])('usa-alert-full-width', 'vads-u-border-top--5px', 'medium-screen:vads-u-border-top--10px', 'vads-c-emergency-banner', {
         "data-e2e-id": "emergency-banner"
-      }, _react["default"].createElement(_AlertBox["default"] // eslint-disable-next-line react/no-danger
+      }, /*#__PURE__*/_react["default"].createElement(_AlertBox["default"] // eslint-disable-next-line react/no-danger
       , {
-        content: _react["default"].createElement("div", {
+        content: /*#__PURE__*/_react["default"].createElement("div", {
           dangerouslySetInnerHTML: {
@@ -114,0 +120,0 @@ __html: content

ExpandingGroup.js

@@ -36,5 +36,5 @@ "use strict";
   });
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: classNames
-  }, children[0], _react["default"].createElement(_CSSTransitionGroup["default"], {
+  }, children[0], /*#__PURE__*/_react["default"].createElement(_CSSTransitionGroup["default"], {
     id: expandedContentId,
@@ -44,3 +44,3 @@ transitionName: "form-expanding-group-inner",
     transitionLeave: false
-  }, open ? _react["default"].createElement("div", {
+  }, open ? /*#__PURE__*/_react["default"].createElement("div", {
     key: "removable-group",
@@ -47,0 +47,0 @@ className: additionalClass

HelpMenu.js

@@ -24,2 +24,8 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
@@ -29,15 +35,15 @@
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 var HelpMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(HelpMenu, _React$Component);
 
+  var _super = _createSuper(HelpMenu);
+
   function HelpMenu() {
     _classCallCheck(this, HelpMenu);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(HelpMenu).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -48,3 +54,3 @@
     value: function render() {
-      var icon = _react["default"].createElement(_IconHelp["default"], {
+      var icon = /*#__PURE__*/_react["default"].createElement(_IconHelp["default"], {
         color: "#fff",
@@ -54,3 +60,3 @@ role: "presentation"
 
-      return _react["default"].createElement(_DropDownPanel["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_DropDownPanel["default"], {
         buttonText: "Help",
@@ -62,7 +68,7 @@ clickHandler: this.props.clickHandler,
         isOpen: this.props.isOpen
-      }, _react["default"].createElement("div", null, _react["default"].createElement("p", null, _react["default"].createElement("b", null, "Call the VA.gov Help Desk")), _react["default"].createElement("p", null, _react["default"].createElement("a", {
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("b", null, "Call the VA.gov Help Desk")), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("a", {
         href: "tel:[phone]"
-      }, "1-855-574-7286")), _react["default"].createElement("p", null, "TTY: ", _react["default"].createElement("a", {
+      }, "1-855-574-7286")), /*#__PURE__*/_react["default"].createElement("p", null, "TTY: ", /*#__PURE__*/_react["default"].createElement("a", {
         href: "tel:[phone]"
-      }, "1-800-877-8339")), _react["default"].createElement("p", null, "Monday \u2013 Friday, 8:00 a.m. \u2013 8:00 p.m. (ET)")));
+      }, "1-800-877-8339")), /*#__PURE__*/_react["default"].createElement("p", null, "Monday \u2013 Friday, 8:00 a.m. \u2013 8:00 p.m. (ET)")));
     }
@@ -69,0 +75,0 @@ }]);

IconBase.js

@@ -26,2 +26,8 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
@@ -31,15 +37,15 @@
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 var IconBase = /*#__PURE__*/function (_React$Component) {
   _inherits(IconBase, _React$Component);
 
+  var _super = _createSuper(IconBase);
+
   function IconBase() {
     _classCallCheck(this, IconBase);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(IconBase).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -55,3 +61,3 @@
 
-      return _react["default"].createElement("svg", _extends({
+      return /*#__PURE__*/_react["default"].createElement("svg", _extends({
         focusable: focusable,
@@ -58,0 +64,0 @@ role: role

IconHelp.js

@@ -22,2 +22,8 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
@@ -27,15 +33,15 @@
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 var IconHelp = /*#__PURE__*/function (_React$Component) {
   _inherits(IconHelp, _React$Component);
 
+  var _super = _createSuper(IconHelp);
+
   function IconHelp() {
     _classCallCheck(this, IconHelp);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(IconHelp).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -51,3 +57,3 @@
           role = _this$props.role;
-      return _react["default"].createElement(_IconBase["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_IconBase["default"], {
         className: cssClass,
@@ -60,3 +66,3 @@ height: "63",
         width: "62"
-      }, _react["default"].createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         fill: color,
@@ -63,0 +69,0 @@ fillRule: "evenodd",

IconSearch.js

@@ -22,2 +22,8 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
@@ -27,15 +33,15 @@
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 var IconSearch = /*#__PURE__*/function (_React$Component) {
   _inherits(IconSearch, _React$Component);
 
+  var _super = _createSuper(IconSearch);
+
   function IconSearch() {
     _classCallCheck(this, IconSearch);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(IconSearch).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -55,6 +61,6 @@
       if (title) {
-        svgTitle = _react["default"].createElement("title", null, title);
+        svgTitle = /*#__PURE__*/_react["default"].createElement("title", null, title);
       }
 
-      return _react["default"].createElement(_IconBase["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_IconBase["default"], {
         className: cssClass,
@@ -67,3 +73,3 @@ height: "24",
         width: "24"
-      }, svgTitle, _react["default"].createElement("path", {
+      }, svgTitle, /*#__PURE__*/_react["default"].createElement("path", {
         fill: color,
@@ -70,0 +76,0 @@ d: "M172.77 123.025L144.825 95.08c6.735-9.722 10.104-20.56 10.104-32.508 0-7.767-1.51-15.195-4.527-22.283-3.014-7.09-7.088-13.2-12.22-18.336s-11.243-9.207-18.33-12.22c-7.09-3.016-14.52-4.523-22.286-4.523-7.768 0-15.196 1.508-22.284 4.523-7.09 3.014-13.2 7.088-18.332 12.22-5.132 5.134-9.206 11.245-12.22 18.333-3.015 7.088-4.522 14.515-4.522 22.282 0 7.766 1.507 15.192 4.522 22.282 3.014 7.088 7.088 13.197 12.22 18.33 5.134 5.134 11.245 9.207 18.333 12.222 7.09 3.015 14.516 4.522 22.283 4.522 11.95 0 22.786-3.37 32.51-10.105l27.943 27.863c1.955 2.064 4.397 3.096 7.332 3.096 2.824 0 5.27-1.03 7.332-3.096 2.064-2.063 3.096-4.508 3.096-7.332 0-2.877-1.002-5.322-3.013-7.33zm-49.413-34.668C116.214 95.5 107.62 99.07 97.57 99.07c-10.048 0-18.643-3.57-25.786-10.713C64.64 81.214 61.07 72.62 61.07 62.57c0-10.047 3.572-18.643 10.714-25.785C78.926 29.642 87.522 26.07 97.57 26.07c10.048 0 18.643 3.573 25.787 10.715 7.143 7.142 10.715 15.738 10.715 25.786 0 10.05-3.573 18.647-10.715 25.79z"

IconUser.js

@@ -22,2 +22,8 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
@@ -27,15 +33,15 @@
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 var IconUser = /*#__PURE__*/function (_React$Component) {
   _inherits(IconUser, _React$Component);
 
+  var _super = _createSuper(IconUser);
+
   function IconUser() {
     _classCallCheck(this, IconUser);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(IconUser).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -51,3 +57,3 @@
           role = _this$props.role;
-      return _react["default"].createElement(_IconBase["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_IconBase["default"], {
         className: cssClass,
@@ -60,3 +66,3 @@ height: "63",
         width: "57"
-      }, _react["default"].createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         fill: color,
@@ -63,0 +69,0 @@ d: "M364.571429,297.736607 C364.571429,300.950909 363.59376,303.48883 361.638393,305.350446 C359.683026,307.212063 357.084838,308.142857 353.84375,308.142857 L318.727679,308.142857 C315.486591,308.142857 312.888403,307.212063 310.933036,305.350446 C308.977669,303.48883 308,300.950909 308,297.736607 C308,296.316957 308.046875,294.93081 308.140625,293.578125 C308.234375,292.22544 308.421874,290.765633 308.703125,289.198661 C308.984376,287.631689 309.339284,286.178578 309.767857,284.839286 C310.196431,283.499993 310.772318,282.194203 311.495536,280.921875 C312.218754,279.649547 313.049102,278.564737 313.986607,277.667411 C314.924112,276.770085 316.06919,276.053574 317.421875,275.517857 C318.77456,274.98214 320.267849,274.714286 321.901786,274.714286 C322.142858,274.714286 322.705353,275.002229 323.589286,275.578125 C324.473219,276.154021 325.470977,276.796871 326.582589,277.506696 C327.694202,278.216521 329.140616,278.859372 330.921875,279.435268 C332.703134,280.011164 334.491062,280.299107 336.285714,280.299107 C338.080366,280.299107 339.868295,280.011164 341.649554,279.435268 C343.430812,278.859372 344.877227,278.216521 345.988839,277.506696 C347.100452,276.796871 348.09821,276.154021 348.982143,275.578125 C349.866076,275.002229 350.42857,274.714286 350.669643,274.714286 C352.30358,274.714286 353.796868,274.98214 355.149554,275.517857 C356.502239,276.053574 357.647317,276.770085 358.584821,277.667411 C359.522326,278.564737 360.352675,279.649547 361.075893,280.921875 C361.799111,282.194203 362.374998,283.499993 362.803571,284.839286 C363.232145,286.178578 363.587052,287.631689 363.868304,289.198661 C364.149555,290.765633 364.337053,292.22544 364.430804,293.578125 C364.524554,294.93081 364.571429,296.316957 364.571429,297.736607 Z M351.714286,261.857143 C351.714286,266.116093 350.207604,269.752217 347.194196,272.765625 C344.180789,275.779033 340.544664,277.285714 336.285714,277.285714 C332.026764,277.285714 328.39064,275.779033 325.377232,272.765625 C322.363824,269.752217 320.857143,266.116093 320.857143,261.857143 C320.857143,257.598193 322.363824,253.962069 325.377232,250.948661 C328.39064,247.935253 332.026764,246.428571 336.285714,246.428571 C340.544664,246.428571 344.180789,247.935253 347.194196,250.948661 C350.207604,253.962069 351.714286,257.598193 351.714286,261.857143 Z",

LoadingIndicator.js

@@ -20,2 +20,8 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
@@ -25,15 +31,15 @@
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 var LoadingIndicator = /*#__PURE__*/function (_React$Component) {
   _inherits(LoadingIndicator, _React$Component);
 
+  var _super = _createSuper(LoadingIndicator);
+
   function LoadingIndicator() {
     _classCallCheck(this, LoadingIndicator);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(LoadingIndicator).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -54,5 +60,6 @@
       var message = this.props.message;
-      return _react["default"].createElement("div", {
+      var label = this.props.label;
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "loading-indicator-container"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         ref: function ref(div) {
@@ -63,2 +70,3 @@ _this.spinnerDiv = div;
         role: "progressbar",
+        "aria-label": label,
         "aria-valuetext": message,
@@ -65,0 +73,0 @@ tabIndex: "0"

MaintenanceBanner.js

@@ -30,11 +30,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -54,2 +58,4 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(MaintenanceBanner);
+
   function MaintenanceBanner(props) {
@@ -60,3 +66,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(MaintenanceBanner).call(this, props));
+    _this = _super.call(this, props);
 
@@ -71,6 +77,6 @@ _defineProperty(_assertThisInitialized(_this), "derivePostContent", function () {
       if (startsAt.isSame(expiresAt, 'day')) {
-        return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("p", null, _react["default"].createElement("strong", null, "Date:"), " ", startsAtET.format('dddd MMMM D, YYYY')), _react["default"].createElement("p", null, _react["default"].createElement("strong", null, "Start/End time:"), " ", startsAtET.format('h:mm a'), " to", ' ', expiresAtET.format('h:mm a'), " ET"));
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Date:"), " ", startsAtET.format('dddd MMMM D, YYYY')), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Start/End time:"), " ", startsAtET.format('h:mm a'), " to", ' ', expiresAtET.format('h:mm a'), " ET"));
       }
 
-      return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("p", null, _react["default"].createElement("strong", null, "Start:"), ' ', startsAtET.format('dddd MMMM D, YYYY, [at] h:mm a'), " ET"), _react["default"].createElement("p", null, _react["default"].createElement("strong", null, "End:"), ' ', expiresAtET.format('dddd MMMM D, YYYY, [at] h:mm a'), " ET"));
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Start:"), ' ', startsAtET.format('dddd MMMM D, YYYY, [at] h:mm a'), " ET"), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "End:"), ' ', expiresAtET.format('dddd MMMM D, YYYY, [at] h:mm a'), " ET"));
     });
@@ -129,7 +135,7 @@
       if (now.isBefore(startsAt)) {
-        return _react["default"].createElement("div", {
+        return /*#__PURE__*/_react["default"].createElement("div", {
           className: "usa-alert-full-width vads-u-border-top--5px medium-screen:vads-u-border-top--10px vads-u-border-color--warning-message maintenance-banner",
           "data-e2e-id": "maintenance-banner-pre-downtime"
-        }, _react["default"].createElement(_AlertBox["default"], {
-          content: _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("p", null, warnContent), postContent),
+        }, /*#__PURE__*/_react["default"].createElement(_AlertBox["default"], {
+          content: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, warnContent), postContent),
           headline: warnTitle,
@@ -142,7 +148,7 @@ onCloseAlert: onCloseAlert,
 
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "usa-alert-full-width vads-u-border-top--5px medium-screen:vads-u-border-top--10px vads-u-border-color--secondary maintenance-banner",
         "data-e2e-id": "maintenance-banner-downtime"
-      }, _react["default"].createElement(_AlertBox["default"], {
-        content: _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("p", null, content), postContent),
+      }, /*#__PURE__*/_react["default"].createElement(_AlertBox["default"], {
+        content: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, content), postContent),
         headline: title,
@@ -149,0 +155,0 @@ onCloseAlert: onCloseAlert,

Modal.js

@@ -22,11 +22,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -41,2 +45,4 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(Modal);
+
   function Modal(props) {
@@ -47,3 +53,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Modal).call(this, props));
+    _this = _super.call(this, props);
 
@@ -97,8 +103,8 @@ _defineProperty(_assertThisInitialized(_this), "handleDocumentKeyDown", function (event) {
       if (!primaryButton && !secondaryButton) return null;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "alert-actions"
-      }, primaryButton && _react["default"].createElement("button", {
+      }, primaryButton && /*#__PURE__*/_react["default"].createElement("button", {
         className: "usa-button",
         onClick: primaryButton.action
-      }, primaryButton.text), secondaryButton && _react["default"].createElement("button", {
+      }, primaryButton.text), secondaryButton && /*#__PURE__*/_react["default"].createElement("button", {
         className: "usa-button-secondary",
@@ -234,3 +240,3 @@ onClick: secondaryButton.action
 
-      var closeButton = !this.props.hideCloseButton && _react["default"].createElement("button", {
+      var closeButton = !this.props.hideCloseButton && /*#__PURE__*/_react["default"].createElement("button", {
         className: "va-modal-close",
@@ -240,3 +246,3 @@ type: "button",
         onClick: this.handleClose
-      }, _react["default"].createElement("i", {
+      }, /*#__PURE__*/_react["default"].createElement("i", {
         className: "fas fa-times-circle",
@@ -246,3 +252,3 @@ "aria-hidden": "true"
 
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: modalClass,
@@ -252,3 +258,3 @@ id: id,
         "aria-labelledby": titleId
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: wrapperClass,
@@ -258,10 +264,10 @@ ref: function ref(el) {
         }
-      }, closeButton, _react["default"].createElement("div", {
+      }, closeButton, /*#__PURE__*/_react["default"].createElement("div", {
         className: bodyClass
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         role: "document"
-      }, title && _react["default"].createElement("h3", {
+      }, title && /*#__PURE__*/_react["default"].createElement("h3", {
         id: titleId,
         className: titleClass
-      }, title), content && _react["default"].createElement("div", {
+      }, title), content && /*#__PURE__*/_react["default"].createElement("div", {
         className: contentClass
@@ -268,0 +274,0 @@ }, content)), this.renderAlertActions())));

OMBInfo.js

@@ -22,11 +22,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -38,2 +42,4 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(OMBInfo);
+
   function OMBInfo(props) {
@@ -44,3 +50,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(OMBInfo).call(this, props));
+    _this = _super.call(this, props);
 
@@ -60,5 +66,5 @@ _defineProperty(_assertThisInitialized(_this), "openModal", function () {
     _defineProperty(_assertThisInitialized(_this), "modalContents", function (minutes) {
-      return _react["default"].createElement("div", null, _react["default"].createElement("h3", null, "Privacy Act Statement"), minutes && _react["default"].createElement("p", null, _react["default"].createElement("strong", null, "Respondent Burden:"), " We need this information to determine your eligibility for education benefits (38 U.S.C. 3471). Title 38, United States Code, allows us to ask for this information. We estimate that you will need an average of ", minutes, " minutes to review the instructions, find the information, and complete this form. The VA cannot conduct or sponsor a collection of information unless a valid OMB (Office of Management and Budget) control number is displayed. You are not required to respond to a collection of information if this number is not displayed. Valid OMB control numbers can be located on the OMB Internet Page at www.reginfo.gov/public/do/PRAMain. If desired, you can call", ' ', _react["default"].createElement("a", {
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", null, "Privacy Act Statement"), minutes && /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Respondent Burden:"), " We need this information to determine your eligibility for education benefits (38 U.S.C. 3471). Title 38, United States Code, allows us to ask for this information. We estimate that you will need an average of ", minutes, " minutes to review the instructions, find the information, and complete this form. The VA cannot conduct or sponsor a collection of information unless a valid OMB (Office of Management and Budget) control number is displayed. You are not required to respond to a collection of information if this number is not displayed. Valid OMB control numbers can be located on the OMB Internet Page at www.reginfo.gov/public/do/PRAMain. If desired, you can call", ' ', /*#__PURE__*/_react["default"].createElement("a", {
         href: "[phone]"
-      }, "1-800-827-1000"), " to get information on where to send comments or suggestions about this form."), _react["default"].createElement("p", null, _react["default"].createElement("strong", null, "Privacy Act Notice:"), " The VA will not disclose information collected on this form to any source other than what has been authorized under the Privacy Act of 1974 or title 38, Code of Federal Regulations, section 1.576 for routine uses (e.g., the VA sends educational forms or letters with a veteran\u2019s identifying information to the Veteran\u2019s school or training establishment to (1) assist the veteran in the completion of claims forms or (2) for the VA to obtain further information as may be necessary from the school for VA to properly process the Veteran\u2019s education claim or to monitor his or her progress during training) as identified in the VA system of records, 58VA21/22/28, Compensation, Pension, Education, and Vocational Rehabilitation and Employment Records - VA, and published in the Federal Register. Your obligation to respond is required to obtain or retain education benefits. Giving us your SSN account information is voluntary. Refusal to provide your SSN by itself will not result in the denial of benefits. The VA will not deny an individual benefits for refusing to provide his or her SSN unless the disclosure of the SSN is required by a Federal Statute of law enacted before January 1, 1975, and still in effect. The requested information is considered relevant and necessary to determine the maximum benefits under the law. While you do not have to respond, VA cannot process your claim for education assistance unless the information is furnished as required by existing law (38 U.S.C. 3471). The responses you submit are considered confidential (38 U.S.C. 5701). Any information provided by applicants, recipients, and others may be subject to verification through computer matching programs with other agencies."));
+      }, "1-800-827-1000"), " to get information on where to send comments or suggestions about this form."), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Privacy Act Notice:"), " The VA will not disclose information collected on this form to any source other than what has been authorized under the Privacy Act of 1974 or title 38, Code of Federal Regulations, section 1.576 for routine uses (e.g., the VA sends educational forms or letters with a veteran\u2019s identifying information to the Veteran\u2019s school or training establishment to (1) assist the veteran in the completion of claims forms or (2) for the VA to obtain further information as may be necessary from the school for VA to properly process the Veteran\u2019s education claim or to monitor his or her progress during training) as identified in the VA system of records, 58VA21/22/28, Compensation, Pension, Education, and Vocational Rehabilitation and Employment Records - VA, and published in the Federal Register. Your obligation to respond is required to obtain or retain education benefits. Giving us your SSN account information is voluntary. Refusal to provide your SSN by itself will not result in the denial of benefits. The VA will not deny an individual benefits for refusing to provide his or her SSN unless the disclosure of the SSN is required by a Federal Statute of law enacted before January 1, 1975, and still in effect. The requested information is considered relevant and necessary to determine the maximum benefits under the law. While you do not have to respond, VA cannot process your claim for education assistance unless the information is furnished as required by existing law (38 U.S.C. 3471). The responses you submit are considered confidential (38 U.S.C. 5701). Any information provided by applicants, recipients, and others may be subject to verification through computer matching programs with other agencies."));
     });
@@ -79,8 +85,8 @@
           expDate = _this$props.expDate;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "omb-info"
-      }, resBurden && _react["default"].createElement("div", null, "Respondent burden: ", _react["default"].createElement("strong", null, resBurden, " minutes")), ombNumber && _react["default"].createElement("div", null, "OMB Control #: ", _react["default"].createElement("strong", null, ombNumber)), _react["default"].createElement("div", null, "Expiration date: ", _react["default"].createElement("strong", null, expDate)), _react["default"].createElement("div", null, _react["default"].createElement("button", {
+      }, resBurden && /*#__PURE__*/_react["default"].createElement("div", null, "Respondent burden: ", /*#__PURE__*/_react["default"].createElement("strong", null, resBurden, " minutes")), ombNumber && /*#__PURE__*/_react["default"].createElement("div", null, "OMB Control #: ", /*#__PURE__*/_react["default"].createElement("strong", null, ombNumber)), /*#__PURE__*/_react["default"].createElement("div", null, "Expiration date: ", /*#__PURE__*/_react["default"].createElement("strong", null, expDate)), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
         className: "va-button-link",
         onClick: this.openModal
-      }, "Privacy Act Statement")), _react["default"].createElement(_Modal["default"], {
+      }, "Privacy Act Statement")), /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
         cssClass: "va-modal-large",
@@ -87,0 +93,0 @@ contents: this.props.children ? this.props.children : this.modalContents(resBurden),

package.json

 {
   "name": "@department-of-veterans-affairs/formation-react",
-  "version": "6.0.2",
+  "version": "7.0.0",
   "description": "React implementation of patterns in Formation",
@@ -5,0 +5,0 @@ "keywords": [

Pagination.js

@@ -28,11 +28,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -44,5 +48,5 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(Pagination);
+
   function Pagination() {
-    var _getPrototypeOf2;
-
     var _this;
@@ -56,3 +60,3 @@
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Pagination)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
@@ -76,3 +80,3 @@ _defineProperty(_assertThisInitialized(_this), "onPageSelect", function (page, eventID) {
       if (_this.props.pages > _this.props.page) {
-        nextPage = _react["default"].createElement("a", {
+        nextPage = /*#__PURE__*/_react["default"].createElement("a", {
           "aria-label": "Load next page ".concat(_this.props.ariaLabelSuffix),
@@ -96,3 +100,3 @@ onClick: function onClick() {
       if (_this.props.page > 1) {
-        prevPage = _react["default"].createElement("a", {
+        prevPage = /*#__PURE__*/_react["default"].createElement("a", {
           "aria-label": "Load previous page ".concat(_this.props.ariaLabelSuffix),
@@ -106,3 +110,3 @@ onClick: function onClick() {
           tabIndex: "0"
-        }, _react["default"].createElement("abbr", {
+        }, /*#__PURE__*/_react["default"].createElement("abbr", {
           title: "Previous"
@@ -124,5 +128,5 @@ }, "Prev"));
       if (showLastPage && currentPage < totalPages - maxPageListLength + 1) {
-        lastPage = _react["default"].createElement("span", null, _react["default"].createElement("a", {
+        lastPage = /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("a", {
           "aria-label": "..."
-        }, "..."), _react["default"].createElement("a", {
+        }, "..."), /*#__PURE__*/_react["default"].createElement("a", {
           "aria-label": "Load last page ".concat(_this.props.ariaLabelSuffix),
@@ -192,3 +196,3 @@ onClick: function onClick() {
       if (pages === 1) {
-        return _react["default"].createElement("div", null);
+        return /*#__PURE__*/_react["default"].createElement("div", null);
       }
@@ -200,3 +204,3 @@
         });
-        return _react["default"].createElement("a", {
+        return /*#__PURE__*/_react["default"].createElement("a", {
           key: pageNumber,
@@ -214,11 +218,11 @@ className: pageClass,
       });
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(_defineProperty({
           'va-pagination': true
         }, className, className))
-      }, _react["default"].createElement("span", {
+      }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "va-pagination-prev"
-      }, this.prev()), _react["default"].createElement("div", {
+      }, this.prev()), /*#__PURE__*/_react["default"].createElement("div", {
         className: "va-pagination-inner"
-      }, pageList, " ", this.last()), _react["default"].createElement("span", {
+      }, pageList, " ", this.last()), /*#__PURE__*/_react["default"].createElement("span", {
         className: "va-pagination-next"
@@ -225,0 +229,0 @@ }, this.next()));

PrivacyAgreement.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _ErrorableCheckbox = _interopRequireDefault(require("./ErrorableCheckbox"));
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 
@@ -19,3 +19,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
       showError = _ref.showError;
-  return _react["default"].createElement("div", null, _react["default"].createElement(_ErrorableCheckbox["default"], {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
     required: true,
@@ -26,3 +26,3 @@ checked: checked,
     errorMessage: showError && !checked ? 'You must accept the privacy policy before continuing' : undefined,
-    label: _react["default"].createElement("span", null, "I have read and accept the", ' ', _react["default"].createElement("a", {
+    label: /*#__PURE__*/_react["default"].createElement("span", null, "I have read and accept the", ' ', /*#__PURE__*/_react["default"].createElement("a", {
       target: "_blank",
@@ -29,0 +29,0 @@ href: "/privacy/"

ProgressBar.js

@@ -13,4 +13,5 @@ "use strict";
 function ProgressBar(_ref) {
-  var percent = _ref.percent;
-  return _react["default"].createElement("div", {
+  var percent = _ref.percent,
+      label = _ref.label;
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "progress-bar",
@@ -21,4 +22,5 @@ role: "progressbar",
     "aria-valuemax": "100",
-    tabIndex: "0"
-  }, _react["default"].createElement("div", {
+    tabIndex: "0",
+    "aria-label": label
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "progress-bar-inner",
@@ -25,0 +27,0 @@ style: {

ProgressButton.js

@@ -22,2 +22,8 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
@@ -27,8 +33,6 @@
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 /**
@@ -40,6 +44,8 @@ * A component for the continue button to navigate through panels of questions.
 
+  var _super = _createSuper(ProgressButton);
+
   function ProgressButton() {
     _classCallCheck(this, ProgressButton);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(ProgressButton).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -55,9 +61,9 @@
     value: function render() {
-      var beforeText = this.props.beforeText ? _react["default"].createElement("span", {
+      var beforeText = this.props.beforeText ? /*#__PURE__*/_react["default"].createElement("span", {
         className: "button-icon"
       }, this.props.beforeText, " ") : '';
-      var afterText = this.props.afterText ? _react["default"].createElement("span", {
+      var afterText = this.props.afterText ? /*#__PURE__*/_react["default"].createElement("span", {
         className: "button-icon"
       }, " ", this.props.afterText) : '';
-      return _react["default"].createElement("button", {
+      return /*#__PURE__*/_react["default"].createElement("button", {
         type: this.props.submitButton ? 'submit' : 'button',
@@ -64,0 +70,0 @@ disabled: this.props.disabled,

PromoBanner.js

@@ -30,17 +30,17 @@ "use strict";
   var iconClasses = (0, _classnames["default"])('fas', 'fa-stack-1x', PROMO_BANNER_ICONS.get(type));
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "vads-c-promo-banner"
-  }, _react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "vads-c-promo-banner__body"
-  }, _react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "vads-c-promo-banner__icon"
-  }, _react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "fa-stack fa-lg"
-  }, _react["default"].createElement("i", {
+  }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "vads-u-color--white fa fa-circle fa-stack-2x"
-  }), _react["default"].createElement("i", {
+  }), /*#__PURE__*/_react["default"].createElement("i", {
     className: iconClasses
-  }))), _react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "vads-c-promo-banner__content"
-  }, render ? render() : _react["default"].createElement("a", {
+  }, render ? render() : /*#__PURE__*/_react["default"].createElement("a", {
     className: "vads-c-promo-banner__content-link",
@@ -50,7 +50,7 @@ href: href,
     onClick: onClose
-  }, text, " ", _react["default"].createElement("i", {
+  }, text, " ", /*#__PURE__*/_react["default"].createElement("i", {
     className: "fas fa-angle-right"
-  }))), _react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "vads-c-promo-banner__close"
-  }, _react["default"].createElement("button", {
+  }, /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
@@ -60,3 +60,3 @@ "aria-label": "Dismiss this announcement",
     className: "va-button-link vads-u-margin-top--1"
-  }, _react["default"].createElement("i", {
+  }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "fas fa-times-circle vads-u-font-size--lg"
@@ -63,0 +63,0 @@ })))));

README.md

@@ -7,6 +7,18 @@ This module contains reusable react components from [vets-website](https://github.com/department-of-veterans-affairs/vets-website) housed in its design system [repo](https://github.com/department-of-veterans-affairs/design-system).
 
-`import @department-of-veterans-affairs/formation-react/COMPONENTNAME`
+`import COMPONENTNAME from '@department-of-veterans-affairs/formation-react/COMPONENTNAME'`
 
-See [design system](https://department-of-veterans-affairs.github.io/design-system/) and its [repo](https://github.com/department-of-veterans-affairs/design-system) for more info on components.
+See [design
+system](https://department-of-veterans-affairs.github.io/veteran-facing-services-tools/visual-design)
+or
+[Storybook](https://design.va.gov/storybook/?path=/story/about-introduction--page).
 
+## Running Storybook locally
+From the project root, run the following commands:
+1. `yarn install`
+1. `cd packages/formation-react`
+1. `yarn install`
+    - It's a Lerna thing. For some reason, it doesn't work without _both_
+      installs. ¯\_(ツ)_/¯
+1. `yarn storybook`
+
 ## Included components:
@@ -17,11 +29,11 @@
 - Breadcrumbs.js
-- ErrorableCheckbox.js
-- ErrorableDate.js
-- ErrorableFileInput.js
-- ErrorableMonthYear.js
-- ErrorableNumberInput.js
-- ErrorableRadioButtons.js
-- ErrorableSelect.js
-- ErrorableTextArea.js
-- ErrorableTextInput.js
+- Checkbox.js
+- Date.js
+- FileInput.js
+- MonthYear.js
+- NumberInput.js
+- RadioButtons.js
+- Select.js
+- TextArea.js
+- TextInput.js
 - ExpandingGroup.js
@@ -28,0 +40,0 @@ - IconBase.js

SearchMenu.js

@@ -26,11 +26,15 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
@@ -42,2 +46,4 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+  var _super = _createSuper(SearchMenu);
+
   function SearchMenu(props) {
@@ -48,3 +54,3 @@ var _this;
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(SearchMenu).call(this, props));
+    _this = _super.call(this, props);
 
@@ -56,3 +62,3 @@ _defineProperty(_assertThisInitialized(_this), "toggleSearchForm", function () {
     _defineProperty(_assertThisInitialized(_this), "makeForm", function () {
-      return _react["default"].createElement("form", {
+      return /*#__PURE__*/_react["default"].createElement("form", {
         acceptCharset: "UTF-8",
@@ -62,9 +68,9 @@ action: "https://search.vets.gov/search",
         method: "get"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "csp-inline-patch-header"
-      }, _react["default"].createElement("input", {
+      }, /*#__PURE__*/_react["default"].createElement("input", {
         name: "utf8",
         type: "hidden",
         value: "\u2713"
-      })), _react["default"].createElement("input", {
+      })), /*#__PURE__*/_react["default"].createElement("input", {
         id: "affiliate",
@@ -74,8 +80,8 @@ name: "affiliate",
         value: "vets.gov_search"
-      }), _react["default"].createElement("label", {
+      }), /*#__PURE__*/_react["default"].createElement("label", {
         htmlFor: "query",
         className: "usa-sr-only"
-      }, "Search:"), _react["default"].createElement("div", {
+      }, "Search:"), /*#__PURE__*/_react["default"].createElement("div", {
         className: "va-flex"
-      }, _react["default"].createElement("input", {
+      }, /*#__PURE__*/_react["default"].createElement("input", {
         autoComplete: "off",
@@ -87,8 +93,8 @@ ref: _this.searchFieldRef,
         type: "text"
-      }), _react["default"].createElement("button", {
+      }), /*#__PURE__*/_react["default"].createElement("button", {
         type: "submit"
-      }, _react["default"].createElement(_IconSearch["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_IconSearch["default"], {
         color: "#fff",
         role: "presentation"
-      }), _react["default"].createElement("span", {
+      }), /*#__PURE__*/_react["default"].createElement("span", {
         className: "usa-sr-only"
@@ -98,3 +104,3 @@ }, "Search"))));
 
-    _this.searchFieldRef = _react["default"].createRef();
+    _this.searchFieldRef = /*#__PURE__*/_react["default"].createRef();
     return _this;
@@ -113,3 +119,3 @@ }
 
-      var icon = _react["default"].createElement(_IconSearch["default"], {
+      var icon = /*#__PURE__*/_react["default"].createElement(_IconSearch["default"], {
         color: "#fff",
@@ -119,3 +125,3 @@ role: "presentation"
 
-      return _react["default"].createElement(_DropDownPanel["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_DropDownPanel["default"], {
         buttonText: "Search",
@@ -122,0 +128,0 @@ clickHandler: this.props.clickHandler,

SegmentedProgressBar.js

@@ -22,4 +22,5 @@ "use strict";
   var current = _ref.current,
-      total = _ref.total;
-  return _react["default"].createElement("div", {
+      total = _ref.total,
+      label = _ref.label;
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "progress-bar-segmented",
@@ -30,5 +31,6 @@ role: "progressbar",
     "aria-valuemax": total,
-    tabIndex: "0"
+    tabIndex: "0",
+    "aria-label": label
   }, (0, _range2["default"])(total).map(function (step) {
-    return _react["default"].createElement("div", {
+    return /*#__PURE__*/_react["default"].createElement("div", {
       key: step,
@@ -35,0 +37,0 @@ className: "progress-segment ".concat(current > step ? 'progress-segment-complete' : '')

SystemDownView.js

@@ -20,2 +20,8 @@ "use strict";
 
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
@@ -25,15 +31,15 @@
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 var SystemDownView = /*#__PURE__*/function (_React$Component) {
   _inherits(SystemDownView, _React$Component);
 
+  var _super = _createSuper(SystemDownView);
+
   function SystemDownView() {
     _classCallCheck(this, SystemDownView);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(SystemDownView).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -44,11 +50,11 @@
     value: function render() {
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "row"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "small-12 columns"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "react-container"
-      }, _react["default"].createElement("h3", null, this.props.messageLine1), _react["default"].createElement("h4", null, this.props.messageLine2), _react["default"].createElement("a", {
+      }, /*#__PURE__*/_react["default"].createElement("h3", null, this.props.messageLine1), /*#__PURE__*/_react["default"].createElement("h4", null, this.props.messageLine2), /*#__PURE__*/_react["default"].createElement("a", {
         href: "/"
-      }, _react["default"].createElement("button", null, "Go Back to VA.gov")))));
+      }, /*#__PURE__*/_react["default"].createElement("button", null, "Go Back to VA.gov")))));
     }
@@ -55,0 +61,0 @@ }]);

Table.js

@@ -22,12 +22,12 @@ "use strict";
       ariaLabelledBy = props.ariaLabelledBy;
-  return _react["default"].createElement("table", {
+  return /*#__PURE__*/_react["default"].createElement("table", {
     "aria-labelledby": ariaLabelledBy,
     className: "responsive",
     role: "table"
-  }, _react["default"].createElement("thead", null, _react["default"].createElement("tr", {
+  }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
     role: "row"
   }, fields.map(function (field) {
-    return field.nonSortable ? _react["default"].createElement("th", {
+    return field.nonSortable ? /*#__PURE__*/_react["default"].createElement("th", {
       key: field.value
-    }, field.label) : _react["default"].createElement("th", {
+    }, field.label) : /*#__PURE__*/_react["default"].createElement("th", {
       key: field.value,
@@ -37,5 +37,5 @@ className: borderClasses,
       scope: "col"
-    }, _react["default"].createElement("button", {
+    }, /*#__PURE__*/_react["default"].createElement("button", {
       className: "va-button-link vads-u-font-weight--bold vads-u-color--base vads-u-text-decoration--none"
-    }, field.label, (currentSort === null || currentSort === void 0 ? void 0 : currentSort.value) === field.value && _react["default"].createElement("i", {
+    }, field.label, (currentSort === null || currentSort === void 0 ? void 0 : currentSort.value) === field.value && /*#__PURE__*/_react["default"].createElement("i", {
       className: (0, _classnames["default"])({
@@ -47,4 +47,4 @@ fa: true,
     })));
-  }))), _react["default"].createElement("tbody", null, data.map(function (item, rowIndex) {
-    return _react["default"].createElement("tr", {
+  }))), /*#__PURE__*/_react["default"].createElement("tbody", null, data.map(function (item, rowIndex) {
+    return /*#__PURE__*/_react["default"].createElement("tr", {
       key: rowIndex,
@@ -54,3 +54,3 @@ className: "".concat(borderClasses, " ").concat(rowPaddingClass),
     }, fields.map(function (field, index) {
-      return _react["default"].createElement("td", {
+      return /*#__PURE__*/_react["default"].createElement("td", {
         "data-index": index,
@@ -57,0 +57,0 @@ className: (0, _classnames["default"])(borderClasses, {

Telephone.js

@@ -168,6 +168,6 @@ "use strict";
   if (notClickable) {
-    return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "no-wrap ".concat(className),
       "aria-hidden": "true"
-    }, children || "".concat(formattedNumber).concat(extension ? ", ext. ".concat(extension) : '')), _react["default"].createElement("span", {
+    }, children || "".concat(formattedNumber).concat(extension ? ", ext. ".concat(extension) : '')), /*#__PURE__*/_react["default"].createElement("span", {
       className: "vads-u-visibility--screen-reader"
@@ -177,3 +177,3 @@ }, formattedAriaLabel));
 
-  return _react["default"].createElement("a", {
+  return /*#__PURE__*/_react["default"].createElement("a", {
     className: "no-wrap ".concat(className),
@@ -180,0 +180,0 @@ href: href,

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

318597

increased by5.91%

Number of lines in readme file

55

increased by27.91%

Number of low supply chain risk alerts

3

decreased by-25%

Worsened metrics

Number of package files

63

decreased by-3.08%

Lines of code

4324

decreased by-1.7%

No dependency changes