@civicactions/cmsds-open-data-components 2.0.5 → 2.0.6

package/lib/templates/mobile_header/index.js

@@ -1,42 +1,58 @@
 "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 _reactResponsive = require("react-responsive");
+
 var _designSystem = require("@cmsgov/design-system");
+
 var _reactRouterDom = require("react-router-dom");
+
 var _SearchModal = _interopRequireDefault(require("../../components/SearchModal"));
-var _Navbar = _interopRequireDefault(require("../../components/NavBar/Navbar"));
+
+var _NavBar = _interopRequireDefault(require("../../components/NavBar"));
+
 var _CMSGovLogoO = _interopRequireDefault(require("../../assets/images/CMSGovLogo-O.png"));
+
 var _CMSgov2xWhiteO = _interopRequireDefault(require("../../assets/images/CMSgov@2x-white-O.png"));
+
 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 MobileHeader = function MobileHeader(_ref) {
   var siteName = _ref.siteName,
-    links = _ref.links,
-    org = _ref.org,
-    searchModalText = _ref.searchModalText,
-    _ref$customSearch = _ref.customSearch,
-    customSearch = _ref$customSearch === void 0 ? false : _ref$customSearch,
-    includeTopNav = _ref.includeTopNav,
-    inversedModalButton = _ref.inversedModalButton,
-    inversedSearchButton = _ref.inversedSearchButton,
-    includeSearch = _ref.includeSearch;
+      links = _ref.links,
+      org = _ref.org,
+      searchModalText = _ref.searchModalText,
+      _ref$customSearch = _ref.customSearch,
+      customSearch = _ref$customSearch === void 0 ? false : _ref$customSearch,
+      includeTopNav = _ref.includeTopNav,
+      inversedModalButton = _ref.inversedModalButton,
+      inversedSearchButton = _ref.inversedSearchButton,
+      includeSearch = _ref.includeSearch;
   var url = org.url,
-    logo = org.logo,
-    urlTitle = org.urlTitle,
-    logoAltText = org.logoAltText,
-    inverseLogo = org.inverseLogo;
+      logo = org.logo,
+      urlTitle = org.urlTitle,
+      logoAltText = org.logoAltText,
+      inverseLogo = org.inverseLogo;
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    menuOpen = _useState2[0],
-    setMenuOpen = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      menuOpen = _useState2[0],
+      setMenuOpen = _useState2[1];
+
   var mobile = (0, _reactResponsive.useMediaQuery)({
     minWidth: 0,
     maxWidth: 543
@@ -52,26 +68,29 @@ var MobileHeader = function MobileHeader(_ref) {
         setMenuOpen(false);
       }
     }
+
     function handleClick(event) {
       // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.
-      if (
-      // event.target.parentElement.nodeName === 'A' ||
+      if ( // event.target.parentElement.nodeName === 'A' ||
       event.target.closest('.dc-c-search-dialog')) {
         setMenuOpen(false);
       }
     }
+
     function handleSearchEnter(event) {
       // Close upon user hiting enter on search.
       if (event.keyCode === 13) {
         setMenuOpen(false);
       }
     }
+
     menu.current.addEventListener('focusout', handleFocusOut);
     document.addEventListener('mousedown', handleClick);
     document.addEventListener('keyup', handleSearchEnter);
     return function () {
       document.removeEventListener('keyup', handleSearchEnter);
       document.removeEventListener('mousedown', handleClick);
+
       if (menu.current) {
         menu.current.removeEventListener('focusout', handleFocusOut);
       }
@@ -92,7 +111,7 @@ var MobileHeader = function MobileHeader(_ref) {
     alt: logoAltText
   }))), tablet && /*#__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",
@@ -146,7 +165,7 @@ var MobileHeader = function MobileHeader(_ref) {
     },
     searchModalText: searchModalText,
     buttonSize: 'small'
-  }))), /*#__PURE__*/_react["default"].createElement(_Navbar["default"], {
+  }))), /*#__PURE__*/_react["default"].createElement(_NavBar["default"], {
     links: links.main,
     wrapLabel: true,
     menuName: "CMS Site Main Nav",
@@ -155,7 +174,7 @@ var MobileHeader = function MobileHeader(_ref) {
     linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-h5"
   }), mobile && /*#__PURE__*/_react["default"].createElement("div", {
     className: "cms-mobile-header--container"
-  }, /*#__PURE__*/_react["default"].createElement("span", null), /*#__PURE__*/_react["default"].createElement(_Navbar["default"], {
+  }, /*#__PURE__*/_react["default"].createElement("span", null), /*#__PURE__*/_react["default"].createElement(_NavBar["default"], {
     links: links.topnav,
     menuName: "CMS Main Header",
     menuId: "cms-mobile-header",
@@ -163,6 +182,7 @@ var MobileHeader = function MobileHeader(_ref) {
     menuClasses: "dc-c-header--links ds-u-font-size--small"
   }))));
 };
+
 MobileHeader.defaultProps = {
   org: {
     tagline: 'The Centers for Medicare and Medicaid Services',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Components for the open data catalog frontend using CMS Design System",
   "main": "dist/main.js",
   "source": "src/index.ts",