@civicactions/cmsds-open-data-components 3.0.0-alpha.3 → 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 +33 -10
- package/dist/main.css.map +1 -1
- package/dist/main.js +124 -171
- 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 +1 -1
- 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,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Cypress.Commands.add('testFooterGetUpdates', function (title, description, link) {
|
|
4
|
-
cy.findByRole('heading', {
|
|
5
|
-
name: title,
|
|
6
|
-
level: 2
|
|
7
|
-
}).should('exist');
|
|
8
|
-
cy.findByText(description).should('exist');
|
|
9
|
-
cy.findByRole('link', {
|
|
10
|
-
name: link.label
|
|
11
|
-
}).should('have.attr', 'href', link.url);
|
|
12
|
-
});
|
|
13
|
-
Cypress.Commands.add('testFooterCMSInfo', function () {
|
|
14
|
-
cy.findByRole('link', {
|
|
15
|
-
name: 'HHS Logo opens in new window'
|
|
16
|
-
}).should('have.attr', 'href', 'http://www.hhs.gov/'); //change to https when moving upstream
|
|
17
|
-
|
|
18
|
-
cy.findByAltText('HHS Logo').should('exist');
|
|
19
|
-
cy.findByRole('link', {
|
|
20
|
-
name: 'CMS Logo opens in new window'
|
|
21
|
-
}).should('have.attr', 'href', 'http://www.cms.gov/'); //change to https when moving upstream
|
|
22
|
-
|
|
23
|
-
cy.findByAltText('CMS Logo').should('exist');
|
|
24
|
-
cy.findByText('A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services.').should('exist');
|
|
25
|
-
cy.findByText('7500 Security Boulevard, Baltimore, MD 21244').should('exist');
|
|
26
|
-
});
|
|
27
|
-
Cypress.Commands.add('testFooterGlobalLinks', function (links) {
|
|
28
|
-
cy.get('.dc-c-footer__utility').findAllByRole('listitem').should('have.length', links.length);
|
|
29
|
-
links.forEach(function (link) {
|
|
30
|
-
cy.findByRole('link', {
|
|
31
|
-
name: link.label
|
|
32
|
-
}).should('have.attr', 'href', link.url);
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
Cypress.Commands.add('testFooterSocialLinks', function (links) {
|
|
36
|
-
cy.get('.dc-c-footer__cms-information').findAllByRole('listitem').should('have.length', links.length);
|
|
37
|
-
links.forEach(function (link) {
|
|
38
|
-
var currentLink = cy.findByRole('link', {
|
|
39
|
-
name: link.label
|
|
40
|
-
});
|
|
41
|
-
currentLink.should('have.attr', 'href', link.url);
|
|
42
|
-
currentLink.within(function () {
|
|
43
|
-
// The background circle SVG doesn't have a role of img.
|
|
44
|
-
cy.findAllByRole('img').should('have.length', 1);
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
Cypress.Commands.add('testFooterResource', function (links, title) {
|
|
49
|
-
var heading = cy.findByRole('heading', {
|
|
50
|
-
name: title,
|
|
51
|
-
level: 2
|
|
52
|
-
});
|
|
53
|
-
heading.should('exist');
|
|
54
|
-
heading.parent().findAllByRole('listitem').should('have.length', links.length);
|
|
55
|
-
links.forEach(function (link) {
|
|
56
|
-
var currentLink = cy.findByRole('link', {
|
|
57
|
-
name: link.label
|
|
58
|
-
});
|
|
59
|
-
currentLink.should('have.attr', 'href', link.url);
|
|
60
|
-
});
|
|
61
|
-
});
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Cypress.Commands.add('testUSABanner', function () {
|
|
4
|
-
var buttonText = 'Here’s how you know';
|
|
5
|
-
cy.findByRole('img', {
|
|
6
|
-
name: 'U.S. Flag'
|
|
7
|
-
}).should('exist');
|
|
8
|
-
cy.findByText('An official website of the United States government').should('exist');
|
|
9
|
-
cy.findByRole('button', {
|
|
10
|
-
name: buttonText
|
|
11
|
-
}).should('exist');
|
|
12
|
-
cy.findByText(/Official websites use .gov/i).should('not.be.visible');
|
|
13
|
-
cy.findByText(/Secure .gov websites use HTTPS/i).should('not.be.visible');
|
|
14
|
-
cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-down').should('exist');
|
|
15
|
-
cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-up').should('not.exist');
|
|
16
|
-
cy.findByRole('button', {
|
|
17
|
-
name: buttonText
|
|
18
|
-
}).click();
|
|
19
|
-
cy.findByText(/Official websites use .gov/i).should('be.visible');
|
|
20
|
-
cy.findByText(/Secure .gov websites use HTTPS/i).should('be.visible');
|
|
21
|
-
cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-down').should('not.exist');
|
|
22
|
-
cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-up').should('exist');
|
|
23
|
-
cy.findByRole('button', {
|
|
24
|
-
name: buttonText
|
|
25
|
-
}).click();
|
|
26
|
-
cy.findByText(/Official websites use .gov/i).should('not.be.visible');
|
|
27
|
-
cy.findByText(/Secure .gov websites use HTTPS/i).should('not.be.visible');
|
|
28
|
-
cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-down').should('exist');
|
|
29
|
-
cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-up').should('not.exist');
|
|
30
|
-
});
|
|
31
|
-
Cypress.Commands.add('desktopCMSHeader', function (mainLink, tagline, cmsLinks) {
|
|
32
|
-
cy.viewport(1150, 720);
|
|
33
|
-
cy.get('.dc-c-cmsheader').within(function (div) {
|
|
34
|
-
cy.findByRole('link', {
|
|
35
|
-
name: mainLink.title
|
|
36
|
-
}).should('have.attr', 'href', mainLink.url);
|
|
37
|
-
cy.findByAltText(mainLink.altText).should('exist');
|
|
38
|
-
});
|
|
39
|
-
cy.findByText(tagline).should('exist');
|
|
40
|
-
cmsLinks.forEach(function (link) {
|
|
41
|
-
cy.findByRole('link', {
|
|
42
|
-
name: link.label
|
|
43
|
-
}).should('have.attr', 'href', link.url);
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
Cypress.Commands.add('tabletCMSHeader', function (mainLink, tagline, cmsLinks) {
|
|
47
|
-
cy.viewport(720, 720);
|
|
48
|
-
cy.get('.dc-c-cmsheader').within(function (div) {
|
|
49
|
-
cy.findByRole('link', {
|
|
50
|
-
name: mainLink.title
|
|
51
|
-
}).should('have.attr', 'href', mainLink.url);
|
|
52
|
-
cy.findByAltText(mainLink.altText).should('exist');
|
|
53
|
-
});
|
|
54
|
-
cy.findByText(tagline).should('not.exist');
|
|
55
|
-
cmsLinks.forEach(function (link) {
|
|
56
|
-
cy.findByRole('link', {
|
|
57
|
-
name: link.label
|
|
58
|
-
}).should('have.attr', 'href', link.url);
|
|
59
|
-
});
|
|
60
|
-
});
|
|
61
|
-
Cypress.Commands.add('mobileCMSHeader', function (mainLink, tagline, cmsLinks) {
|
|
62
|
-
cy.viewport(300, 720);
|
|
63
|
-
cy.get('.dc-c-cmsheader').within(function (div) {
|
|
64
|
-
cy.findByRole('link', {
|
|
65
|
-
name: mainLink.title
|
|
66
|
-
}).should('have.attr', 'href', mainLink.url);
|
|
67
|
-
cy.findByAltText(mainLink.altText).should('exist');
|
|
68
|
-
});
|
|
69
|
-
cy.findByText(tagline).should('not.exist');
|
|
70
|
-
cy.get('.dc-c-cmsheader-menu').should('not.exist');
|
|
71
|
-
cmsLinks.forEach(function (link) {
|
|
72
|
-
cy.findByRole('link', {
|
|
73
|
-
name: link.label
|
|
74
|
-
}).should('not.be.visible');
|
|
75
|
-
});
|
|
76
|
-
});
|
|
77
|
-
Cypress.Commands.add('testNoCMSHeader', function () {
|
|
78
|
-
cy.get('.dc-c-cmsheader').should('not.exist');
|
|
79
|
-
});
|
|
80
|
-
Cypress.Commands.add('testCMSHeader', function (mainLink, tagline, cmsLinks) {
|
|
81
|
-
cy.desktopCMSHeader(mainLink, tagline, cmsLinks);
|
|
82
|
-
cy.tabletCMSHeader(mainLink, tagline, cmsLinks);
|
|
83
|
-
cy.mobileCMSHeader(mainLink, tagline, cmsLinks);
|
|
84
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Cypress.Commands.add('testPageNotFound', function () {
|
|
4
|
-
cy.findByRole("heading", {
|
|
5
|
-
level: 1,
|
|
6
|
-
name: "Error: Page not found"
|
|
7
|
-
}).should("exist");
|
|
8
|
-
cy.findByText("We're sorry, but there is no web page that matches your entry. You may have been directed here because:").should("exist");
|
|
9
|
-
cy.get(".ds-l-container").findAllByRole("listitem").should("have.length", 3);
|
|
10
|
-
cy.findByText("The address you typed contains a typo;").should("exist");
|
|
11
|
-
cy.findByText("The requested page may have expired or;").should("exist");
|
|
12
|
-
cy.findByText("The requested page may have been moved.").should("exist");
|
|
13
|
-
cy.findByText("If you were using a bookmark, please reset it once you find the correct page.").should("exist");
|
|
14
|
-
});
|
|
@@ -1,24 +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 _swaggerUiReact = _interopRequireDefault(require("swagger-ui-react"));
|
|
13
|
-
|
|
14
|
-
require("swagger-ui-react/swagger-ui.css");
|
|
15
|
-
|
|
16
|
-
var ApiDocumentation = function ApiDocumentation(_ref) {
|
|
17
|
-
var endpoint = _ref.endpoint;
|
|
18
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_swaggerUiReact["default"], {
|
|
19
|
-
url: endpoint
|
|
20
|
-
}));
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
var _default = ApiDocumentation;
|
|
24
|
-
exports["default"] = _default;
|
|
@@ -1,47 +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 Breadcrumb = function Breadcrumb(_ref) {
|
|
17
|
-
var currentPage = _ref.currentPage,
|
|
18
|
-
_ref$pageTrail = _ref.pageTrail,
|
|
19
|
-
pageTrail = _ref$pageTrail === void 0 ? [] : _ref$pageTrail;
|
|
20
|
-
var pageTrailContent = pageTrail.map(function (page) {
|
|
21
|
-
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
22
|
-
"class": "dc-c-breadcrumb__list-item"
|
|
23
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
|
|
24
|
-
to: page.path,
|
|
25
|
-
"class": "dc-c-breadcrumb__link"
|
|
26
|
-
}, /*#__PURE__*/_react["default"].createElement("span", null, page.title)));
|
|
27
|
-
});
|
|
28
|
-
return /*#__PURE__*/_react["default"].createElement("nav", {
|
|
29
|
-
"class": "dc-c-breadcrumb ds-u-margin-top--6",
|
|
30
|
-
"aria-label": "Breadcrumbs"
|
|
31
|
-
}, /*#__PURE__*/_react["default"].createElement("ol", {
|
|
32
|
-
"class": "dc-c-breadcrumb__list"
|
|
33
|
-
}, pageTrailContent, currentPage ? /*#__PURE__*/_react["default"].createElement("li", {
|
|
34
|
-
"class": "dc-c-breadcrumb__list-item dc-c-current",
|
|
35
|
-
"aria-current": "page"
|
|
36
|
-
}, /*#__PURE__*/_react["default"].createElement("span", null, currentPage)) : ''));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
Breadcrumb.propTypes = {
|
|
40
|
-
currentPage: _propTypes["default"].string.isRequired,
|
|
41
|
-
pageTrail: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
42
|
-
path: _propTypes["default"].string.isRequired,
|
|
43
|
-
title: _propTypes["default"].string.isRequired
|
|
44
|
-
}))
|
|
45
|
-
};
|
|
46
|
-
var _default = Breadcrumb;
|
|
47
|
-
exports["default"] = _default;
|
|
@@ -1,30 +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('<DataTableRowDetails />', function () {
|
|
14
|
-
test('Renders 3 buttons', function () {
|
|
15
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
16
|
-
setTablePadding: function setTablePadding(p) {
|
|
17
|
-
return console.log(p);
|
|
18
|
-
}
|
|
19
|
-
}));
|
|
20
|
-
expect(_react2.screen.getByRole('button', {
|
|
21
|
-
name: /Table padding Tight/i
|
|
22
|
-
})).toBeTruthy();
|
|
23
|
-
expect(_react2.screen.getByRole('button', {
|
|
24
|
-
name: /Table padding Normal/i
|
|
25
|
-
})).toBeTruthy();
|
|
26
|
-
expect(_react2.screen.getByRole('button', {
|
|
27
|
-
name: /Table padding Expanded/i
|
|
28
|
-
})).toBeTruthy();
|
|
29
|
-
});
|
|
30
|
-
});
|
|
@@ -1,47 +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 _designSystem = require("@cmsgov/design-system");
|
|
15
|
-
|
|
16
|
-
var DataTableDensity = function DataTableDensity(_ref) {
|
|
17
|
-
var setTablePadding = _ref.setTablePadding,
|
|
18
|
-
tablePadding = _ref.tablePadding;
|
|
19
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
20
|
-
className: "ds-u-display--flex"
|
|
21
|
-
}, /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
|
|
22
|
-
options: [{
|
|
23
|
-
label: 'Tight',
|
|
24
|
-
value: 'ds-u-padding-y--0'
|
|
25
|
-
}, {
|
|
26
|
-
label: 'Normal',
|
|
27
|
-
value: 'ds-u-padding-y--1'
|
|
28
|
-
}, {
|
|
29
|
-
label: 'Expanded',
|
|
30
|
-
value: 'ds-u-padding-y--2'
|
|
31
|
-
}],
|
|
32
|
-
size: "small",
|
|
33
|
-
label: "Display density:",
|
|
34
|
-
labelClassName: "ds-u-margin-top--0",
|
|
35
|
-
name: "datatable_display_density",
|
|
36
|
-
onChange: function onChange(e) {
|
|
37
|
-
return setTablePadding(e.target.value);
|
|
38
|
-
},
|
|
39
|
-
defaultValue: 'ds-u-padding-y--1'
|
|
40
|
-
}));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
DataTableDensity.propTypes = {
|
|
44
|
-
setTablePadding: _propTypes["default"].func.isRequired
|
|
45
|
-
};
|
|
46
|
-
var _default = DataTableDensity;
|
|
47
|
-
exports["default"] = _default;
|
|
@@ -1,49 +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('<DataTableRowChanger />', function () {
|
|
14
|
-
test('Renders 4 buttons by default', function () {
|
|
15
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
16
|
-
setTablePadding: function setTablePadding(p) {
|
|
17
|
-
return console.log(p);
|
|
18
|
-
}
|
|
19
|
-
}));
|
|
20
|
-
expect(_react2.screen.getByText(/Rows per page:/i)).toBeTruthy();
|
|
21
|
-
expect(_react2.screen.getByRole('button', {
|
|
22
|
-
name: /10 rows per page/i
|
|
23
|
-
})).toBeTruthy();
|
|
24
|
-
expect(_react2.screen.getByRole('button', {
|
|
25
|
-
name: /25 rows per page/i
|
|
26
|
-
})).toBeTruthy();
|
|
27
|
-
expect(_react2.screen.getByRole('button', {
|
|
28
|
-
name: /50 rows per page/i
|
|
29
|
-
})).toBeTruthy();
|
|
30
|
-
expect(_react2.screen.getByRole('button', {
|
|
31
|
-
name: /100 rows per page/i
|
|
32
|
-
})).toBeTruthy();
|
|
33
|
-
});
|
|
34
|
-
test('Renders 2 buttons when given an array of 2 rowOptions', function () {
|
|
35
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
36
|
-
setTablePadding: function setTablePadding(p) {
|
|
37
|
-
return console.log(p);
|
|
38
|
-
},
|
|
39
|
-
rowOptions: [5, 8]
|
|
40
|
-
}));
|
|
41
|
-
expect(_react2.screen.getByText(/Rows per page:/i)).toBeTruthy();
|
|
42
|
-
expect(_react2.screen.getByRole('button', {
|
|
43
|
-
name: /5 rows per page/i
|
|
44
|
-
})).toBeTruthy();
|
|
45
|
-
expect(_react2.screen.getByRole('button', {
|
|
46
|
-
name: /8 rows per page/i
|
|
47
|
-
})).toBeTruthy();
|
|
48
|
-
});
|
|
49
|
-
});
|
|
@@ -1,46 +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 _designSystem = require("@cmsgov/design-system");
|
|
15
|
-
|
|
16
|
-
var DataTableRowChanger = function DataTableRowChanger(_ref) {
|
|
17
|
-
var setLimit = _ref.setLimit,
|
|
18
|
-
rowOptions = _ref.rowOptions,
|
|
19
|
-
limit = _ref.limit;
|
|
20
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
|
|
21
|
-
options: rowOptions.map(function (row) {
|
|
22
|
-
return {
|
|
23
|
-
label: row,
|
|
24
|
-
value: row
|
|
25
|
-
};
|
|
26
|
-
}),
|
|
27
|
-
size: "small",
|
|
28
|
-
label: "Rows per page:",
|
|
29
|
-
labelClassName: "ds-u-margin-top--0",
|
|
30
|
-
name: "datatable_rows_per_page",
|
|
31
|
-
onChange: function onChange(e) {
|
|
32
|
-
return setLimit(e.target.value);
|
|
33
|
-
},
|
|
34
|
-
defaultValue: limit
|
|
35
|
-
}));
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
DataTableRowChanger.defaultProps = {
|
|
39
|
-
rowOptions: [10, 25, 50, 100]
|
|
40
|
-
};
|
|
41
|
-
DataTableRowChanger.propTypes = {
|
|
42
|
-
rowOptions: _propTypes["default"].arrayOf(_propTypes["default"].number),
|
|
43
|
-
setLimit: _propTypes["default"].func.isRequired
|
|
44
|
-
};
|
|
45
|
-
var _default = DataTableRowChanger;
|
|
46
|
-
exports["default"] = _default;
|
|
@@ -1,59 +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.buildRows = buildRows;
|
|
11
|
-
exports["default"] = void 0;
|
|
12
|
-
|
|
13
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
14
|
-
|
|
15
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
16
|
-
|
|
17
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
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 buildRows(metadataMapping, datasetInfo) {
|
|
26
|
-
var rows = [];
|
|
27
|
-
Object.keys(metadataMapping).forEach(function (d) {
|
|
28
|
-
if (!datasetInfo[d]) {
|
|
29
|
-
return null;
|
|
30
|
-
} else {
|
|
31
|
-
rows.push.apply(rows, (0, _toConsumableArray2["default"])(metadataMapping[d](datasetInfo[d])));
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
return rows;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
var DatasetAdditionalInformation = function DatasetAdditionalInformation(_ref) {
|
|
38
|
-
var datasetInfo = _ref.datasetInfo,
|
|
39
|
-
id = _ref.id,
|
|
40
|
-
metadataMapping = _ref.metadataMapping;
|
|
41
|
-
|
|
42
|
-
var _useState = (0, _react.useState)(buildRows(metadataMapping, datasetInfo)),
|
|
43
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 1),
|
|
44
|
-
rows = _useState2[0];
|
|
45
|
-
|
|
46
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
47
|
-
className: "dc-c-additional-info-table ds-u-margin-bottom--6"
|
|
48
|
-
}, /*#__PURE__*/_react["default"].createElement("h2", null, "Additional Information"), /*#__PURE__*/_react["default"].createElement(_designSystem.Table, {
|
|
49
|
-
compact: true,
|
|
50
|
-
striped: true
|
|
51
|
-
}, /*#__PURE__*/_react["default"].createElement(_designSystem.TableHead, null, /*#__PURE__*/_react["default"].createElement(_designSystem.TableRow, null, /*#__PURE__*/_react["default"].createElement(_designSystem.TableCell, null, "Field"), /*#__PURE__*/_react["default"].createElement(_designSystem.TableCell, null, "Value"))), /*#__PURE__*/_react["default"].createElement(_designSystem.TableBody, null, rows.map(function (r) {
|
|
52
|
-
return /*#__PURE__*/_react["default"].createElement(_designSystem.TableRow, {
|
|
53
|
-
key: "".concat(r.label, "_").concat(id)
|
|
54
|
-
}, /*#__PURE__*/_react["default"].createElement(_designSystem.TableCell, null, r.label), /*#__PURE__*/_react["default"].createElement(_designSystem.TableCell, null, r.value));
|
|
55
|
-
}))));
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
var _default = DatasetAdditionalInformation;
|
|
59
|
-
exports["default"] = _default;
|
|
@@ -1,30 +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('<DatasetDownloads />', function () {
|
|
14
|
-
test('Renders a download URL link and title', function () {
|
|
15
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
16
|
-
downloadURL: "http://dkan.com/download.csv",
|
|
17
|
-
type: "csv"
|
|
18
|
-
}));
|
|
19
|
-
expect(_react2.screen.getByRole('heading', {
|
|
20
|
-
name: 'Downloads'
|
|
21
|
-
})).toBeTruthy();
|
|
22
|
-
expect(_react2.screen.getByText('Dataset')).toBeTruthy();
|
|
23
|
-
expect(_react2.screen.getByRole('link', {
|
|
24
|
-
name: 'Download this dataset (CSV)'
|
|
25
|
-
})).toBeTruthy();
|
|
26
|
-
expect(_react2.screen.getByRole('link', {
|
|
27
|
-
name: 'Download this dataset (CSV)'
|
|
28
|
-
})).toHaveAttribute('href', 'http://dkan.com/download.csv');
|
|
29
|
-
});
|
|
30
|
-
});
|
|
@@ -1,34 +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 DatasetDownloads = function DatasetDownloads(_ref) {
|
|
15
|
-
var downloadURL = _ref.downloadURL,
|
|
16
|
-
type = _ref.type;
|
|
17
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
18
|
-
className: "ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1"
|
|
19
|
-
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
20
|
-
className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2 ds-u-border ds-u-border-bottom--1"
|
|
21
|
-
}, "Downloads"), /*#__PURE__*/_react["default"].createElement("p", {
|
|
22
|
-
className: "ds-u-margin-bottom--1 ds-u-color--gray"
|
|
23
|
-
}, "Resource"), /*#__PURE__*/_react["default"].createElement("a", {
|
|
24
|
-
href: downloadURL,
|
|
25
|
-
className: "ds-u-word-break"
|
|
26
|
-
}, "Download this resource (", type, ")"));
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
DatasetDownloads.propTypes = {
|
|
30
|
-
downloadURL: _propTypes["default"].string.isRequired,
|
|
31
|
-
type: _propTypes["default"].string.isRequired
|
|
32
|
-
};
|
|
33
|
-
var _default = DatasetDownloads;
|
|
34
|
-
exports["default"] = _default;
|
|
@@ -1,103 +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
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
|
|
9
|
-
var _react2 = require("@testing-library/react");
|
|
10
|
-
|
|
11
|
-
require("@testing-library/jest-dom/extend-expect");
|
|
12
|
-
|
|
13
|
-
var _index = _interopRequireWildcard(require("./index"));
|
|
14
|
-
|
|
15
|
-
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); }
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
var testFacets = [{
|
|
20
|
-
type: 'theme',
|
|
21
|
-
name: 'facet-1',
|
|
22
|
-
total: '2'
|
|
23
|
-
}, {
|
|
24
|
-
type: 'theme',
|
|
25
|
-
name: 'facet-2',
|
|
26
|
-
total: '3'
|
|
27
|
-
}];
|
|
28
|
-
describe('isSelected Function', function () {
|
|
29
|
-
test('returns -1 if not selected', function () {
|
|
30
|
-
expect((0, _index.isSelected)('dkan', [''])).toEqual(-1);
|
|
31
|
-
});
|
|
32
|
-
test('returns correct index if item in array', function () {
|
|
33
|
-
expect((0, _index.isSelected)('dkan', ['dkan'])).toEqual(0);
|
|
34
|
-
expect((0, _index.isSelected)('react', ['dkan', 'react'])).toEqual(1);
|
|
35
|
-
});
|
|
36
|
-
});
|
|
37
|
-
describe('<DatasetSearchFacets />', function () {
|
|
38
|
-
test('Renders correctly', function () {
|
|
39
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
40
|
-
title: "Facets",
|
|
41
|
-
facets: testFacets,
|
|
42
|
-
onclickFunction: function onclickFunction() {
|
|
43
|
-
return {};
|
|
44
|
-
}
|
|
45
|
-
}));
|
|
46
|
-
expect(_react2.screen.getByRole('button', {
|
|
47
|
-
name: 'Facets'
|
|
48
|
-
})).toBeInTheDocument();
|
|
49
|
-
expect(_react2.screen.getByLabelText('facet-1 (2)')).toBeInTheDocument();
|
|
50
|
-
expect(_react2.screen.getByLabelText('facet-2 (3)')).toBeInTheDocument();
|
|
51
|
-
expect(_react2.screen.getAllByRole('checkbox')).toHaveLength(2);
|
|
52
|
-
});
|
|
53
|
-
test('Opens and closes, hiding facets', function () {
|
|
54
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
55
|
-
title: "Facets",
|
|
56
|
-
facets: testFacets,
|
|
57
|
-
onclickFunction: function onclickFunction() {
|
|
58
|
-
return {};
|
|
59
|
-
}
|
|
60
|
-
}));
|
|
61
|
-
expect(_react2.screen.getAllByRole('checkbox')).toHaveLength(2);
|
|
62
|
-
|
|
63
|
-
_react2.fireEvent.click(_react2.screen.getByRole('button', {
|
|
64
|
-
name: 'Facets'
|
|
65
|
-
}));
|
|
66
|
-
|
|
67
|
-
expect(_react2.screen.queryByLabelText('facet-1 (2)')).toBeNull();
|
|
68
|
-
expect(_react2.screen.queryAllByRole('checkbox')).toHaveLength(0);
|
|
69
|
-
|
|
70
|
-
_react2.fireEvent.click(_react2.screen.getByRole('button', {
|
|
71
|
-
name: 'Facets'
|
|
72
|
-
}));
|
|
73
|
-
|
|
74
|
-
expect(_react2.screen.getAllByRole('checkbox')).toHaveLength(2);
|
|
75
|
-
});
|
|
76
|
-
test('Checkbox fires onclickFunction', function () {
|
|
77
|
-
var handleClick = jest.fn();
|
|
78
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
79
|
-
title: "Facets",
|
|
80
|
-
facets: testFacets,
|
|
81
|
-
onclickFunction: handleClick
|
|
82
|
-
}));
|
|
83
|
-
|
|
84
|
-
_react2.fireEvent.click(_react2.screen.getByRole('checkbox', {
|
|
85
|
-
name: 'facet-1 (2)'
|
|
86
|
-
}));
|
|
87
|
-
|
|
88
|
-
expect(handleClick).toHaveBeenCalledTimes(1);
|
|
89
|
-
});
|
|
90
|
-
test('Checkbox is checked if in selectedFacets array', function () {
|
|
91
|
-
var handleClick = jest.fn();
|
|
92
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
93
|
-
title: "Facets",
|
|
94
|
-
facets: testFacets,
|
|
95
|
-
onclickFunction: handleClick,
|
|
96
|
-
selectedFacets: ['facet-1']
|
|
97
|
-
}));
|
|
98
|
-
expect(_react2.screen.getByRole('checkbox', {
|
|
99
|
-
name: 'facet-1 (2)',
|
|
100
|
-
checked: true
|
|
101
|
-
})).toBeInTheDocument();
|
|
102
|
-
});
|
|
103
|
-
});
|