@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.
- package/dist/main.css +48 -18
- package/dist/main.css.map +1 -1
- package/dist/main.js +307 -269
- package/dist/main.js.map +1 -1
- package/dist/types.d.ts +0 -14
- package/dist/types.d.ts.map +1 -1
- package/package.json +3 -2
- package/lib/assets/frequencyMap.js +0 -22
- package/lib/assets/icons/close.js +0 -33
- package/lib/assets/icons/close.jsx +0 -24
- package/lib/assets/icons/copy.js +0 -33
- package/lib/assets/icons/copy.jsx +0 -23
- package/lib/assets/icons/download.js +0 -33
- package/lib/assets/icons/download.jsx +0 -23
- package/lib/assets/icons/settings.js +0 -34
- package/lib/assets/icons/settings.jsx +0 -24
- package/lib/assets/images/CMSGovLogo-O.png +0 -0
- package/lib/assets/images/CMSgov@2x-white-O.png +0 -0
- package/lib/assets/metadataMapping.js +0 -161
- package/lib/assets/metadataMapping.jsx +0 -110
- package/lib/commands/index.js +0 -7
- package/lib/commands/templates/footer.js +0 -61
- package/lib/commands/templates/header.js +0 -84
- package/lib/commands/templates/page_not_found.js +0 -14
- package/lib/components/ApiDocumentation/index.js +0 -24
- package/lib/components/Breadcrumb/index.js +0 -47
- package/lib/components/DataTableDensity/datatabledensity.test.js +0 -30
- package/lib/components/DataTableDensity/index.js +0 -47
- package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +0 -49
- package/lib/components/DataTableRowChanger/index.js +0 -46
- package/lib/components/DatasetAdditionalInformation/index.js +0 -59
- package/lib/components/DatasetDownloads/datasetdownloads.test.js +0 -30
- package/lib/components/DatasetDownloads/index.js +0 -34
- package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +0 -103
- package/lib/components/DatasetSearchFacets/index.js +0 -104
- package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +0 -44
- package/lib/components/DatasetSearchListItem/index.js +0 -86
- package/lib/components/DatasetTags/datasettags.test.js +0 -40
- package/lib/components/DatasetTags/index.js +0 -38
- package/lib/components/Hero/index.js +0 -92
- package/lib/components/ManageColumns/index.js +0 -36
- package/lib/components/NavBar/index.js +0 -55
- package/lib/components/NavLink/index.js +0 -60
- package/lib/components/NavLink/navlink.test.js +0 -35
- package/lib/components/Pagination/index.js +0 -263
- package/lib/components/Pagination/pagination.test.js +0 -541
- package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +0 -20
- package/lib/components/ResourceConditionField/index.js +0 -246
- package/lib/components/ResourceFilter/index.js +0 -174
- package/lib/components/ResourceFilter/resourcefilter.test.js +0 -440
- package/lib/components/ResourceFooter/index.js +0 -34
- package/lib/components/ResourceHeader/index.js +0 -149
- package/lib/components/ResourceInformation/index.js +0 -37
- package/lib/components/ResourcePreview/index.js +0 -139
- package/lib/components/SearchModal/index.js +0 -116
- package/lib/components/SubMenu/index.js +0 -86
- package/lib/components/TransformedDate/index.js +0 -34
- package/lib/components/useAddLoginLink/index.js +0 -44
- package/lib/components/useScrollToTop/index.js +0 -22
- package/lib/index.js +0 -247
- package/lib/templates/APIPage/index.js +0 -30
- package/lib/templates/Dataset/DatasetBody.js +0 -189
- package/lib/templates/Dataset/index.js +0 -83
- package/lib/templates/DatasetSearch/datasetsearch.test.js +0 -122
- package/lib/templates/DatasetSearch/index.js +0 -356
- package/lib/templates/DrupalPage/index.js +0 -37
- package/lib/templates/FilteredResource/FilteredResourceBody.js +0 -160
- package/lib/templates/FilteredResource/QueryBuilder.js +0 -235
- package/lib/templates/FilteredResource/QueryRow.js +0 -175
- package/lib/templates/FilteredResource/QueryTitle.js +0 -89
- package/lib/templates/FilteredResource/functions.js +0 -142
- package/lib/templates/FilteredResource/index.js +0 -95
- package/lib/templates/Footer/footer.test.js +0 -48
- package/lib/templates/Footer/index.js +0 -366
- package/lib/templates/PageNotFound/index.js +0 -25
- package/lib/templates/header/index.js +0 -112
- 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
|
-
});
|