@civicactions/cmsds-open-data-components 3.0.0-alpha.2 → 3.0.0-alpha.21
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/README.md +20 -0
- package/dist/main.css +160 -42
- package/dist/main.css.map +1 -1
- package/dist/main.js +2763 -1928
- package/dist/main.js.map +1 -1
- package/dist/types.d.ts +174 -136
- package/dist/types.d.ts.map +1 -1
- package/package.json +12 -9
- 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,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
|
-
});
|
|
@@ -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;
|