@civicactions/cmsds-open-data-components 3.0.0-alpha.3 → 3.0.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/main.css +33 -10
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +122 -173
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts +0 -14
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/lib/assets/frequencyMap.js +0 -22
  9. package/lib/assets/icons/close.js +0 -33
  10. package/lib/assets/icons/close.jsx +0 -24
  11. package/lib/assets/icons/copy.js +0 -33
  12. package/lib/assets/icons/copy.jsx +0 -23
  13. package/lib/assets/icons/download.js +0 -33
  14. package/lib/assets/icons/download.jsx +0 -23
  15. package/lib/assets/icons/settings.js +0 -34
  16. package/lib/assets/icons/settings.jsx +0 -24
  17. package/lib/assets/images/CMSGovLogo-O.png +0 -0
  18. package/lib/assets/images/CMSgov@2x-white-O.png +0 -0
  19. package/lib/assets/metadataMapping.js +0 -161
  20. package/lib/assets/metadataMapping.jsx +0 -110
  21. package/lib/commands/index.js +0 -7
  22. package/lib/commands/templates/footer.js +0 -61
  23. package/lib/commands/templates/header.js +0 -84
  24. package/lib/commands/templates/page_not_found.js +0 -14
  25. package/lib/components/ApiDocumentation/index.js +0 -24
  26. package/lib/components/Breadcrumb/index.js +0 -47
  27. package/lib/components/DataTableDensity/datatabledensity.test.js +0 -30
  28. package/lib/components/DataTableDensity/index.js +0 -47
  29. package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +0 -49
  30. package/lib/components/DataTableRowChanger/index.js +0 -46
  31. package/lib/components/DatasetAdditionalInformation/index.js +0 -59
  32. package/lib/components/DatasetDownloads/datasetdownloads.test.js +0 -30
  33. package/lib/components/DatasetDownloads/index.js +0 -34
  34. package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +0 -103
  35. package/lib/components/DatasetSearchFacets/index.js +0 -104
  36. package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +0 -44
  37. package/lib/components/DatasetSearchListItem/index.js +0 -86
  38. package/lib/components/DatasetTags/datasettags.test.js +0 -40
  39. package/lib/components/DatasetTags/index.js +0 -38
  40. package/lib/components/Hero/index.js +0 -92
  41. package/lib/components/ManageColumns/index.js +0 -36
  42. package/lib/components/NavBar/index.js +0 -55
  43. package/lib/components/NavLink/index.js +0 -60
  44. package/lib/components/NavLink/navlink.test.js +0 -35
  45. package/lib/components/Pagination/index.js +0 -263
  46. package/lib/components/Pagination/pagination.test.js +0 -541
  47. package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +0 -20
  48. package/lib/components/ResourceConditionField/index.js +0 -246
  49. package/lib/components/ResourceFilter/index.js +0 -174
  50. package/lib/components/ResourceFilter/resourcefilter.test.js +0 -440
  51. package/lib/components/ResourceFooter/index.js +0 -34
  52. package/lib/components/ResourceHeader/index.js +0 -149
  53. package/lib/components/ResourceInformation/index.js +0 -37
  54. package/lib/components/ResourcePreview/index.js +0 -139
  55. package/lib/components/SearchModal/index.js +0 -116
  56. package/lib/components/SubMenu/index.js +0 -86
  57. package/lib/components/TransformedDate/index.js +0 -34
  58. package/lib/components/useAddLoginLink/index.js +0 -44
  59. package/lib/components/useScrollToTop/index.js +0 -22
  60. package/lib/index.js +0 -247
  61. package/lib/templates/APIPage/index.js +0 -30
  62. package/lib/templates/Dataset/DatasetBody.js +0 -189
  63. package/lib/templates/Dataset/index.js +0 -83
  64. package/lib/templates/DatasetSearch/datasetsearch.test.js +0 -122
  65. package/lib/templates/DatasetSearch/index.js +0 -356
  66. package/lib/templates/DrupalPage/index.js +0 -37
  67. package/lib/templates/FilteredResource/FilteredResourceBody.js +0 -160
  68. package/lib/templates/FilteredResource/QueryBuilder.js +0 -235
  69. package/lib/templates/FilteredResource/QueryRow.js +0 -175
  70. package/lib/templates/FilteredResource/QueryTitle.js +0 -89
  71. package/lib/templates/FilteredResource/functions.js +0 -142
  72. package/lib/templates/FilteredResource/index.js +0 -95
  73. package/lib/templates/Footer/footer.test.js +0 -48
  74. package/lib/templates/Footer/index.js +0 -366
  75. package/lib/templates/PageNotFound/index.js +0 -25
  76. package/lib/templates/header/index.js +0 -112
  77. package/lib/templates/mobile_header/index.js +0 -199
@@ -1,356 +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.selectedFacetsMessage = selectedFacetsMessage;
12
- exports.transformUrlParamsToSearchObject = transformUrlParamsToSearchObject;
13
-
14
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
-
16
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _reactRouterDom = require("react-router-dom");
21
-
22
- var _qs = _interopRequireDefault(require("qs"));
23
-
24
- var _dataCatalogServices = require("@civicactions/data-catalog-services");
25
-
26
- var _designSystem = require("@cmsgov/design-system");
27
-
28
- var _DatasetSearchListItem = _interopRequireDefault(require("../../components/DatasetSearchListItem"));
29
-
30
- var _DatasetSearchFacets = _interopRequireDefault(require("../../components/DatasetSearchFacets"));
31
-
32
- 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); }
33
-
34
- 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; }
35
-
36
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
37
-
38
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
39
-
40
- function selectedFacetsMessage(facets, alternateTitles) {
41
- var message = [];
42
- var keys = Object.keys(facets);
43
- keys.forEach(function (k) {
44
- if (facets[k].length) {
45
- message.push("".concat(alternateTitles[k], ": ").concat(facets[k].join(', ')));
46
- }
47
- });
48
- return message.join(' & ');
49
- }
50
-
51
- function transformUrlParamsToSearchObject(searchParams, facetList, defaultSortOptions) {
52
- var params = _qs["default"].parse(searchParams, {
53
- ignoreQueryPrefix: true
54
- });
55
-
56
- var selectedFacets = {};
57
- facetList.forEach(function (facet) {
58
- selectedFacets[facet] = params[facet] ? params[facet] : [];
59
- });
60
- return {
61
- page: params.page,
62
- sort: !params.sort ? defaultSortOptions.defaultSort : params.sort,
63
- sortOrder: !params.sortOrder ? defaultSortOptions.defaultOrder : params.sortOrder,
64
- fulltext: params.fulltext,
65
- selectedFacets: selectedFacets
66
- };
67
- }
68
-
69
- var DatasetSearch = function DatasetSearch(_ref) {
70
- var rootUrl = _ref.rootUrl,
71
- pageTitle = _ref.pageTitle,
72
- introText = _ref.introText,
73
- fulltextLabel = _ref.fulltextLabel,
74
- fulltextLabelClassName = _ref.fulltextLabelClassName,
75
- fulltextPlaceholder = _ref.fulltextPlaceholder,
76
- formClassName = _ref.formClassName,
77
- additionalParams = _ref.additionalParams,
78
- sortOptions = _ref.sortOptions,
79
- defaultSort = _ref.defaultSort,
80
- showSort = _ref.showSort;
81
-
82
- var _useState = (0, _react.useState)(null),
83
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
84
- currentResultNumbers = _useState2[0],
85
- setCurrentResultNumbers = _useState2[1];
86
-
87
- var _useState3 = (0, _react.useState)(false),
88
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
89
- noResults = _useState4[0],
90
- setNoResults = _useState4[1];
91
-
92
- var _useState5 = (0, _react.useState)(true),
93
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
94
- loadingData = _useState6[0],
95
- setLoadingData = _useState6[1];
96
-
97
- var loadingRef = (0, _react.useRef)();
98
- var location = (0, _reactRouterDom.useLocation)();
99
-
100
- var _useSearchParams = (0, _reactRouterDom.useSearchParams)(),
101
- _useSearchParams2 = (0, _slicedToArray2["default"])(_useSearchParams, 2),
102
- searchParams = _useSearchParams2[0],
103
- setSearchParams = _useSearchParams2[1];
104
-
105
- var _useState7 = (0, _react.useState)(''),
106
- _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
107
- filterText = _useState8[0],
108
- setFilterText = _useState8[1];
109
-
110
- var _useSearchAPI = (0, _dataCatalogServices.useSearchAPI)(rootUrl, _objectSpread({}, transformUrlParamsToSearchObject(location.search, ['theme', 'keyword'], defaultSort)), additionalParams),
111
- fulltext = _useSearchAPI.fulltext,
112
- selectedFacets = _useSearchAPI.selectedFacets,
113
- loading = _useSearchAPI.loading,
114
- items = _useSearchAPI.items,
115
- sort = _useSearchAPI.sort,
116
- totalItems = _useSearchAPI.totalItems,
117
- facets = _useSearchAPI.facets,
118
- updateSelectedFacets = _useSearchAPI.updateSelectedFacets,
119
- setFulltext = _useSearchAPI.setFulltext,
120
- setSort = _useSearchAPI.setSort,
121
- sortOrder = _useSearchAPI.sortOrder,
122
- setSortOrder = _useSearchAPI.setSortOrder,
123
- setPage = _useSearchAPI.setPage,
124
- pageSize = _useSearchAPI.pageSize,
125
- page = _useSearchAPI.page,
126
- resetFilters = _useSearchAPI.resetFilters;
127
-
128
- var _separateFacets = (0, _dataCatalogServices.separateFacets)(facets),
129
- theme = _separateFacets.theme,
130
- keyword = _separateFacets.keyword;
131
-
132
- function buildSearchParams(includePage) {
133
- var newParams = {};
134
-
135
- if (Number(page) !== 1 && includePage) {
136
- newParams.page = page;
137
- }
138
-
139
- if (sort !== defaultSort.defaultSort) {
140
- newParams.sort = sort;
141
- }
142
-
143
- if (sortOrder !== defaultSort.defaultOrder) {
144
- newParams.sortOrder = sortOrder;
145
- }
146
-
147
- if (fulltext !== '') {
148
- newParams.fulltext = fulltext;
149
- }
150
-
151
- if (Object.keys(selectedFacets).length) {
152
- Object.keys(selectedFacets).forEach(function (key) {
153
- newParams[key] = selectedFacets[key];
154
- });
155
- }
156
-
157
- return _qs["default"].stringify(newParams, {
158
- addQueryPrefix: includePage,
159
- encode: true
160
- });
161
- }
162
-
163
- (0, _react.useEffect)(function () {
164
- if (fulltext !== filterText) {
165
- setFilterText(fulltext);
166
- }
167
- }, [fulltext]);
168
- (0, _react.useEffect)(function () {
169
- var params = buildSearchParams(true);
170
-
171
- if (params !== location.search) {
172
- setSearchParams(params);
173
- }
174
- }, [page, sort, sortOrder, fulltext, selectedFacets]);
175
- (0, _react.useEffect)(function () {
176
- // when loading state was previously true and is now false, display data
177
- if (!loading && loadingRef.current === true) {
178
- setLoadingData(false);
179
- }
180
-
181
- loadingRef.current = loading;
182
- }, [loading]);
183
- (0, _react.useEffect)(function () {
184
- var baseNumber = Number(totalItems) > 0 ? 1 : 0;
185
- var startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
186
- var endingNumber = Number(pageSize) * Number(page);
187
- setCurrentResultNumbers({
188
- total: Number(totalItems),
189
- startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
190
- endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
191
- });
192
-
193
- if (totalItems <= 0 && currentResultNumbers !== null) {
194
- setNoResults(true);
195
- } else {
196
- setNoResults(false);
197
- }
198
- }, [totalItems, pageSize, page]);
199
- return /*#__PURE__*/_react["default"].createElement("section", {
200
- className: "ds-l-container"
201
- }, /*#__PURE__*/_react["default"].createElement("h1", {
202
- className: "dc-search-header ds-title ds-u-margin-y--3"
203
- }, pageTitle), /*#__PURE__*/_react["default"].createElement("div", {
204
- className: "ds-l-row"
205
- }, /*#__PURE__*/_react["default"].createElement("div", {
206
- className: "ds-l-md-col--8 ds-l-sm-col--12ds-u-margin-bottom--3"
207
- }, introText ? introText : null, /*#__PURE__*/_react["default"].createElement("form", {
208
- onSubmit: function onSubmit(e) {
209
- e.preventDefault();
210
-
211
- (function () {
212
- if (filterText !== fulltext) setLoadingData(true);
213
- setFulltext(filterText);
214
- });
215
- },
216
- className: formClassName
217
- }, /*#__PURE__*/_react["default"].createElement(_designSystem.TextField, {
218
- fieldClassName: "ds-u-margin--0",
219
- value: filterText,
220
- className: "dc-fulltext--input-container ds-u-padding-right--2",
221
- label: fulltextLabel,
222
- labelClassName: fulltextLabelClassName,
223
- placeholder: fulltextPlaceholder,
224
- name: "dataset_fulltext_search",
225
- onChange: function onChange(e) {
226
- return setFilterText(e.target.value);
227
- }
228
- }), /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
229
- type: "submit",
230
- htmlFor: "dataset_fulltext_search",
231
- variation: "primary",
232
- onClick: function onClick() {
233
- if (filterText !== fulltext) setLoadingData(true);
234
- setFulltext(filterText);
235
- }
236
- }, "Search")), loadingData ? /*#__PURE__*/_react["default"].createElement(_designSystem.Spinner, {
237
- className: "ds-u-valign--middle",
238
- "aria-valuetext": "Dataset Search loading",
239
- role: "status"
240
- }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
241
- className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end"
242
- }, /*#__PURE__*/_react["default"].createElement("div", null, currentResultNumbers && /*#__PURE__*/_react["default"].createElement("p", {
243
- className: "ds-u-margin-y--0"
244
- }, "Showing ", currentResultNumbers.startingNumber, " -", ' ', currentResultNumbers.endingNumber, " of ", currentResultNumbers.total, " datasets"), /*#__PURE__*/_react["default"].createElement("p", {
245
- className: "ds-u-margin-y--0"
246
- }, selectedFacetsMessage(selectedFacets, {
247
- theme: 'Categories',
248
- keyword: 'Tags'
249
- }))), /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
250
- className: "ds-u-padding--0 dc-c-clear-filters",
251
- variation: "transparent",
252
- onClick: function onClick() {
253
- return resetFilters();
254
- }
255
- }, "Clear all filters")), /*#__PURE__*/_react["default"].createElement("ol", {
256
- className: "dc-dataset-search-list ds-u-padding--0"
257
- }, noResults && /*#__PURE__*/_react["default"].createElement(_designSystem.Alert, {
258
- variation: "error",
259
- heading: "No results found."
260
- }), items.map(function (item) {
261
- return /*#__PURE__*/_react["default"].createElement("li", {
262
- className: "ds-u-padding--0",
263
- key: item.identifier
264
- }, /*#__PURE__*/_react["default"].createElement(_DatasetSearchListItem["default"], {
265
- item: item,
266
- updateFacets: updateSelectedFacets
267
- }));
268
- })), totalItems && /*#__PURE__*/_react["default"].createElement(_designSystem.Pagination, {
269
- id: "test-default",
270
- currentPage: Number(page),
271
- totalPages: Math.ceil(Number(totalItems) / pageSize),
272
- onPageChange: function onPageChange(evt, page) {
273
- evt.preventDefault();
274
- window.scroll(0, 0);
275
- setPage(page);
276
- },
277
- renderHref: function renderHref(page) {
278
- var searchParams = buildSearchParams(false);
279
- var includeAnd = searchParams ? '&' : '';
280
- return "/datasets?page=".concat(page).concat(includeAnd).concat(searchParams);
281
- }
282
- }))), /*#__PURE__*/_react["default"].createElement("div", {
283
- className: "ds-l-md-col--4 ds-l-sm-col--12"
284
- }, showSort && /*#__PURE__*/_react["default"].createElement("div", {
285
- className: "ds-u-padding--2 ds-u-margin-bottom--4 ds-u-border--1"
286
- }, /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
287
- options: sortOptions,
288
- value: sort,
289
- label: "Sort by",
290
- labelClassName: "ds-u-margin-top--0",
291
- name: "dataset_search_sort",
292
- onChange: function onChange(e) {
293
- return setSort(e.target.value);
294
- }
295
- }), /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
296
- options: [{
297
- label: 'Ascending',
298
- value: 'asc'
299
- }, {
300
- label: 'Descending',
301
- value: 'desc'
302
- }],
303
- value: sortOrder,
304
- label: "Sort order",
305
- labelClassName: "ds-u-margin-top--0",
306
- name: "dataset_search_sort_order",
307
- onChange: function onChange(e) {
308
- return setSortOrder(e.target.value);
309
- }
310
- })), /*#__PURE__*/_react["default"].createElement("div", {
311
- className: "ds-u-padding--2 ds-u-margin-bottom--4 ds-u-border--1"
312
- }, theme ? /*#__PURE__*/_react["default"].createElement(_DatasetSearchFacets["default"], {
313
- title: "Categories",
314
- facets: theme,
315
- onclickFunction: updateSelectedFacets,
316
- selectedFacets: selectedFacets.theme,
317
- loading: loading
318
- }) : /*#__PURE__*/_react["default"].createElement(_designSystem.Spinner, {
319
- className: "ds-u-valign--middle",
320
- "aria-valuetext": "Categories loading",
321
- role: "status"
322
- }), keyword ? /*#__PURE__*/_react["default"].createElement(_DatasetSearchFacets["default"], {
323
- title: "Tags",
324
- facets: keyword,
325
- onclickFunction: updateSelectedFacets,
326
- selectedFacets: selectedFacets.keyword,
327
- loading: loading
328
- }) : /*#__PURE__*/_react["default"].createElement(_designSystem.Spinner, {
329
- className: "ds-u-valign--middle",
330
- "aria-valuetext": "Tags loading",
331
- role: "status"
332
- })))));
333
- };
334
-
335
- DatasetSearch.defaultProps = {
336
- pageTitle: 'Datasets',
337
- introText: '',
338
- fulltextLabel: 'Search term',
339
- fulltextLabelClassName: 'ds-u-visibility--screen-reader',
340
- fulltextPlaceholder: 'Type search term here',
341
- formClassName: 'ds-u-display--flex ds-u-justify-content--between ds-u-margin-bottom--2',
342
- showSort: true,
343
- sortOptions: [{
344
- label: 'Recently Updated',
345
- value: 'modified'
346
- }, {
347
- label: 'Title',
348
- value: 'title'
349
- }],
350
- defaultSort: {
351
- defaultSort: 'modified',
352
- defaultOrder: 'desc'
353
- }
354
- };
355
- var _default = DatasetSearch;
356
- exports["default"] = _default;
@@ -1,37 +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 _dataCatalogServices = require("@civicactions/data-catalog-services");
13
-
14
- var DrupalPage = function DrupalPage(_ref) {
15
- var path = _ref.path,
16
- rootURL = _ref.rootURL,
17
- uuid = _ref.uuid,
18
- entityType = _ref.entityType,
19
- bundle = _ref.bundle,
20
- options = _ref.options;
21
-
22
- var _useDrupalEntity = (0, _dataCatalogServices.useDrupalEntity)(rootURL, uuid, entityType, bundle, options),
23
- entity = _useDrupalEntity.entity;
24
-
25
- var bodyContent = Object.keys(entity).length ? /*#__PURE__*/_react["default"].createElement("div", {
26
- className: "dc-page ds-l-container"
27
- }, /*#__PURE__*/_react["default"].createElement("h1", null, entity.attributes.title), /*#__PURE__*/_react["default"].createElement("div", {
28
- className: "dc-page-content",
29
- dangerouslySetInnerHTML: {
30
- __html: entity.attributes.body.processed
31
- }
32
- })) : '';
33
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, bodyContent);
34
- };
35
-
36
- var _default = DrupalPage;
37
- exports["default"] = _default;
@@ -1,160 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
- var _react = _interopRequireWildcard(require("react"));
17
-
18
- var _qs = _interopRequireDefault(require("qs"));
19
-
20
- var _reactRouterDom = require("react-router-dom");
21
-
22
- var _swaggerUiReact = _interopRequireDefault(require("swagger-ui-react"));
23
-
24
- var _dataCatalogServices = require("@civicactions/data-catalog-services");
25
-
26
- var _designSystem = require("@cmsgov/design-system");
27
-
28
- var _ResourceFilter = _interopRequireDefault(require("../../components/ResourceFilter"));
29
-
30
- var _ResourceHeader = _interopRequireDefault(require("../../components/ResourceHeader"));
31
-
32
- var _ResourcePreview = _interopRequireDefault(require("../../components/ResourcePreview"));
33
-
34
- var _ResourceFooter = _interopRequireDefault(require("../../components/ResourceFooter"));
35
-
36
- var _functions = require("./functions");
37
-
38
- var _QueryBuilder = _interopRequireDefault(require("./QueryBuilder"));
39
-
40
- 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); }
41
-
42
- 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; }
43
-
44
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
45
-
46
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
47
-
48
- var FilteredResourceBody = function FilteredResourceBody(_ref) {
49
- var id = _ref.id,
50
- dataset = _ref.dataset,
51
- distIndex = _ref.distIndex,
52
- location = _ref.location,
53
- apiDocPage = _ref.apiDocPage,
54
- additionalParams = _ref.additionalParams,
55
- customColumns = _ref.customColumns,
56
- columnSettings = _ref.columnSettings,
57
- columnWidths = _ref.columnWidths,
58
- customTitle = _ref.customTitle;
59
- var navigate = (0, _reactRouterDom.useNavigate)();
60
-
61
- var _React$useState = _react["default"].useState('ds-u-padding-y--1'),
62
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
63
- tablePadding = _React$useState2[0],
64
- setTablePadding = _React$useState2[1];
65
-
66
- var apiDocs = (0, _react.useRef)();
67
-
68
- var _React$useState3 = _react["default"].useState(false),
69
- _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
70
- filtersOpen = _React$useState4[0],
71
- setFiltersOpen = _React$useState4[1];
72
-
73
- var distribution = {};
74
- var distribution_array = dataset.distribution ? dataset.distribution : [];
75
-
76
- if (distribution_array.length) {
77
- distribution = distribution_array.find(function (dist) {
78
- return dist.identifier === distribution_array[distIndex].identifier;
79
- });
80
- }
81
-
82
- var buttonRef = null;
83
- var options = location.search ? _objectSpread({}, _qs["default"].parse(location.search, {
84
- ignoreQueryPrefix: true
85
- })) : {
86
- conditions: []
87
- };
88
- var conditions = options.conditions.length ? options.conditions : [];
89
- var resource = (0, _dataCatalogServices.useDatastore)('', process.env.REACT_APP_ROOT_URL, _objectSpread(_objectSpread({}, options), {}, {
90
- limit: 25,
91
- manual: true
92
- }), additionalParams);
93
- (0, _react.useEffect)(function () {
94
- if (distribution.identifier) {
95
- resource.setResource(distribution.identifier);
96
- resource.setManual(false);
97
- }
98
- }, [distribution]);
99
- var downloadUrl = "".concat(process.env.REACT_APP_ROOT_URL, "/datastore/query/").concat(id, "/").concat(distIndex, "/download?").concat(_qs["default"].stringify({
100
- conditions: resource.conditions
101
- }, {
102
- encode: true
103
- }), "&format=csv");
104
- var pageTitle = distribution.data.title && distribution.data.title.toLowerCase() !== 'csv' ? distribution.data.title : dataset.title;
105
- return /*#__PURE__*/_react["default"].createElement("section", {
106
- className: "ds-l-container ds-u-padding-bottom--3 ds-u-margin-bottom--2"
107
- }, Object.keys(distribution).length && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
108
- to: "/dataset/".concat(id),
109
- className: "ds-u-padding-y--3 ds-u-display--block"
110
- }, "Back to ", dataset.title), /*#__PURE__*/_react["default"].createElement("h1", {
111
- className: "ds-title"
112
- }, customTitle ? customTitle : pageTitle), /*#__PURE__*/_react["default"].createElement("p", {
113
- className: "ds-u-margin-top--0 dc-c-metadata-description",
114
- dangerouslySetInnerHTML: {
115
- __html: distribution.data.description
116
- }
117
- }), resource.columns && Object.keys(resource.schema).length && /*#__PURE__*/_react["default"].createElement(_QueryBuilder["default"], {
118
- resource: resource,
119
- id: distribution.identifier,
120
- customColumns: customColumns
121
- }), resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_ResourceHeader["default"], {
122
- includeDensity: true,
123
- setTablePadding: setTablePadding,
124
- distribution: distribution,
125
- resource: resource,
126
- downloadUrl: downloadUrl,
127
- tablePadding: tablePadding,
128
- includeDownload: true
129
- }), /*#__PURE__*/_react["default"].createElement(_ResourcePreview["default"], {
130
- id: distribution.identifier,
131
- tablePadding: tablePadding,
132
- resource: resource,
133
- customColumns: (0, _functions.buildCustomColHeaders)(customColumns, resource.columns, resource.schema[distribution_array[distIndex].identifier]),
134
- columnSettings: columnSettings,
135
- options: {
136
- layout: 'flex',
137
- columnFilter: false,
138
- columnSort: true,
139
- columnResize: true
140
- },
141
- columnWidths: columnWidths
142
- }), /*#__PURE__*/_react["default"].createElement(_ResourceFooter["default"], {
143
- resource: resource
144
- })) : /*#__PURE__*/_react["default"].createElement(_designSystem.Spinner, {
145
- role: "status",
146
- "aria-valuetext": "Resource loading"
147
- }), dataset.identifier && /*#__PURE__*/_react["default"].createElement("div", {
148
- ref: apiDocs
149
- }, /*#__PURE__*/_react["default"].createElement("h2", null, "Try the API"), /*#__PURE__*/_react["default"].createElement(_swaggerUiReact["default"], {
150
- url: "".concat(process.env.REACT_APP_ROOT_URL, "/metastore/schemas/dataset/items/").concat(dataset.identifier, "/docs").concat(additionalParams && additionalParams.ACA ? '?ACA=' + additionalParams.ACA + '&redirect=false' : ''),
151
- docExpansion: 'list',
152
- defaultModelsExpandDepth: -1
153
- }))));
154
- };
155
-
156
- FilteredResourceBody.defaultProps = {
157
- apiDocPage: '/api'
158
- };
159
- var _default = FilteredResourceBody;
160
- exports["default"] = _default;