@civicactions/cmsds-open-data-components 3.0.0-alpha.3 → 3.0.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +33 -10
- package/dist/main.css.map +1 -1
- package/dist/main.js +124 -171
- package/dist/main.js.map +1 -1
- package/dist/types.d.ts +0 -14
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/lib/assets/frequencyMap.js +0 -22
- package/lib/assets/icons/close.js +0 -33
- package/lib/assets/icons/close.jsx +0 -24
- package/lib/assets/icons/copy.js +0 -33
- package/lib/assets/icons/copy.jsx +0 -23
- package/lib/assets/icons/download.js +0 -33
- package/lib/assets/icons/download.jsx +0 -23
- package/lib/assets/icons/settings.js +0 -34
- package/lib/assets/icons/settings.jsx +0 -24
- package/lib/assets/images/CMSGovLogo-O.png +0 -0
- package/lib/assets/images/CMSgov@2x-white-O.png +0 -0
- package/lib/assets/metadataMapping.js +0 -161
- package/lib/assets/metadataMapping.jsx +0 -110
- package/lib/commands/index.js +0 -7
- package/lib/commands/templates/footer.js +0 -61
- package/lib/commands/templates/header.js +0 -84
- package/lib/commands/templates/page_not_found.js +0 -14
- package/lib/components/ApiDocumentation/index.js +0 -24
- package/lib/components/Breadcrumb/index.js +0 -47
- package/lib/components/DataTableDensity/datatabledensity.test.js +0 -30
- package/lib/components/DataTableDensity/index.js +0 -47
- package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +0 -49
- package/lib/components/DataTableRowChanger/index.js +0 -46
- package/lib/components/DatasetAdditionalInformation/index.js +0 -59
- package/lib/components/DatasetDownloads/datasetdownloads.test.js +0 -30
- package/lib/components/DatasetDownloads/index.js +0 -34
- package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +0 -103
- package/lib/components/DatasetSearchFacets/index.js +0 -104
- package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +0 -44
- package/lib/components/DatasetSearchListItem/index.js +0 -86
- package/lib/components/DatasetTags/datasettags.test.js +0 -40
- package/lib/components/DatasetTags/index.js +0 -38
- package/lib/components/Hero/index.js +0 -92
- package/lib/components/ManageColumns/index.js +0 -36
- package/lib/components/NavBar/index.js +0 -55
- package/lib/components/NavLink/index.js +0 -60
- package/lib/components/NavLink/navlink.test.js +0 -35
- package/lib/components/Pagination/index.js +0 -263
- package/lib/components/Pagination/pagination.test.js +0 -541
- package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +0 -20
- package/lib/components/ResourceConditionField/index.js +0 -246
- package/lib/components/ResourceFilter/index.js +0 -174
- package/lib/components/ResourceFilter/resourcefilter.test.js +0 -440
- package/lib/components/ResourceFooter/index.js +0 -34
- package/lib/components/ResourceHeader/index.js +0 -149
- package/lib/components/ResourceInformation/index.js +0 -37
- package/lib/components/ResourcePreview/index.js +0 -139
- package/lib/components/SearchModal/index.js +0 -116
- package/lib/components/SubMenu/index.js +0 -86
- package/lib/components/TransformedDate/index.js +0 -34
- package/lib/components/useAddLoginLink/index.js +0 -44
- package/lib/components/useScrollToTop/index.js +0 -22
- package/lib/index.js +0 -247
- package/lib/templates/APIPage/index.js +0 -30
- package/lib/templates/Dataset/DatasetBody.js +0 -189
- package/lib/templates/Dataset/index.js +0 -83
- package/lib/templates/DatasetSearch/datasetsearch.test.js +0 -122
- package/lib/templates/DatasetSearch/index.js +0 -356
- package/lib/templates/DrupalPage/index.js +0 -37
- package/lib/templates/FilteredResource/FilteredResourceBody.js +0 -160
- package/lib/templates/FilteredResource/QueryBuilder.js +0 -235
- package/lib/templates/FilteredResource/QueryRow.js +0 -175
- package/lib/templates/FilteredResource/QueryTitle.js +0 -89
- package/lib/templates/FilteredResource/functions.js +0 -142
- package/lib/templates/FilteredResource/index.js +0 -95
- package/lib/templates/Footer/footer.test.js +0 -48
- package/lib/templates/Footer/index.js +0 -366
- package/lib/templates/PageNotFound/index.js +0 -25
- package/lib/templates/header/index.js +0 -112
- package/lib/templates/mobile_header/index.js +0 -199
|
@@ -1,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;
|