@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.
Files changed (78) hide show
  1. package/README.md +20 -0
  2. package/dist/main.css +160 -42
  3. package/dist/main.css.map +1 -1
  4. package/dist/main.js +2763 -1928
  5. package/dist/main.js.map +1 -1
  6. package/dist/types.d.ts +174 -136
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +12 -9
  9. package/lib/assets/frequencyMap.js +0 -22
  10. package/lib/assets/icons/close.js +0 -33
  11. package/lib/assets/icons/close.jsx +0 -24
  12. package/lib/assets/icons/copy.js +0 -33
  13. package/lib/assets/icons/copy.jsx +0 -23
  14. package/lib/assets/icons/download.js +0 -33
  15. package/lib/assets/icons/download.jsx +0 -23
  16. package/lib/assets/icons/settings.js +0 -34
  17. package/lib/assets/icons/settings.jsx +0 -24
  18. package/lib/assets/images/CMSGovLogo-O.png +0 -0
  19. package/lib/assets/images/CMSgov@2x-white-O.png +0 -0
  20. package/lib/assets/metadataMapping.js +0 -161
  21. package/lib/assets/metadataMapping.jsx +0 -110
  22. package/lib/commands/index.js +0 -7
  23. package/lib/commands/templates/footer.js +0 -61
  24. package/lib/commands/templates/header.js +0 -84
  25. package/lib/commands/templates/page_not_found.js +0 -14
  26. package/lib/components/ApiDocumentation/index.js +0 -24
  27. package/lib/components/Breadcrumb/index.js +0 -47
  28. package/lib/components/DataTableDensity/datatabledensity.test.js +0 -30
  29. package/lib/components/DataTableDensity/index.js +0 -47
  30. package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +0 -49
  31. package/lib/components/DataTableRowChanger/index.js +0 -46
  32. package/lib/components/DatasetAdditionalInformation/index.js +0 -59
  33. package/lib/components/DatasetDownloads/datasetdownloads.test.js +0 -30
  34. package/lib/components/DatasetDownloads/index.js +0 -34
  35. package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +0 -103
  36. package/lib/components/DatasetSearchFacets/index.js +0 -104
  37. package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +0 -44
  38. package/lib/components/DatasetSearchListItem/index.js +0 -86
  39. package/lib/components/DatasetTags/datasettags.test.js +0 -40
  40. package/lib/components/DatasetTags/index.js +0 -38
  41. package/lib/components/Hero/index.js +0 -92
  42. package/lib/components/ManageColumns/index.js +0 -36
  43. package/lib/components/NavBar/index.js +0 -55
  44. package/lib/components/NavLink/index.js +0 -60
  45. package/lib/components/NavLink/navlink.test.js +0 -35
  46. package/lib/components/Pagination/index.js +0 -263
  47. package/lib/components/Pagination/pagination.test.js +0 -541
  48. package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +0 -20
  49. package/lib/components/ResourceConditionField/index.js +0 -246
  50. package/lib/components/ResourceFilter/index.js +0 -174
  51. package/lib/components/ResourceFilter/resourcefilter.test.js +0 -440
  52. package/lib/components/ResourceFooter/index.js +0 -34
  53. package/lib/components/ResourceHeader/index.js +0 -149
  54. package/lib/components/ResourceInformation/index.js +0 -37
  55. package/lib/components/ResourcePreview/index.js +0 -139
  56. package/lib/components/SearchModal/index.js +0 -116
  57. package/lib/components/SubMenu/index.js +0 -86
  58. package/lib/components/TransformedDate/index.js +0 -34
  59. package/lib/components/useAddLoginLink/index.js +0 -44
  60. package/lib/components/useScrollToTop/index.js +0 -22
  61. package/lib/index.js +0 -247
  62. package/lib/templates/APIPage/index.js +0 -30
  63. package/lib/templates/Dataset/DatasetBody.js +0 -189
  64. package/lib/templates/Dataset/index.js +0 -83
  65. package/lib/templates/DatasetSearch/datasetsearch.test.js +0 -122
  66. package/lib/templates/DatasetSearch/index.js +0 -356
  67. package/lib/templates/DrupalPage/index.js +0 -37
  68. package/lib/templates/FilteredResource/FilteredResourceBody.js +0 -160
  69. package/lib/templates/FilteredResource/QueryBuilder.js +0 -235
  70. package/lib/templates/FilteredResource/QueryRow.js +0 -175
  71. package/lib/templates/FilteredResource/QueryTitle.js +0 -89
  72. package/lib/templates/FilteredResource/functions.js +0 -142
  73. package/lib/templates/FilteredResource/index.js +0 -95
  74. package/lib/templates/Footer/footer.test.js +0 -48
  75. package/lib/templates/Footer/index.js +0 -366
  76. package/lib/templates/PageNotFound/index.js +0 -25
  77. package/lib/templates/header/index.js +0 -112
  78. 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;