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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/main.css +48 -18
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +307 -269
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts +0 -14
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +3 -2
  8. package/lib/assets/frequencyMap.js +0 -22
  9. package/lib/assets/icons/close.js +0 -33
  10. package/lib/assets/icons/close.jsx +0 -24
  11. package/lib/assets/icons/copy.js +0 -33
  12. package/lib/assets/icons/copy.jsx +0 -23
  13. package/lib/assets/icons/download.js +0 -33
  14. package/lib/assets/icons/download.jsx +0 -23
  15. package/lib/assets/icons/settings.js +0 -34
  16. package/lib/assets/icons/settings.jsx +0 -24
  17. package/lib/assets/images/CMSGovLogo-O.png +0 -0
  18. package/lib/assets/images/CMSgov@2x-white-O.png +0 -0
  19. package/lib/assets/metadataMapping.js +0 -161
  20. package/lib/assets/metadataMapping.jsx +0 -110
  21. package/lib/commands/index.js +0 -7
  22. package/lib/commands/templates/footer.js +0 -61
  23. package/lib/commands/templates/header.js +0 -84
  24. package/lib/commands/templates/page_not_found.js +0 -14
  25. package/lib/components/ApiDocumentation/index.js +0 -24
  26. package/lib/components/Breadcrumb/index.js +0 -47
  27. package/lib/components/DataTableDensity/datatabledensity.test.js +0 -30
  28. package/lib/components/DataTableDensity/index.js +0 -47
  29. package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +0 -49
  30. package/lib/components/DataTableRowChanger/index.js +0 -46
  31. package/lib/components/DatasetAdditionalInformation/index.js +0 -59
  32. package/lib/components/DatasetDownloads/datasetdownloads.test.js +0 -30
  33. package/lib/components/DatasetDownloads/index.js +0 -34
  34. package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +0 -103
  35. package/lib/components/DatasetSearchFacets/index.js +0 -104
  36. package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +0 -44
  37. package/lib/components/DatasetSearchListItem/index.js +0 -86
  38. package/lib/components/DatasetTags/datasettags.test.js +0 -40
  39. package/lib/components/DatasetTags/index.js +0 -38
  40. package/lib/components/Hero/index.js +0 -92
  41. package/lib/components/ManageColumns/index.js +0 -36
  42. package/lib/components/NavBar/index.js +0 -55
  43. package/lib/components/NavLink/index.js +0 -60
  44. package/lib/components/NavLink/navlink.test.js +0 -35
  45. package/lib/components/Pagination/index.js +0 -263
  46. package/lib/components/Pagination/pagination.test.js +0 -541
  47. package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +0 -20
  48. package/lib/components/ResourceConditionField/index.js +0 -246
  49. package/lib/components/ResourceFilter/index.js +0 -174
  50. package/lib/components/ResourceFilter/resourcefilter.test.js +0 -440
  51. package/lib/components/ResourceFooter/index.js +0 -34
  52. package/lib/components/ResourceHeader/index.js +0 -149
  53. package/lib/components/ResourceInformation/index.js +0 -37
  54. package/lib/components/ResourcePreview/index.js +0 -139
  55. package/lib/components/SearchModal/index.js +0 -116
  56. package/lib/components/SubMenu/index.js +0 -86
  57. package/lib/components/TransformedDate/index.js +0 -34
  58. package/lib/components/useAddLoginLink/index.js +0 -44
  59. package/lib/components/useScrollToTop/index.js +0 -22
  60. package/lib/index.js +0 -247
  61. package/lib/templates/APIPage/index.js +0 -30
  62. package/lib/templates/Dataset/DatasetBody.js +0 -189
  63. package/lib/templates/Dataset/index.js +0 -83
  64. package/lib/templates/DatasetSearch/datasetsearch.test.js +0 -122
  65. package/lib/templates/DatasetSearch/index.js +0 -356
  66. package/lib/templates/DrupalPage/index.js +0 -37
  67. package/lib/templates/FilteredResource/FilteredResourceBody.js +0 -160
  68. package/lib/templates/FilteredResource/QueryBuilder.js +0 -235
  69. package/lib/templates/FilteredResource/QueryRow.js +0 -175
  70. package/lib/templates/FilteredResource/QueryTitle.js +0 -89
  71. package/lib/templates/FilteredResource/functions.js +0 -142
  72. package/lib/templates/FilteredResource/index.js +0 -95
  73. package/lib/templates/Footer/footer.test.js +0 -48
  74. package/lib/templates/Footer/index.js +0 -366
  75. package/lib/templates/PageNotFound/index.js +0 -25
  76. package/lib/templates/header/index.js +0 -112
  77. package/lib/templates/mobile_header/index.js +0 -199
@@ -1,104 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
- exports.isSelected = isSelected;
12
-
13
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
14
-
15
- var _react = _interopRequireWildcard(require("react"));
16
-
17
- var _propTypes = _interopRequireDefault(require("prop-types"));
18
-
19
- var _designSystem = require("@cmsgov/design-system");
20
-
21
- 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); }
22
-
23
- 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; }
24
-
25
- function isSelected(currentFacet, selectedFacets) {
26
- var isSelected = -1;
27
-
28
- if (selectedFacets) {
29
- isSelected = selectedFacets.findIndex(function (s) {
30
- return s === currentFacet;
31
- });
32
- }
33
-
34
- return isSelected;
35
- }
36
-
37
- var DatasetSearchFacets = function DatasetSearchFacets(_ref) {
38
- var title = _ref.title,
39
- facets = _ref.facets,
40
- onclickFunction = _ref.onclickFunction,
41
- selectedFacets = _ref.selectedFacets,
42
- loading = _ref.loading;
43
- var showLimit = 25;
44
-
45
- var _useState = (0, _react.useState)(true),
46
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
47
- isOpen = _useState2[0],
48
- setIsOpen = _useState2[1];
49
-
50
- var _useState3 = (0, _react.useState)(false),
51
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
52
- showMore = _useState4[0],
53
- setShowMore = _useState4[1];
54
-
55
- var filteredFacets = facets.filter(function (f) {
56
- var selectedIndex = selectedFacets.findIndex(function (item) {
57
- return item === f.name;
58
- });
59
- return f.total > 0 || selectedIndex !== -1;
60
- });
61
- return /*#__PURE__*/_react["default"].createElement("div", {
62
- className: "ds-u-margin-bottom--4 dc-dataset-search--facets-container"
63
- }, /*#__PURE__*/_react["default"].createElement(_designSystem.Accordion, null, /*#__PURE__*/_react["default"].createElement(_designSystem.AccordionItem, {
64
- contentClassName: "ds-u-padding-left--1 ds-u-padding-right--0",
65
- heading: "".concat(title, " (").concat(filteredFacets.length, ")"),
66
- defaultOpen: true
67
- }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, filteredFacets.length ? /*#__PURE__*/_react["default"].createElement("ul", {
68
- className: "dc-dataset-search--facets ds-u-padding--0 ds-u-margin--0"
69
- }, filteredFacets.map(function (f) {
70
- return /*#__PURE__*/_react["default"].createElement("li", {
71
- key: f.name
72
- }, /*#__PURE__*/_react["default"].createElement(_designSystem.Choice, {
73
- className: "ds-u-margin-y--1",
74
- checked: isSelected(f.name, selectedFacets) > -1 ? true : false,
75
- name: "facet_theme_".concat(f.name),
76
- type: "checkbox",
77
- label: "".concat(f.name, " (").concat(f.total, ")"),
78
- value: f.name,
79
- onClick: function onClick(e) {
80
- return onclickFunction({
81
- key: f.type,
82
- value: e.target.value
83
- });
84
- }
85
- }));
86
- })) : /*#__PURE__*/_react["default"].createElement("p", {
87
- className: "ds-h5"
88
- }, "No matching facets found.")))));
89
- };
90
-
91
- DatasetSearchFacets.defaultProps = {
92
- selectedFacets: []
93
- };
94
- DatasetSearchFacets.propTypes = {
95
- title: _propTypes["default"].string.isRequired,
96
- facets: _propTypes["default"].arrayOf(_propTypes["default"].shape({
97
- type: _propTypes["default"].string.isRequired,
98
- name: _propTypes["default"].string.isRequired,
99
- total: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]).isRequired
100
- })).isRequired,
101
- onclickFunction: _propTypes["default"].func.isRequired
102
- };
103
- var _default = DatasetSearchFacets;
104
- exports["default"] = _default;
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _react2 = require("@testing-library/react");
8
-
9
- require("@testing-library/jest-dom/extend-expect");
10
-
11
- var _index = _interopRequireDefault(require("./index"));
12
-
13
- var singleItem = {
14
- title: 'Dataset Title',
15
- modified: '2020-10-22',
16
- description: 'This is my description.',
17
- theme: ['dkan'],
18
- keyword: ['my keyword']
19
- };
20
- describe('<DatasetSearchListItem />', function () {
21
- test('Renders correctly', function () {
22
- (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
23
- item: singleItem
24
- }));
25
- var listItemOptions = singleItem.theme.concat(singleItem.keyword);
26
-
27
- var listItems = _react2.screen.getAllByRole('listitem');
28
-
29
- listItems.forEach(function (item, idx) {
30
- var _within = (0, _react2.within)(item),
31
- getByText = _within.getByText;
32
-
33
- expect(getByText(listItemOptions[idx])).toBeInTheDocument();
34
- });
35
- expect(_react2.screen.getByRole('heading', {
36
- name: 'Dataset Title'
37
- })).toBeInTheDocument();
38
- expect(_react2.screen.getByRole('link', {
39
- name: 'Dataset Title'
40
- })).toBeInTheDocument();
41
- expect(_react2.screen.getByText('Updated October 22, 2020')).toBeInTheDocument();
42
- expect(_react2.screen.getByText('This is my description.')).toBeInTheDocument();
43
- });
44
- });
@@ -1,86 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _reactRouterDom = require("react-router-dom");
13
-
14
- var _reactTextTruncate = _interopRequireDefault(require("react-text-truncate"));
15
-
16
- var _designSystem = require("@cmsgov/design-system");
17
-
18
- var _TransformedDate = _interopRequireDefault(require("../TransformedDate"));
19
-
20
- var dangerousDescriptionElement = function dangerousDescriptionElement(_ref) {
21
- var children = _ref.children;
22
- return /*#__PURE__*/_react["default"].createElement("span", {
23
- dangerouslySetInnerHTML: {
24
- __html: children
25
- }
26
- });
27
- };
28
-
29
- var DatasetSearchListItem = function DatasetSearchListItem(_ref2) {
30
- var item = _ref2.item,
31
- updateFacets = _ref2.updateFacets;
32
- var title = item.title,
33
- modified = item.modified,
34
- description = item.description,
35
- theme = item.theme,
36
- keyword = item.keyword,
37
- identifier = item.identifier;
38
-
39
- var truncatedDescription = /*#__PURE__*/_react["default"].createElement(_reactTextTruncate["default"], {
40
- line: 3,
41
- element: 'p',
42
- containerClassName: "ds-u-margin-top--0",
43
- truncateText: "\u2026",
44
- textElement: dangerousDescriptionElement,
45
- text: description,
46
- textTruncateChild: ""
47
- });
48
-
49
- return /*#__PURE__*/_react["default"].createElement("div", {
50
- className: "dc-dataset-searchlist-item ds-u-border-top--1 ds-u-margin-bottom--5"
51
- }, /*#__PURE__*/_react["default"].createElement("div", {
52
- className: "ds-l-row ds-u-padding-top--5"
53
- }, /*#__PURE__*/_react["default"].createElement("div", {
54
- className: "ds-l-col--7"
55
- }, theme && /*#__PURE__*/_react["default"].createElement("ul", {
56
- className: "ds-u-padding--0 ds-u-display--flex ds-u-flex-direction--row ds-u-flex-wrap--wrap"
57
- }, theme.map(function (t) {
58
- return /*#__PURE__*/_react["default"].createElement("li", {
59
- key: t,
60
- className: "ds-u-margin-right--1 ds-u-margin-bottom--1"
61
- }, /*#__PURE__*/_react["default"].createElement(_designSystem.Badge, {
62
- variation: "info"
63
- }, t));
64
- }))), /*#__PURE__*/_react["default"].createElement("span", {
65
- className: "ds-l-col--5 ds-u-color--gray ds-u-text-align--right"
66
- }, "Updated ", /*#__PURE__*/_react["default"].createElement(_TransformedDate["default"], {
67
- date: modified
68
- }))), /*#__PURE__*/_react["default"].createElement("h2", {
69
- className: "ds-u-margin-y--1 ds-text-heading--xl"
70
- }, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
71
- className: "ds-u-color--base",
72
- to: "/dataset/".concat(identifier)
73
- }, title)), truncatedDescription, /*#__PURE__*/_react["default"].createElement("div", null, keyword && /*#__PURE__*/_react["default"].createElement("ul", {
74
- className: "ds-u-padding--0 ds-u-display--flex ds-u-flex-wrap--wrap"
75
- }, keyword.map(function (k) {
76
- return /*#__PURE__*/_react["default"].createElement("li", {
77
- key: k
78
- }, /*#__PURE__*/_react["default"].createElement(_designSystem.Badge, {
79
- className: "ds-u-radius ds-u-fill--primary-alt-lightest ds-u-color--base ds-u-margin-right--1 ds-u-margin-bottom--2",
80
- variation: "info"
81
- }, k));
82
- }))));
83
- };
84
-
85
- var _default = DatasetSearchListItem;
86
- exports["default"] = _default;
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _react2 = require("@testing-library/react");
8
-
9
- require("@testing-library/jest-dom/extend-expect");
10
-
11
- var _index = _interopRequireDefault(require("./index"));
12
-
13
- describe('<DatasetTags />', function () {
14
- test('Renders a download URL link and title', function () {
15
- var tagList = [{
16
- data: 'Tag 1',
17
- identifier: '1'
18
- }, {
19
- data: 'Tag 2',
20
- identifier: '2'
21
- }, {
22
- data: 'Tag 3',
23
- identifier: '3'
24
- }];
25
- (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
26
- keywords: tagList
27
- }));
28
- expect(_react2.screen.getByRole('heading', {
29
- name: 'Tags'
30
- })).toBeTruthy();
31
- tagList.forEach(function (tag) {
32
- expect(_react2.screen.getByRole('link', {
33
- name: tag.data
34
- })).toBeTruthy();
35
- expect(_react2.screen.getByRole('link', {
36
- name: tag.data
37
- })).toHaveAttribute('href', "/search?keyword=".concat(tag.data));
38
- });
39
- });
40
- });
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _reactRouterDom = require("react-router-dom");
15
-
16
- var DatasetTags = function DatasetTags(_ref) {
17
- var keywords = _ref.keywords;
18
- return /*#__PURE__*/_react["default"].createElement("div", {
19
- className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1"
20
- }, /*#__PURE__*/_react["default"].createElement("h2", {
21
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2"
22
- }, "Tags"), keywords && keywords.map(function (k) {
23
- return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
24
- key: k.identifier,
25
- to: "/datasets?keyword[]=".concat(k.data),
26
- 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"
27
- }, k.data);
28
- }));
29
- };
30
-
31
- DatasetTags.propTypes = {
32
- keywords: _propTypes["default"].arrayOf(_propTypes["default"].shape({
33
- data: _propTypes["default"].string.isRequired,
34
- identifier: _propTypes["default"].string.isRequired
35
- })).isRequired
36
- };
37
- var _default = DatasetTags;
38
- exports["default"] = _default;
@@ -1,92 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _reactRouterDom = require("react-router-dom");
15
-
16
- var _designSystem = require("@cmsgov/design-system");
17
-
18
- var Hero = function Hero(_ref) {
19
- var title = _ref.title,
20
- description = _ref.description,
21
- searchUrl = _ref.searchUrl,
22
- searchKey = _ref.searchKey,
23
- textfieldLabel = _ref.textfieldLabel,
24
- searchButtonText = _ref.searchButtonText;
25
- var navigate = (0, _reactRouterDom.useNavigate)();
26
-
27
- var _React$useState = _react["default"].useState(''),
28
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
29
- searchValue = _React$useState2[0],
30
- setSearchValue = _React$useState2[1];
31
-
32
- function submitHero(e) {
33
- e.preventDefault();
34
- navigate("/".concat(searchUrl, "?").concat(searchKey, "=").concat(searchValue));
35
- }
36
-
37
- return /*#__PURE__*/_react["default"].createElement("section", {
38
- className: "dc-c-hero ds-base ds-u-padding--2"
39
- }, /*#__PURE__*/_react["default"].createElement("div", {
40
- className: "ds-l-container"
41
- }, /*#__PURE__*/_react["default"].createElement("div", {
42
- className: "ds-l-row"
43
- }, /*#__PURE__*/_react["default"].createElement("h1", {
44
- className: "ds-text-heading--5xl ds-u-color--white ds-u-margin-y--1"
45
- }, title), /*#__PURE__*/_react["default"].createElement("p", {
46
- className: "ds-u-color--white ds-u-measure--wide"
47
- }, description)), /*#__PURE__*/_react["default"].createElement("form", {
48
- onSubmit: function onSubmit(e) {
49
- return submitHero(e);
50
- }
51
- }, /*#__PURE__*/_react["default"].createElement("div", {
52
- style: {
53
- position: 'relative'
54
- },
55
- className: "ds-l-row ds-u-align-items--stretch ds-u-margin-y--4 ds-u-flex-wrap--nowrap"
56
- }, /*#__PURE__*/_react["default"].createElement("div", {
57
- className: "ds-u-padding--0 ds-u-margin-right--1",
58
- style: {
59
- flex: '1 1 100%',
60
- maxWidth: '100%'
61
- }
62
- }, /*#__PURE__*/_react["default"].createElement(_designSystem.TextField, {
63
- label: textfieldLabel,
64
- labelClassName: "ds-u-visibility--screen-reader",
65
- name: "search_text_input",
66
- style: {
67
- maxWidth: 'none',
68
- height: '61px',
69
- margin: '0 20px 0 0'
70
- },
71
- onChange: function onChange(e) {
72
- return setSearchValue(e.target.value);
73
- }
74
- })), /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
75
- className: "ds-u-margin-left--auto",
76
- size: "big",
77
- type: "submit"
78
- }, /*#__PURE__*/_react["default"].createElement("span", {
79
- className: "fas fa-search small-text ds-u-sm-display--none"
80
- }), /*#__PURE__*/_react["default"].createElement("span", {
81
- className: "full-text ds-u-display--none ds-u-sm-display--inline-block"
82
- }, searchButtonText))))));
83
- };
84
-
85
- Hero.defaultProps = {
86
- searchKey: 'fulltext',
87
- searchUrl: 'datasets',
88
- textfieldLabel: 'Search for a dataset',
89
- searchButtonText: 'Search'
90
- };
91
- var _default = Hero;
92
- exports["default"] = _default;
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
- var _react = _interopRequireWildcard(require("react"));
15
-
16
- var _designSystem = require("@cmsgov/design-system");
17
-
18
- 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); }
19
-
20
- 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; }
21
-
22
- var ManageColumns = function ManageColumns() {
23
- var _useState = (0, _react.useState)(false),
24
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
25
- modalOpen = _useState2[0],
26
- setModalOpen = _useState2[1];
27
-
28
- return /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
29
- onClick: function onClick() {
30
- return setModalOpen(!modalOpen);
31
- }
32
- }, "Manage Columns");
33
- };
34
-
35
- var _default = ManageColumns;
36
- exports["default"] = _default;
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _SubMenu = _interopRequireDefault(require("../SubMenu"));
13
-
14
- var _NavLink = _interopRequireDefault(require("../NavLink"));
15
-
16
- var NavBar = function NavBar(_ref) {
17
- var links = _ref.links,
18
- menuName = _ref.menuName,
19
- menuId = _ref.menuId,
20
- menuClasses = _ref.menuClasses,
21
- linkClasses = _ref.linkClasses,
22
- wrapLabel = _ref.wrapLabel;
23
- return /*#__PURE__*/_react["default"].createElement("nav", {
24
- className: "dc-c-".concat(menuId, "-menu"),
25
- "aria-labelledby": "dc-c-".concat(menuId, "-menu--heading")
26
- }, /*#__PURE__*/_react["default"].createElement("h2", {
27
- id: "dc-c-".concat(menuId, "-menu--heading"),
28
- className: "ds-u-visibility--screen-reader"
29
- }, menuName), /*#__PURE__*/_react["default"].createElement("ul", {
30
- className: menuClasses
31
- }, links.map(function (link) {
32
- if (link.submenu) {
33
- return /*#__PURE__*/_react["default"].createElement(_SubMenu["default"], {
34
- key: link.id,
35
- link: link,
36
- wrapLabel: wrapLabel,
37
- linkClasses: linkClasses
38
- });
39
- } else {
40
- return /*#__PURE__*/_react["default"].createElement("li", {
41
- key: link.id
42
- }, /*#__PURE__*/_react["default"].createElement(_NavLink["default"], {
43
- link: link,
44
- className: linkClasses,
45
- wrapLabel: wrapLabel
46
- }));
47
- }
48
- })));
49
- };
50
-
51
- NavBar.defaultProps = {
52
- wrapLabel: false
53
- };
54
- var _default = NavBar;
55
- exports["default"] = _default;
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _reactRouterDom = require("react-router-dom");
15
-
16
- var _validator = _interopRequireDefault(require("validator"));
17
-
18
- var NavLink = function NavLink(_ref) {
19
- var link = _ref.link,
20
- _className = _ref.className,
21
- wrapLabel = _ref.wrapLabel;
22
- var innerHtml = wrapLabel ? /*#__PURE__*/_react["default"].createElement("span", null, link.label) : link.label;
23
-
24
- if (_validator["default"].isURL(link.url, {
25
- require_protocol: true
26
- }) || link.nonReactLink) {
27
- return /*#__PURE__*/_react["default"].createElement("a", {
28
- className: _className,
29
- href: link.url
30
- }, innerHtml);
31
- } else {
32
- return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.NavLink, {
33
- className: function className(_ref2) {
34
- var isActive = _ref2.isActive;
35
- return isActive ? "dc-c-active-link ".concat(_className) : "".concat(_className);
36
- },
37
- to: link.url
38
- }, innerHtml);
39
- }
40
- };
41
-
42
- NavLink.defaultProps = {
43
- wrapLabel: false,
44
- className: null
45
- };
46
- NavLink.propTypes = {
47
- link: _propTypes["default"].shape({
48
- url: _propTypes["default"].string,
49
- label: _propTypes["default"].string,
50
- nonReactLink: _propTypes["default"].bool
51
- }).isRequired,
52
- className: _propTypes["default"].string,
53
-
54
- /**
55
- * Will wrap the link label in a span for help with styling.
56
- */
57
- wrapLabel: _propTypes["default"].bool
58
- };
59
- var _default = NavLink;
60
- exports["default"] = _default;
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _react2 = require("@testing-library/react");
8
-
9
- require("@testing-library/jest-dom/extend-expect");
10
-
11
- var _jestAxe = require("jest-axe");
12
-
13
- var _index = _interopRequireDefault(require("./index"));
14
-
15
- expect.extend(_jestAxe.toHaveNoViolations);
16
- describe('<NavLink />', function () {
17
- test('Renders a relative link if no http protocol in url', function () {
18
- (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
19
- link: {
20
- url: '/about',
21
- label: 'About'
22
- }
23
- }));
24
- expect(_react2.screen.getByRole('link', 'About')).toHaveAttribute('href', '/about');
25
- });
26
- test('Renders a link if http protocol in url', function () {
27
- (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
28
- link: {
29
- url: 'https://demo.getdkan.com',
30
- label: 'DKAN Demo'
31
- }
32
- }));
33
- expect(_react2.screen.getByRole('link', 'DKAN Demo')).toHaveAttribute('href', 'https://demo.getdkan.com');
34
- });
35
- });