@civicactions/cmsds-open-data-components 2.0.0-alpha.8 → 2.0.0

package/lib/templates/FilteredResource/QueryRow.js

@@ -1,58 +1,79 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
+
 var _reactResponsive = require("react-responsive");
+
 var _designSystem = require("@cmsgov/design-system");
+
 var _functions = require("./functions");
+
 require("react-datepicker/dist/react-datepicker.css");
+
 var _close = _interopRequireDefault(require("../../assets/icons/close"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function getStartDate(condition, schema, id) {
   if (schema[id].fields[condition.property].mysql_type === 'date') {
     var newDate = new Date(condition.value);
+
     if (newDate instanceof Date && !isNaN(newDate)) {
       return newDate;
     }
   }
+
   return new Date();
 }
+
 var QueryRow = function QueryRow(_ref) {
   var id = _ref.id,
-    condition = _ref.condition,
-    index = _ref.index,
-    update = _ref.update,
-    remove = _ref.remove,
-    propertyOptions = _ref.propertyOptions,
-    schema = _ref.schema;
+      condition = _ref.condition,
+      index = _ref.index,
+      update = _ref.update,
+      remove = _ref.remove,
+      propertyOptions = _ref.propertyOptions,
+      schema = _ref.schema;
   var md = (0, _reactResponsive.useMediaQuery)({
     minWidth: 0,
     maxWidth: 768
   });
+
   var _useState = (0, _react.useState)(condition.operator),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    operator = _useState2[0],
-    setOperator = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      operator = _useState2[0],
+      setOperator = _useState2[1];
+
   var _useState3 = (0, _react.useState)(condition.property),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    property = _useState4[0],
-    setProperty = _useState4[1];
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      property = _useState4[0],
+      setProperty = _useState4[1];
+
   var _useState5 = (0, _react.useState)(condition.value),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    value = _useState6[0],
-    setValue = _useState6[1];
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      value = _useState6[0],
+      setValue = _useState6[1];
+
   var _React$useState = _react["default"].useState(getStartDate(condition, schema, id)),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    startDate = _React$useState2[0],
-    setStartDate = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      startDate = _React$useState2[0],
+      setStartDate = _React$useState2[1];
+
   (0, _react.useEffect)(function () {
     if (property !== condition.property) {
       if (property) {
@@ -60,6 +81,7 @@ var QueryRow = function QueryRow(_ref) {
       } else {
         update(index, 'property', '');
       }
+
       if (schema[id].fields[condition.property].mysql_type === 'date') {
         if (!value) {
           setValue(startDate.toJSON().slice(0, 10));
@@ -119,8 +141,7 @@ var QueryRow = function QueryRow(_ref) {
     showYearDropdown: true,
     dropdownMode: "select",
     className: "ds-c-field",
-    withPortal: true
-    // popperPlacement="top-end"
+    withPortal: true // popperPlacement="top-end"
     // popperModifiers={[
     //   {
     //     name: 'preventOverflow',
@@ -131,6 +152,7 @@ var QueryRow = function QueryRow(_ref) {
     //     },
     //   },
     // ]}
+
   })) : /*#__PURE__*/_react["default"].createElement(_designSystem.TextField, {
     label: "Value",
     name: "".concat(condition.key, "_value"),
@@ -148,5 +170,6 @@ var QueryRow = function QueryRow(_ref) {
     }
   }, !md ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Delete filter") : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_close["default"], null), ' ')));
 };
+
 var _default = QueryRow;
 exports["default"] = _default;

package/lib/templates/FilteredResource/QueryTitle.js

@@ -1,56 +1,71 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _designSystem = require("@cmsgov/design-system");
+
 var _functions = require("./functions");
+
 var QueryTitle = function QueryTitle(_ref) {
   var conditions = _ref.conditions,
-    schema = _ref.schema,
-    customColumns = _ref.customColumns;
+      schema = _ref.schema,
+      customColumns = _ref.customColumns;
   var fields = schema.fields;
+
   if (!conditions.length) {
     return 'Add a filter';
   }
+
   function formatValue(text, property) {
     if (customColumns.length > 0) {
       var newValue = text;
       var customColumn = customColumns.find(function (c) {
         return c.accessor === property;
       });
+
       if (customColumn && customColumn.Cell) {
         return customColumn.Cell({
           value: text
         });
       }
+
       return text;
     } else {
       return text;
     }
   }
+
   function buildTitle() {
     var newTitle = conditions.map(function (c) {
       var field = fields[c.property];
       var description = field && field.description ? field.description : c.property;
+
       var operator = _functions.operatorMapping.find(function (op) {
         return op.value === c.operator;
       });
+
       return "".concat(description, " ").concat(operator.label, " ").concat((0, _functions.cleanText)(c.value));
     });
     return newTitle.join(' AND ');
   }
+
   return /*#__PURE__*/_react["default"].createElement("span", {
     className: "dc-querybuilder-title"
   }, conditions.map(function (c) {
     var field = fields[c.property];
     var description = field && field.description ? field.description : c.property;
+
     var operator = _functions.operatorMapping.find(function (op) {
       return op.value === c.operator;
     });
+
     var cleanedText = (0, _functions.cleanText)(c.value);
     var formattedText = formatValue(cleanedText, c.property);
     return /*#__PURE__*/_react["default"].createElement("span", {
@@ -69,5 +84,6 @@ var QueryTitle = function QueryTitle(_ref) {
     }, "AND"), curr];
   }));
 };
+
 var _default = QueryTitle;
 exports["default"] = _default;

package/lib/templates/FilteredResource/functions.js

@@ -8,12 +8,12 @@ exports.buildOperatorOptions = buildOperatorOptions;
 exports.cleanText = cleanText;
 exports.convertUTCToLocalDate = convertUTCToLocalDate;
 exports.operatorMapping = void 0;
+
 // Example custom column headers, where only effective date has an ! at the end
 // [
 //  {schema: 'date', Cell: ({ value }) => localeDate(value),},
 //  {accessor: 'effective_date',Cell: ({ value }) => localeDate(value) + '!',},
 // ]
-
 function buildCustomColHeaders(customHeaders, columns, schema) {
   return columns.map(function (column) {
     var customAccessorIndex = customHeaders.findIndex(function (header) {
@@ -22,8 +22,8 @@ function buildCustomColHeaders(customHeaders, columns, schema) {
     var customSchemaIndex = customHeaders.findIndex(function (header) {
       return header.schema === schema.fields[column].mysql_type;
     });
-    var newColumn = {};
-    // If specific accessor is passed, this will override a general mysql_type Cell rewrite.
+    var newColumn = {}; // If specific accessor is passed, this will override a general mysql_type Cell rewrite.
+
     if (customAccessorIndex > -1) {
       newColumn.Header = schema && schema.fields[column].description ? schema.fields[column].description : column;
       newColumn.accessor = column;
@@ -31,29 +31,37 @@ function buildCustomColHeaders(customHeaders, columns, schema) {
     } else {
       newColumn.Header = schema && schema.fields[column].description ? schema.fields[column].description : column;
       newColumn.accessor = column;
+
       if (customSchemaIndex > -1) {
         newColumn.Cell = customHeaders[customSchemaIndex].Cell;
       }
     }
+
     return newColumn;
   });
 }
+
 function convertUTCToLocalDate(date) {
   if (!date) {
     return date;
   }
+
   date = new Date(date);
   date = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
   return date;
 }
+
 function cleanText(value, operator) {
   var newValue = value;
+
   if (Array.isArray(newValue)) {
     newValue = newValue.join(',');
-  }
-  // return newValue.replace(/(^\%+|\%+$)/gm, '');
+  } // return newValue.replace(/(^\%+|\%+$)/gm, '');
+
+
   return newValue;
 }
+
 var operatorMapping = [{
   label: 'Is',
   value: '='
@@ -83,9 +91,11 @@ var operatorMapping = [{
   value: '<'
 }];
 exports.operatorMapping = operatorMapping;
+
 function buildOperatorOptions(type) {
   switch (type) {
     case 'text': // Will change from text to string in future update
+
     case 'string':
       return [{
         label: 'Is',
@@ -103,6 +113,7 @@ function buildOperatorOptions(type) {
         label: 'Or',
         value: 'in'
       }];
+
     case 'date':
       return [{
         label: 'Is',
@@ -117,6 +128,7 @@ function buildOperatorOptions(type) {
         label: 'Less Than',
         value: '<'
       }];
+
     default:
       // These 2 should be safe for all data types
       return [{

package/lib/templates/FilteredResource/index.js

@@ -1,54 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _dataCatalogServices = require("@civicactions/data-catalog-services");
+
 var _PageNotFound = _interopRequireDefault(require("../PageNotFound"));
+
 var _FilteredResourceBody = _interopRequireDefault(require("./FilteredResourceBody"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var FilteredResource = function FilteredResource(_ref) {
   var id = _ref.id,
-    dist_id = _ref.dist_id,
-    location = _ref.location,
-    apiDocPage = _ref.apiDocPage,
-    additionalParams = _ref.additionalParams,
-    customColumns = _ref.customColumns,
-    setDatasetTitle = _ref.setDatasetTitle,
-    columnSettings = _ref.columnSettings,
-    columnWidths = _ref.columnWidths,
-    customTitle = _ref.customTitle;
+      dist_id = _ref.dist_id,
+      location = _ref.location,
+      apiDocPage = _ref.apiDocPage,
+      additionalParams = _ref.additionalParams,
+      customColumns = _ref.customColumns,
+      setDatasetTitle = _ref.setDatasetTitle,
+      columnSettings = _ref.columnSettings,
+      columnWidths = _ref.columnWidths,
+      customTitle = _ref.customTitle;
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    ready = _useState2[0],
-    setReady = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      ready = _useState2[0],
+      setReady = _useState2[1];
+
   var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+
   var _useMetastoreDataset = (0, _dataCatalogServices.useMetastoreDataset)(id, process.env.REACT_APP_ROOT_URL, additionalParams),
-    dataset = _useMetastoreDataset.dataset;
+      dataset = _useMetastoreDataset.dataset;
+
   var distIndex = dist_id === 'data' ? 0 : dist_id;
   (0, _react.useEffect)(function () {
     if (dataset.error) {
       setError(true);
     }
+
     if (dataset.distribution && dataset.distribution.length) {
       setReady(true);
+
       if (setDatasetTitle) {
         setDatasetTitle(dataset.title);
       }
+
       if (!dataset.distribution[distIndex]) {
         setError(true);
       }
     }
   }, [dataset.distribution, dataset.error, distIndex]);
+
   var notFoundContent = /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-u-padding-top--3"
   }, /*#__PURE__*/_react["default"].createElement("h1", {
@@ -56,6 +74,7 @@ var FilteredResource = function FilteredResource(_ref) {
   }, "Error: Dataset not found"), /*#__PURE__*/_react["default"].createElement("p", null, "We're sorry, but there is no dataset ID that matches your entry. You may have been directed here because:"), /*#__PURE__*/_react["default"].createElement("ol", null, /*#__PURE__*/_react["default"].createElement("li", null, "The address you typed contains a typo;"), /*#__PURE__*/_react["default"].createElement("li", null, "The requested dataset no longer exists.")), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "ds-u-font-weight--bold"
   }, "Note:"), " If you were using a bookmark, please reset it once you find the correct dataset."));
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, error ? /*#__PURE__*/_react["default"].createElement(_PageNotFound["default"], {
     content: notFoundContent
   }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ready && /*#__PURE__*/_react["default"].createElement(_FilteredResourceBody["default"], {
@@ -71,5 +90,6 @@ var FilteredResource = function FilteredResource(_ref) {
     customTitle: customTitle
   })));
 };
+
 var _default = FilteredResource;
 exports["default"] = _default;

package/lib/templates/Footer/footer.test.js

@@ -1,14 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@testing-library/react");
+
 require("@testing-library/jest-dom/extend-expect");
+
 var _jestAxe = require("jest-axe");
+
 var _index = _interopRequireDefault(require("./index"));
+
 expect.extend(_jestAxe.toHaveNoViolations);
-describe('<Footer />', function () {
-  // See Email Updates
+describe('<Footer />', function () {// See Email Updates
   // See List of Tools
   // See List of Additional
   // See utility nav

package/lib/templates/Footer/index.js

@@ -1,28 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactResponsive = require("react-responsive");
+
 var _designSystem = require("@cmsgov/design-system");
+
 var _NavLink = _interopRequireDefault(require("../../components/NavLink"));
+
 var Footer = function Footer(_ref) {
   var links = _ref.links,
-    showEmail = _ref.showEmail,
-    emailTitle = _ref.emailTitle,
-    emailBody = _ref.emailBody,
-    emailLink = _ref.emailLink,
-    emailButton = _ref.emailButton,
-    socialMediaLinks = _ref.socialMediaLinks,
-    hhsLogo = _ref.hhsLogo,
-    cmsLogo = _ref.cmsLogo,
-    trademarkContent = _ref.trademarkContent;
+      showEmail = _ref.showEmail,
+      emailTitle = _ref.emailTitle,
+      emailBody = _ref.emailBody,
+      emailLink = _ref.emailLink,
+      emailButton = _ref.emailButton,
+      socialMediaLinks = _ref.socialMediaLinks,
+      hhsLogo = _ref.hhsLogo,
+      cmsLogo = _ref.cmsLogo,
+      trademarkContent = _ref.trademarkContent;
   var xs = (0, _reactResponsive.useMediaQuery)({
     minWidth: 0,
     maxWidth: 544
@@ -35,8 +44,8 @@ var Footer = function Footer(_ref) {
     minWidth: 768
   });
   var footerOpenDataToolLinks = links.footerOpenDataToolLinks,
-    footerAdditionalResourcesLinks = links.footerAdditionalResourcesLinks,
-    footerUtilityLinks = links.footerUtilityLinks;
+      footerAdditionalResourcesLinks = links.footerAdditionalResourcesLinks,
+      footerUtilityLinks = links.footerUtilityLinks;
   return /*#__PURE__*/_react["default"].createElement("footer", {
     className: "dc-c-footer"
   }, showEmail && /*#__PURE__*/_react["default"].createElement("div", {
@@ -87,6 +96,7 @@ var Footer = function Footer(_ref) {
     var noOnClick = Object.keys(link).findIndex(function (l) {
       return l === 'onClick';
     });
+
     if (noOnClick === -1 || link.onClick && link.dataTag) {
       return link;
     }
@@ -101,6 +111,7 @@ var Footer = function Footer(_ref) {
         onClick: link.onClick
       }), link.label));
     }
+
     return /*#__PURE__*/_react["default"].createElement("li", {
       className: "ds-u-margin-bottom--1",
       key: link.id
@@ -298,6 +309,7 @@ var Footer = function Footer(_ref) {
     }, link.label));
   }))))));
 };
+
 Footer.defaultProps = {
   showEmail: true,
   emailTitle: 'Get Email Updates',

package/lib/templates/PageNotFound/index.js

@@ -1,14 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var PageNotFound = function PageNotFound(_ref) {
   var siteUrl = _ref.siteUrl,
-    content = _ref.content;
+      content = _ref.content;
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "ds-l-container ds-u-padding-top--3"
   }, content ? content : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h1", {
@@ -17,5 +20,6 @@ var PageNotFound = function PageNotFound(_ref) {
     className: "ds-u-font-weight--bold"
   }, "Note:"), " If you were using a bookmark, please reset it once you find the correct page.")));
 };
+
 var _default = PageNotFound;
 exports["default"] = _default;

package/lib/templates/header/index.js

@@ -1,33 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactRouterDom = require("react-router-dom");
-var _Navbar = _interopRequireDefault(require("../../components/NavBar/Navbar"));
+
+var _NavBar = _interopRequireDefault(require("../../components/NavBar"));
+
 var _SearchModal = _interopRequireDefault(require("../../components/SearchModal"));
+
 var _CMSGovLogoO = _interopRequireDefault(require("../../assets/images/CMSGovLogo-O.png"));
+
 var Header = function Header(_ref) {
   var siteName = _ref.siteName,
-    headerClasses = _ref.headerClasses,
-    linkClasses = _ref.linkClasses,
-    links = _ref.links,
-    org = _ref.org,
-    searchModalText = _ref.searchModalText,
-    customSearch = _ref.customSearch,
-    includeTopNav = _ref.includeTopNav,
-    inversedModalButton = _ref.inversedModalButton,
-    inversedSearchButton = _ref.inversedSearchButton,
-    includeSearch = _ref.includeSearch;
+      headerClasses = _ref.headerClasses,
+      linkClasses = _ref.linkClasses,
+      links = _ref.links,
+      org = _ref.org,
+      searchModalText = _ref.searchModalText,
+      customSearch = _ref.customSearch,
+      includeTopNav = _ref.includeTopNav,
+      inversedModalButton = _ref.inversedModalButton,
+      inversedSearchButton = _ref.inversedSearchButton,
+      includeSearch = _ref.includeSearch;
   var url = org.url,
-    tagline = org.tagline,
-    logo = org.logo,
-    urlTitle = org.urlTitle,
-    logoAltText = org.logoAltText;
+      tagline = org.tagline,
+      logo = org.logo,
+      urlTitle = org.urlTitle,
+      logoAltText = org.logoAltText;
   var headerClassString = headerClasses !== null && headerClasses !== void 0 ? headerClasses : 'dc-c-header ds-base';
   return /*#__PURE__*/_react["default"].createElement("header", {
     className: headerClassString,
@@ -48,7 +56,7 @@ var Header = function Header(_ref) {
     className: "cms-text-container"
   }, tagline))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-u-margin-left--auto"
-  }, /*#__PURE__*/_react["default"].createElement(_Navbar["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_NavBar["default"], {
     links: links.topnav,
     menuName: "CMS Main Header",
     menuId: "cmsheader",
@@ -65,7 +73,7 @@ var Header = function Header(_ref) {
     to: "/"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "ds-h1"
-  }, siteName))), /*#__PURE__*/_react["default"].createElement(_Navbar["default"], {
+  }, siteName))), /*#__PURE__*/_react["default"].createElement(_NavBar["default"], {
     links: links.main,
     wrapLabel: true,
     menuName: "CMS Site Main Nav",
@@ -80,6 +88,7 @@ var Header = function Header(_ref) {
     inversedSearchButton: inversedSearchButton
   }))))));
 };
+
 Header.defaultProps = {
   org: {
     tagline: 'The Centers for Medicare & Medicaid Services',