@civicactions/cmsds-open-data-components 3.0.0-alpha.2 → 3.0.0-alpha.21

package/lib/components/DatasetTags/datasettags.test.js

@@ -1,40 +0,0 @@
-"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 _index = _interopRequireDefault(require("./index"));
-
-describe('<DatasetTags />', function () {
-  test('Renders a download URL link and title', function () {
-    var tagList = [{
-      data: 'Tag 1',
-      identifier: '1'
-    }, {
-      data: 'Tag 2',
-      identifier: '2'
-    }, {
-      data: 'Tag 3',
-      identifier: '3'
-    }];
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      keywords: tagList
-    }));
-    expect(_react2.screen.getByRole('heading', {
-      name: 'Tags'
-    })).toBeTruthy();
-    tagList.forEach(function (tag) {
-      expect(_react2.screen.getByRole('link', {
-        name: tag.data
-      })).toBeTruthy();
-      expect(_react2.screen.getByRole('link', {
-        name: tag.data
-      })).toHaveAttribute('href', "/search?keyword=".concat(tag.data));
-    });
-  });
-});

package/lib/components/DatasetTags/index.js

@@ -1,38 +0,0 @@
-"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", {
-    className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1"
-  }, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2"
-  }, "Tags"), keywords && keywords.map(function (k) {
-    return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-      key: k.identifier,
-      to: "/datasets?keyword[]=".concat(k.data),
-      className: "dc-c-dataset-tags--tag ds-u-color--base ds-u-font-size--small ds-u-text-decoration--none ds-u-margin-right--1 ds-u-margin-bottom--1 ds-u-padding-x--2 ds-u-padding-y--1 ds-u-radius"
-    }, k.data);
-  }));
-};
-
-DatasetTags.propTypes = {
-  keywords: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    data: _propTypes["default"].string.isRequired,
-    identifier: _propTypes["default"].string.isRequired
-  })).isRequired
-};
-var _default = DatasetTags;
-exports["default"] = _default;

package/lib/components/Hero/index.js

@@ -1,92 +0,0 @@
-"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;
-  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];
-
-  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", {
-    className: "ds-l-container"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-l-row"
-  }, /*#__PURE__*/_react["default"].createElement("h1", {
-    className: "ds-text-heading--5xl ds-u-color--white ds-u-margin-y--1"
-  }, title), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ds-u-color--white ds-u-measure--wide"
-  }, description)), /*#__PURE__*/_react["default"].createElement("form", {
-    onSubmit: function onSubmit(e) {
-      return submitHero(e);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      position: 'relative'
-    },
-    className: "ds-l-row ds-u-align-items--stretch ds-u-margin-y--4 ds-u-flex-wrap--nowrap"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-u-padding--0 ds-u-margin-right--1",
-    style: {
-      flex: '1 1 100%',
-      maxWidth: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_designSystem.TextField, {
-    label: textfieldLabel,
-    labelClassName: "ds-u-visibility--screen-reader",
-    name: "search_text_input",
-    style: {
-      maxWidth: 'none',
-      height: '61px',
-      margin: '0 20px 0 0'
-    },
-    onChange: function onChange(e) {
-      return setSearchValue(e.target.value);
-    }
-  })), /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
-    className: "ds-u-margin-left--auto",
-    size: "big",
-    type: "submit"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "fas fa-search small-text ds-u-sm-display--none"
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "full-text ds-u-display--none ds-u-sm-display--inline-block"
-  }, searchButtonText))))));
-};
-
-Hero.defaultProps = {
-  searchKey: 'fulltext',
-  searchUrl: 'datasets',
-  textfieldLabel: 'Search for a dataset',
-  searchButtonText: 'Search'
-};
-var _default = Hero;
-exports["default"] = _default;

package/lib/components/ManageColumns/index.js

@@ -1,36 +0,0 @@
-"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];
-
-  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

@@ -1,55 +0,0 @@
-"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,60 +0,0 @@
-"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;
-  var innerHtml = wrapLabel ? /*#__PURE__*/_react["default"].createElement("span", null, link.label) : link.label;
-
-  if (_validator["default"].isURL(link.url, {
-    require_protocol: true
-  }) || link.nonReactLink) {
-    return /*#__PURE__*/_react["default"].createElement("a", {
-      className: _className,
-      href: link.url
-    }, innerHtml);
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.NavLink, {
-      className: function className(_ref2) {
-        var isActive = _ref2.isActive;
-        return isActive ? "dc-c-active-link ".concat(_className) : "".concat(_className);
-      },
-      to: link.url
-    }, innerHtml);
-  }
-};
-
-NavLink.defaultProps = {
-  wrapLabel: false,
-  className: null
-};
-NavLink.propTypes = {
-  link: _propTypes["default"].shape({
-    url: _propTypes["default"].string,
-    label: _propTypes["default"].string,
-    nonReactLink: _propTypes["default"].bool
-  }).isRequired,
-  className: _propTypes["default"].string,
-
-  /**
-   * Will wrap the link label in a span for help with styling.
-   */
-  wrapLabel: _propTypes["default"].bool
-};
-var _default = NavLink;
-exports["default"] = _default;

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

@@ -1,35 +0,0 @@
-"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 () {
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      link: {
-        url: '/about',
-        label: 'About'
-      }
-    }));
-    expect(_react2.screen.getByRole('link', 'About')).toHaveAttribute('href', '/about');
-  });
-  test('Renders a link if http protocol in url', function () {
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      link: {
-        url: 'https://demo.getdkan.com',
-        label: 'DKAN Demo'
-      }
-    }));
-    expect(_react2.screen.getByRole('link', 'DKAN Demo')).toHaveAttribute('href', 'https://demo.getdkan.com');
-  });
-});

package/lib/components/Pagination/index.js

@@ -1,263 +0,0 @@
-"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
-  // only shows 7 buttons plus prev/next
-
-  function addFirst() {
-    // extra + 1 is number of siblings
-    if (currentPage > 1 + 1) {
-      return [{
-        id: 1,
-        text: 1
-      }];
-    } else {
-      return [];
-    }
-  }
-
-  function addLast() {
-    // extra + 1 is number of siblings
-    if (currentPage < totalPages) {
-      return [{
-        id: totalPages,
-        text: totalPages
-      }];
-    } else {
-      return [];
-    }
-  }
-
-  function addPrev() {
-    if (currentPage > 1) {
-      return [{
-        id: 'previous',
-        text: 'Previous'
-      }];
-    }
-
-    return [{
-      id: 'previous',
-      text: 'Previous',
-      disabled: true
-    }];
-  }
-
-  function addNext() {
-    if (currentPage < totalPages) {
-      return [{
-        id: 'next',
-        text: 'Next'
-      }];
-    }
-
-    return [{
-      id: 'next',
-      text: 'Next',
-      disabled: true
-    }];
-  }
-
-  function buildSiblings() {
-    // add check if current page less than totalPages
-    var siblings = [{
-      id: currentPage,
-      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({
-        id: '2',
-        text: 2
-      });
-    }
-
-    if (currentPage > 4) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: 'predots',
-        text: '...'
-      });
-    }
-
-    if (currentPage > 4 && currentPage >= totalPages - 2) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: totalPages - 4,
-        text: totalPages - 4
-      });
-    }
-
-    if (currentPage > 4 && currentPage >= totalPages - 1) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: totalPages - 3,
-        text: totalPages - 3
-      });
-    }
-
-    if (currentPage > 4 && currentPage === totalPages) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: totalPages - 2,
-        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)
-        postSiblings.push({
-          id: currentPage + 1 + spot,
-          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) {
-      return {
-        id: index + 1,
-        text: index + 1
-      };
-    });
-  }
-
-  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", {
-    className: "ds-u-display--flex ds-u-flex-direction--row ds-u-padding-x--0"
-  }, 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
-    }, item.id === 'postdots' || item.id === 'predots' ? /*#__PURE__*/_react["default"].createElement("span", null, item.text) : /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
-      className: buttonClass,
-      disabled: item.disabled ? item.disabled : false,
-      size: "small",
-      variation: "transparent",
-      onClick: function onClick() {
-        return buttonAction(buttonValue(item.text));
-      }
-    }, item.text));
-  }))));
-};
-
-var _default = Pagination;
-exports["default"] = _default;