@civicactions/cmsds-open-data-components 2.1.0-alpha.4 → 2.1.1

package/lib/components/DatasetTags/index.js

@@ -1,13 +1,18 @@
 "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 DatasetTags = function DatasetTags(_ref) {
   var keywords = _ref.keywords;
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -22,6 +27,7 @@ var DatasetTags = function DatasetTags(_ref) {
     }, k.data);
   }));
 };
+
 DatasetTags.propTypes = {
   keywords: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     data: _propTypes["default"].string.isRequired,

package/lib/components/Hero/index.js

@@ -1,30 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactRouterDom = require("react-router-dom");
+
 var _designSystem = require("@cmsgov/design-system");
+
 var Hero = function Hero(_ref) {
   var title = _ref.title,
-    description = _ref.description,
-    searchUrl = _ref.searchUrl,
-    searchKey = _ref.searchKey,
-    textfieldLabel = _ref.textfieldLabel,
-    searchButtonText = _ref.searchButtonText;
+      description = _ref.description,
+      searchUrl = _ref.searchUrl,
+      searchKey = _ref.searchKey,
+      textfieldLabel = _ref.textfieldLabel,
+      searchButtonText = _ref.searchButtonText;
   var navigate = (0, _reactRouterDom.useNavigate)();
+
   var _React$useState = _react["default"].useState(''),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    searchValue = _React$useState2[0],
-    setSearchValue = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      searchValue = _React$useState2[0],
+      setSearchValue = _React$useState2[1];
+
   function submitHero(e) {
     e.preventDefault();
     navigate("/".concat(searchUrl, "?").concat(searchKey, "=").concat(searchValue));
   }
+
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "dc-c-hero ds-base ds-u-padding--2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -72,6 +81,7 @@ var Hero = function Hero(_ref) {
     className: "full-text ds-u-display--none ds-u-sm-display--inline-block"
   }, searchButtonText))))));
 };
+
 Hero.defaultProps = {
   searchKey: 'fulltext',
   searchUrl: 'datasets',

package/lib/components/ManageColumns/index.js

@@ -1,26 +1,36 @@
 "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 _designSystem = require("@cmsgov/design-system");
+
 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 ManageColumns = function ManageColumns() {
   var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    modalOpen = _useState2[0],
-    setModalOpen = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      modalOpen = _useState2[0],
+      setModalOpen = _useState2[1];
+
   return /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
     onClick: function onClick() {
       return setModalOpen(!modalOpen);
     }
   }, "Manage Columns");
 };
+
 var _default = ManageColumns;
 exports["default"] = _default;

package/lib/components/NavBar/index.js

@@ -0,0 +1,55 @@
+"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 _SubMenu = _interopRequireDefault(require("../SubMenu"));
+
+var _NavLink = _interopRequireDefault(require("../NavLink"));
+
+var NavBar = function NavBar(_ref) {
+  var links = _ref.links,
+      menuName = _ref.menuName,
+      menuId = _ref.menuId,
+      menuClasses = _ref.menuClasses,
+      linkClasses = _ref.linkClasses,
+      wrapLabel = _ref.wrapLabel;
+  return /*#__PURE__*/_react["default"].createElement("nav", {
+    className: "dc-c-".concat(menuId, "-menu"),
+    "aria-labelledby": "dc-c-".concat(menuId, "-menu--heading")
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    id: "dc-c-".concat(menuId, "-menu--heading"),
+    className: "ds-u-visibility--screen-reader"
+  }, menuName), /*#__PURE__*/_react["default"].createElement("ul", {
+    className: menuClasses
+  }, links.map(function (link) {
+    if (link.submenu) {
+      return /*#__PURE__*/_react["default"].createElement(_SubMenu["default"], {
+        key: link.id,
+        link: link,
+        wrapLabel: wrapLabel,
+        linkClasses: linkClasses
+      });
+    } else {
+      return /*#__PURE__*/_react["default"].createElement("li", {
+        key: link.id
+      }, /*#__PURE__*/_react["default"].createElement(_NavLink["default"], {
+        link: link,
+        className: linkClasses,
+        wrapLabel: wrapLabel
+      }));
+    }
+  })));
+};
+
+NavBar.defaultProps = {
+  wrapLabel: false
+};
+var _default = NavBar;
+exports["default"] = _default;

package/lib/components/NavLink/index.js

@@ -1,19 +1,26 @@
 "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 _validator = _interopRequireDefault(require("validator"));
+
 var NavLink = function NavLink(_ref) {
   var link = _ref.link,
-    _className = _ref.className,
-    wrapLabel = _ref.wrapLabel;
+      _className = _ref.className,
+      wrapLabel = _ref.wrapLabel;
   var innerHtml = wrapLabel ? /*#__PURE__*/_react["default"].createElement("span", null, link.label) : link.label;
+
   if (_validator["default"].isURL(link.url, {
     require_protocol: true
   }) || link.nonReactLink) {
@@ -31,6 +38,7 @@ var NavLink = function NavLink(_ref) {
     }, innerHtml);
   }
 };
+
 NavLink.defaultProps = {
   wrapLabel: false,
   className: null
@@ -42,6 +50,7 @@ NavLink.propTypes = {
     nonReactLink: _propTypes["default"].bool
   }).isRequired,
   className: _propTypes["default"].string,
+
   /**
    * Will wrap the link label in a span for help with styling.
    */

package/lib/components/NavLink/navlink.test.js

@@ -1,11 +1,17 @@
 "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('<NavLink />', function () {
   test('Renders a relative link if no http protocol in url', function () {

package/lib/components/Pagination/index.js

@@ -1,22 +1,29 @@
 "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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _designSystem = require("@cmsgov/design-system");
+
 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 Pagination = function Pagination(_ref) {
   var totalPages = _ref.totalPages,
-    currentPage = _ref.currentPage,
-    buttonAction = _ref.buttonAction;
-  var maxLength = 7;
-  // Expectation starts at 1
+      currentPage = _ref.currentPage,
+      buttonAction = _ref.buttonAction;
+  var maxLength = 7; // Expectation starts at 1
   // only shows 7 buttons plus prev/next
 
   function addFirst() {
@@ -30,6 +37,7 @@ var Pagination = function Pagination(_ref) {
       return [];
     }
   }
+
   function addLast() {
     // extra + 1 is number of siblings
     if (currentPage < totalPages) {
@@ -41,6 +49,7 @@ var Pagination = function Pagination(_ref) {
       return [];
     }
   }
+
   function addPrev() {
     if (currentPage > 1) {
       return [{
@@ -48,12 +57,14 @@ var Pagination = function Pagination(_ref) {
         text: 'Previous'
       }];
     }
+
     return [{
       id: 'previous',
       text: 'Previous',
       disabled: true
     }];
   }
+
   function addNext() {
     if (currentPage < totalPages) {
       return [{
@@ -61,12 +72,14 @@ var Pagination = function Pagination(_ref) {
         text: 'Next'
       }];
     }
+
     return [{
       id: 'next',
       text: 'Next',
       disabled: true
     }];
   }
+
   function buildSiblings() {
     // add check if current page less than totalPages
     var siblings = [{
@@ -74,23 +87,28 @@ var Pagination = function Pagination(_ref) {
       text: currentPage,
       currentPage: true
     }];
+
     if (currentPage > 1) {
       siblings.unshift({
         id: currentPage - 1,
         text: currentPage - 1
       });
     }
+
     if (currentPage < totalPages - 1) {
       siblings.push({
         id: currentPage + 1,
         text: currentPage + 1
       });
     }
+
     return siblings;
   }
+
   function buildPreSiblings() {
     var preSiblings = [];
     var remainingSpots = 0;
+
     if (currentPage === 4) {
       remainingSpots = 1;
       preSiblings.push({
@@ -98,6 +116,7 @@ var Pagination = function Pagination(_ref) {
         text: 2
       });
     }
+
     if (currentPage > 4) {
       remainingSpots = 1;
       preSiblings.push({
@@ -105,6 +124,7 @@ var Pagination = function Pagination(_ref) {
         text: '...'
       });
     }
+
     if (currentPage > 4 && currentPage >= totalPages - 2) {
       remainingSpots = 1;
       preSiblings.push({
@@ -112,6 +132,7 @@ var Pagination = function Pagination(_ref) {
         text: totalPages - 4
       });
     }
+
     if (currentPage > 4 && currentPage >= totalPages - 1) {
       remainingSpots = 1;
       preSiblings.push({
@@ -119,6 +140,7 @@ var Pagination = function Pagination(_ref) {
         text: totalPages - 3
       });
     }
+
     if (currentPage > 4 && currentPage === totalPages) {
       remainingSpots = 1;
       preSiblings.push({
@@ -126,11 +148,14 @@ var Pagination = function Pagination(_ref) {
         text: totalPages - 2
       });
     }
+
     return preSiblings;
   }
+
   function buildPostSiblings() {
     var postSiblings = [];
     var remainingSpots = maxLength - (currentPage + 1) - 1;
+
     if (currentPage < 5) {
       for (var spot = 1; spot < remainingSpots; spot++) {
         // console.log('post-spot', spot)
@@ -139,34 +164,42 @@ var Pagination = function Pagination(_ref) {
           text: currentPage + 1 + spot
         });
       }
+
       postSiblings.push({
         id: 'postdots',
         text: '...'
       });
     }
+
     if (currentPage >= 5 && currentPage < totalPages - 3) {
       postSiblings.push({
         id: 'postdots',
         text: '...'
       });
     }
+
     if (currentPage >= 5 && currentPage === totalPages - 3) {
       postSiblings.push({
         id: totalPages - 1,
         text: totalPages - 1
       });
     }
+
     return postSiblings;
   }
+
   function buttonValue(item) {
     if (item === 'Previous') {
       return currentPage - 1;
     }
+
     if (item === 'Next') {
       return currentPage + 1;
     }
+
     return item;
   }
+
   function addAll() {
     var items = (0, _toConsumableArray2["default"])(Array(totalPages));
     return items.map(function (item, index) {
@@ -176,15 +209,19 @@ var Pagination = function Pagination(_ref) {
       };
     });
   }
+
   function buildAll() {
     if (totalPages > 0 && totalPages <= maxLength) {
       return [].concat((0, _toConsumableArray2["default"])(addPrev()), (0, _toConsumableArray2["default"])(addAll()), (0, _toConsumableArray2["default"])(addNext()));
     }
+
     if (totalPages > 0 && totalPages > maxLength) {
       return [].concat((0, _toConsumableArray2["default"])(addPrev()), (0, _toConsumableArray2["default"])(addFirst()), (0, _toConsumableArray2["default"])(buildPreSiblings()), (0, _toConsumableArray2["default"])(buildSiblings()), (0, _toConsumableArray2["default"])(buildPostSiblings()), (0, _toConsumableArray2["default"])(addLast()), (0, _toConsumableArray2["default"])(addNext()));
     }
+
     return [];
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "dc-pagination"
   }, /*#__PURE__*/_react["default"].createElement("nav", null, /*#__PURE__*/_react["default"].createElement("ol", {
@@ -192,17 +229,21 @@ var Pagination = function Pagination(_ref) {
   }, buildAll().map(function (item) {
     var buttonClass = '';
     var liClass = '';
+
     if (item.text === 'Previous') {
       buttonClass = 'dc-pagination--previous__button';
       liClass = 'dc-pagination--previous';
     }
+
     if (item.text === 'Next') {
       buttonClass = 'dc-pagination--next__button';
       liClass = 'dc-pagination--next';
     }
+
     if (item.currentPage || item.text === currentPage) {
       buttonClass = 'dc-pagination-current__button';
     }
+
     return /*#__PURE__*/_react["default"].createElement("li", {
       key: item.id,
       className: liClass
@@ -217,5 +258,6 @@ var Pagination = function Pagination(_ref) {
     }, item.text));
   }))));
 };
+
 var _default = Pagination;
 exports["default"] = _default;