@civicactions/cmsds-open-data-components 2.1.0-alpha.4 → 2.1.0
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.js +26 -71
- package/dist/main.js.map +1 -1
- package/dist/types.d.ts +6 -0
- package/dist/types.d.ts.map +1 -1
- package/lib/assets/icons/close.js +4 -0
- package/lib/assets/icons/copy.js +4 -0
- package/lib/assets/icons/download.js +4 -0
- package/lib/assets/icons/settings.js +5 -2
- package/lib/assets/metadataMapping.js +9 -0
- package/lib/commands/index.js +2 -0
- package/lib/commands/templates/footer.js +2 -0
- package/lib/components/ApiDocumentation/index.js +6 -0
- package/lib/components/Breadcrumb/index.js +8 -2
- package/lib/components/DataTableDensity/datatabledensity.test.js +5 -0
- package/lib/components/DataTableDensity/index.js +7 -1
- package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +5 -0
- package/lib/components/DataTableRowChanger/index.js +8 -2
- package/lib/components/DatasetAdditionalInformation/index.js +17 -4
- package/lib/components/DatasetDownloads/datasetdownloads.test.js +5 -0
- package/lib/components/DatasetDownloads/index.js +6 -1
- package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +14 -0
- package/lib/components/DatasetSearchFacets/index.js +26 -10
- package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +9 -1
- package/lib/components/DatasetSearchListItem/index.js +17 -6
- package/lib/components/DatasetTags/datasettags.test.js +5 -0
- package/lib/components/DatasetTags/index.js +6 -0
- package/lib/components/Hero/index.js +18 -8
- package/lib/components/ManageColumns/index.js +13 -3
- package/lib/components/NavBar/index.js +55 -0
- package/lib/components/NavLink/index.js +11 -2
- package/lib/components/NavLink/navlink.test.js +6 -0
- package/lib/components/Pagination/index.js +46 -4
- package/lib/components/Pagination/pagination.test.js +478 -367
- package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +5 -1
- package/lib/components/ResourceConditionField/index.js +62 -30
- package/lib/components/ResourceFilter/index.js +39 -10
- package/lib/components/ResourceFilter/resourcefilter.test.js +297 -234
- package/lib/components/ResourceFooter/index.js +11 -4
- package/lib/components/ResourceHeader/index.js +54 -30
- package/lib/components/ResourceInformation/index.js +6 -1
- package/lib/components/ResourcePreview/index.js +30 -13
- package/lib/components/SearchModal/index.js +28 -11
- package/lib/components/SubMenu/index.js +20 -5
- package/lib/components/TransformedDate/index.js +7 -1
- package/lib/components/useAddLoginLink/index.js +13 -3
- package/lib/components/useScrollToTop/index.js +6 -1
- package/lib/index.js +247 -0
- package/lib/templates/APIPage/index.js +6 -1
- package/lib/templates/Dataset/DatasetBody.js +42 -12
- package/lib/templates/Dataset/index.js +26 -7
- package/lib/templates/DatasetSearch/datasetsearch.test.js +70 -50
- package/lib/templates/DatasetSearch/index.js +83 -43
- package/lib/templates/DrupalPage/index.js +13 -6
- package/lib/templates/FilteredResource/FilteredResourceBody.js +43 -15
- package/lib/templates/FilteredResource/QueryBuilder.js +59 -17
- package/lib/templates/FilteredResource/QueryRow.js +43 -20
- package/lib/templates/FilteredResource/QueryTitle.js +18 -2
- package/lib/templates/FilteredResource/functions.js +17 -5
- package/lib/templates/FilteredResource/index.js +36 -16
- package/lib/templates/Footer/footer.test.js +7 -2
- package/lib/templates/Footer/index.js +23 -11
- package/lib/templates/PageNotFound/index.js +5 -1
- package/lib/templates/header/index.js +26 -17
- package/lib/templates/mobile_header/index.js +42 -22
- package/package.json +1 -1
|
@@ -1,27 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _Pagination = _interopRequireDefault(require("../Pagination"));
|
|
13
|
+
|
|
10
14
|
var ResourceFooter = function ResourceFooter(_ref) {
|
|
11
15
|
var resource = _ref.resource;
|
|
12
16
|
var limit = resource.limit,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
+
values = resource.values,
|
|
18
|
+
offset = resource.offset,
|
|
19
|
+
count = resource.count,
|
|
20
|
+
setOffset = resource.setOffset;
|
|
21
|
+
|
|
17
22
|
function calcPageByOffset(page) {
|
|
18
23
|
setOffset((page - 1) * limit);
|
|
19
24
|
}
|
|
25
|
+
|
|
20
26
|
return /*#__PURE__*/_react["default"].createElement("div", null, values.length > 0 && /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
|
|
21
27
|
totalPages: Math.ceil(Number(count) / limit),
|
|
22
28
|
currentPage: Number(offset) / limit + 1,
|
|
23
29
|
buttonAction: calcPageByOffset
|
|
24
30
|
}));
|
|
25
31
|
};
|
|
32
|
+
|
|
26
33
|
var _default = ResourceFooter;
|
|
27
34
|
exports["default"] = _default;
|
|
@@ -1,68 +1,91 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports["default"] = void 0;
|
|
11
|
+
|
|
9
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
10
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
+
|
|
11
16
|
var _reactRouterDom = require("react-router-dom");
|
|
17
|
+
|
|
12
18
|
var _reactResponsive = require("react-responsive");
|
|
19
|
+
|
|
13
20
|
var _reactPopper = require("react-popper");
|
|
21
|
+
|
|
14
22
|
var _designSystem = require("@cmsgov/design-system");
|
|
23
|
+
|
|
15
24
|
var _dataCatalogComponents = require("@civicactions/data-catalog-components");
|
|
25
|
+
|
|
16
26
|
var _DataTableDensity = _interopRequireDefault(require("../../components/DataTableDensity"));
|
|
27
|
+
|
|
17
28
|
var _ManageColumns = _interopRequireDefault(require("../../components/ManageColumns"));
|
|
29
|
+
|
|
18
30
|
var _DataTableRowChanger = _interopRequireDefault(require("../../components/DataTableRowChanger"));
|
|
31
|
+
|
|
19
32
|
var _download = _interopRequireDefault(require("../../assets/icons/download"));
|
|
33
|
+
|
|
20
34
|
var _copy = _interopRequireDefault(require("../../assets/icons/copy"));
|
|
35
|
+
|
|
21
36
|
var _settings = _interopRequireDefault(require("../../assets/icons/settings"));
|
|
37
|
+
|
|
22
38
|
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); }
|
|
39
|
+
|
|
23
40
|
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; }
|
|
41
|
+
|
|
24
42
|
var ResourceHeader = function ResourceHeader(_ref) {
|
|
25
43
|
var setTablePadding = _ref.setTablePadding,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
44
|
+
id = _ref.id,
|
|
45
|
+
distribution = _ref.distribution,
|
|
46
|
+
includeFiltered = _ref.includeFiltered,
|
|
47
|
+
includeDensity = _ref.includeDensity,
|
|
48
|
+
includeDownload = _ref.includeDownload,
|
|
49
|
+
resource = _ref.resource,
|
|
50
|
+
tablePadding = _ref.tablePadding,
|
|
51
|
+
downloadUrl = _ref.downloadUrl;
|
|
34
52
|
var md = (0, _reactResponsive.useMediaQuery)({
|
|
35
53
|
minWidth: 0,
|
|
36
54
|
maxWidth: 768
|
|
37
55
|
});
|
|
38
56
|
var limit = resource.limit,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
57
|
+
offset = resource.offset,
|
|
58
|
+
count = resource.count,
|
|
59
|
+
setLimit = resource.setLimit,
|
|
60
|
+
setOffset = resource.setOffset;
|
|
43
61
|
var intCount = count ? parseInt(count) : 0;
|
|
62
|
+
|
|
44
63
|
var _useState = (0, _react.useState)(null),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
64
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
65
|
+
referenceElement = _useState2[0],
|
|
66
|
+
setReferenceElement = _useState2[1];
|
|
67
|
+
|
|
48
68
|
var _useState3 = (0, _react.useState)(null),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
69
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
70
|
+
popperElement = _useState4[0],
|
|
71
|
+
setPopperElement = _useState4[1];
|
|
72
|
+
|
|
52
73
|
var _useState5 = (0, _react.useState)(null),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
74
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
75
|
+
arrowElement = _useState6[0],
|
|
76
|
+
setArrowElement = _useState6[1];
|
|
77
|
+
|
|
56
78
|
var _usePopper = (0, _reactPopper.usePopper)(referenceElement, popperElement, {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
79
|
+
modifiers: [{
|
|
80
|
+
name: 'arrow',
|
|
81
|
+
options: {
|
|
82
|
+
element: arrowElement
|
|
83
|
+
}
|
|
84
|
+
}]
|
|
85
|
+
}),
|
|
86
|
+
styles = _usePopper.styles,
|
|
87
|
+
attributes = _usePopper.attributes;
|
|
88
|
+
|
|
66
89
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
67
90
|
className: "dc-c-resource-header"
|
|
68
91
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -121,5 +144,6 @@ var ResourceHeader = function ResourceHeader(_ref) {
|
|
|
121
144
|
className: "ds-u-font-weight--semibold ds-u-margin-left--1"
|
|
122
145
|
}, "Display settings"))))));
|
|
123
146
|
};
|
|
147
|
+
|
|
124
148
|
var _default = ResourceHeader;
|
|
125
149
|
exports["default"] = _default;
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _designSystem = require("@cmsgov/design-system");
|
|
13
|
+
|
|
10
14
|
var ResourceInformation = function ResourceInformation(_ref) {
|
|
11
15
|
var resource = _ref.resource;
|
|
12
16
|
var count = resource.count,
|
|
13
|
-
|
|
17
|
+
columns = resource.columns;
|
|
14
18
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
15
19
|
className: "dc-c-resource-info-table"
|
|
16
20
|
}, /*#__PURE__*/_react["default"].createElement("h2", null, "About this Resource"), /*#__PURE__*/_react["default"].createElement(_designSystem.Table, {
|
|
@@ -28,5 +32,6 @@ var ResourceInformation = function ResourceInformation(_ref) {
|
|
|
28
32
|
align: "right"
|
|
29
33
|
}, columns.length.toLocaleString()))));
|
|
30
34
|
};
|
|
35
|
+
|
|
31
36
|
var _default = ResourceInformation;
|
|
32
37
|
exports["default"] = _default;
|
|
@@ -1,21 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
8
9
|
exports.prepareColumns = prepareColumns;
|
|
10
|
+
|
|
9
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
|
+
|
|
10
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
|
+
|
|
11
15
|
var _dataCatalogComponents = require("@civicactions/data-catalog-components");
|
|
16
|
+
|
|
12
17
|
var _dataCatalogServices = require("@civicactions/data-catalog-services");
|
|
18
|
+
|
|
13
19
|
var _designSystem = require("@cmsgov/design-system");
|
|
20
|
+
|
|
14
21
|
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; }
|
|
22
|
+
|
|
15
23
|
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; }
|
|
24
|
+
|
|
16
25
|
function calculateMaxWidth(previewSize) {
|
|
17
26
|
return Math.floor(previewSize * 0.84);
|
|
18
27
|
}
|
|
28
|
+
|
|
19
29
|
function prepareColumns(columns, schema) {
|
|
20
30
|
return columns.map(function (column) {
|
|
21
31
|
return {
|
|
@@ -24,12 +34,13 @@ function prepareColumns(columns, schema) {
|
|
|
24
34
|
};
|
|
25
35
|
});
|
|
26
36
|
}
|
|
37
|
+
|
|
27
38
|
function DefaultColumnFilter(_ref) {
|
|
28
39
|
var _ref$column = _ref.column,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
40
|
+
Header = _ref$column.Header,
|
|
41
|
+
accessor = _ref$column.accessor,
|
|
42
|
+
setFilter = _ref$column.setFilter,
|
|
43
|
+
filterValue = _ref$column.filterValue;
|
|
33
44
|
return /*#__PURE__*/_react["default"].createElement(_designSystem.TextField, {
|
|
34
45
|
label: "Filter by ".concat(Header),
|
|
35
46
|
onChange: function onChange(e) {
|
|
@@ -40,23 +51,27 @@ function DefaultColumnFilter(_ref) {
|
|
|
40
51
|
value: filterValue || ''
|
|
41
52
|
});
|
|
42
53
|
}
|
|
54
|
+
|
|
43
55
|
var ResourcePreview = function ResourcePreview(_ref2) {
|
|
44
56
|
var tablePadding = _ref2.tablePadding,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
57
|
+
id = _ref2.id,
|
|
58
|
+
options = _ref2.options,
|
|
59
|
+
resource = _ref2.resource,
|
|
60
|
+
defaultSort = _ref2.defaultSort,
|
|
61
|
+
customColumns = _ref2.customColumns,
|
|
62
|
+
truncateCellHeader = _ref2.truncateCellHeader,
|
|
63
|
+
columnSettings = _ref2.columnSettings,
|
|
64
|
+
columnWidths = _ref2.columnWidths,
|
|
65
|
+
customClasses = _ref2.customClasses;
|
|
66
|
+
|
|
54
67
|
var previewContainer = _react["default"].useRef(null);
|
|
68
|
+
|
|
55
69
|
var columnDefaults = _objectSpread({
|
|
56
70
|
width: 200,
|
|
57
71
|
maxWidth: previewContainer.current ? calculateMaxWidth(previewContainer.current.offsetWidth) : 300,
|
|
58
72
|
minWidth: 100
|
|
59
73
|
}, columnWidths);
|
|
74
|
+
|
|
60
75
|
var tableClasses = _objectSpread({
|
|
61
76
|
tableContainerClassName: 'dc-c-table-container',
|
|
62
77
|
headerCellClassName: 'ds-u-border--dark ds-u-padding--2 ds-u-border-y--2 ds-u-font-weight--bold dc-c-table-header-cell',
|
|
@@ -73,6 +88,7 @@ var ResourcePreview = function ResourcePreview(_ref2) {
|
|
|
73
88
|
tableColumnResizer: 'dc-c-resize-handle',
|
|
74
89
|
tableColumnIsResizing: 'isResizing'
|
|
75
90
|
}, customClasses);
|
|
91
|
+
|
|
76
92
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
77
93
|
ref: previewContainer,
|
|
78
94
|
id: "resource-preview",
|
|
@@ -108,6 +124,7 @@ var ResourcePreview = function ResourcePreview(_ref2) {
|
|
|
108
124
|
}, /*#__PURE__*/_react["default"].createElement("p", null, "No results returned."))
|
|
109
125
|
}));
|
|
110
126
|
};
|
|
127
|
+
|
|
111
128
|
ResourcePreview.defaultProps = {
|
|
112
129
|
options: {
|
|
113
130
|
layout: 'flex',
|
|
@@ -1,40 +1,55 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports["default"] = void 0;
|
|
11
|
+
|
|
9
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
10
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
+
|
|
11
16
|
var _reactRouterDom = require("react-router-dom");
|
|
17
|
+
|
|
12
18
|
var _reactResponsive = require("react-responsive");
|
|
19
|
+
|
|
13
20
|
var _designSystem = require("@cmsgov/design-system");
|
|
21
|
+
|
|
14
22
|
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); }
|
|
23
|
+
|
|
15
24
|
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; }
|
|
25
|
+
|
|
16
26
|
var SearchModal = function SearchModal(_ref) {
|
|
17
27
|
var searchFunc = _ref.searchFunc,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
28
|
+
appNodeId = _ref.appNodeId,
|
|
29
|
+
searchModalText = _ref.searchModalText,
|
|
30
|
+
buttonSize = _ref.buttonSize,
|
|
31
|
+
inversedModalButton = _ref.inversedModalButton,
|
|
32
|
+
inversedSearchButton = _ref.inversedSearchButton;
|
|
23
33
|
var navigate = (0, _reactRouterDom.useNavigate)();
|
|
34
|
+
|
|
24
35
|
var _useState = (0, _react.useState)(''),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
36
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
37
|
+
modalSearchTerm = _useState2[0],
|
|
38
|
+
setModalSearchTerm = _useState2[1];
|
|
39
|
+
|
|
28
40
|
var _useState3 = (0, _react.useState)(false),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
41
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
42
|
+
modalSearch = _useState4[0],
|
|
43
|
+
setModalSearch = _useState4[1];
|
|
44
|
+
|
|
32
45
|
var mobile = (0, _reactResponsive.useMediaQuery)({
|
|
33
46
|
minWidth: 0,
|
|
34
47
|
maxWidth: 543
|
|
35
48
|
});
|
|
49
|
+
|
|
36
50
|
function searchForDataset(e) {
|
|
37
51
|
e.preventDefault();
|
|
52
|
+
|
|
38
53
|
if (window) {
|
|
39
54
|
if (window.location.pathname !== '/datasets') {
|
|
40
55
|
navigate("/datasets?fulltext=".concat(modalSearchTerm));
|
|
@@ -44,6 +59,7 @@ var SearchModal = function SearchModal(_ref) {
|
|
|
44
59
|
}
|
|
45
60
|
}
|
|
46
61
|
}
|
|
62
|
+
|
|
47
63
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
|
|
48
64
|
variation: "transparent",
|
|
49
65
|
inversed: inversedSearchButton,
|
|
@@ -89,6 +105,7 @@ var SearchModal = function SearchModal(_ref) {
|
|
|
89
105
|
className: "full-text ds-u-display--none ds-u-sm-display--inline-block"
|
|
90
106
|
}, "Search")))));
|
|
91
107
|
};
|
|
108
|
+
|
|
92
109
|
SearchModal.defaultProps = {
|
|
93
110
|
appNodeId: 'App',
|
|
94
111
|
buttonSize: null,
|
|
@@ -1,25 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports["default"] = void 0;
|
|
11
|
+
|
|
9
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
10
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
+
|
|
11
16
|
var _designSystem = require("@cmsgov/design-system");
|
|
17
|
+
|
|
12
18
|
var _NavLink = _interopRequireDefault(require("../NavLink"));
|
|
19
|
+
|
|
13
20
|
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); }
|
|
21
|
+
|
|
14
22
|
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; }
|
|
23
|
+
|
|
15
24
|
var SubMenu = function SubMenu(_ref) {
|
|
16
25
|
var link = _ref.link,
|
|
17
|
-
|
|
18
|
-
|
|
26
|
+
linkClasses = _ref.linkClasses,
|
|
27
|
+
wrapLabel = _ref.wrapLabel;
|
|
28
|
+
|
|
19
29
|
var _useState = (0, _react.useState)(false),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
30
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
31
|
+
isExpanded = _useState2[0],
|
|
32
|
+
setIsExapanded = _useState2[1];
|
|
33
|
+
|
|
23
34
|
var innerHtml = wrapLabel ? /*#__PURE__*/_react["default"].createElement("span", null, link.label) : link.label;
|
|
24
35
|
var menu = (0, _react.useRef)();
|
|
25
36
|
(0, _react.useEffect)(function () {
|
|
@@ -28,15 +39,18 @@ var SubMenu = function SubMenu(_ref) {
|
|
|
28
39
|
setIsExapanded(false);
|
|
29
40
|
}
|
|
30
41
|
}
|
|
42
|
+
|
|
31
43
|
function handleFocusOut(event) {
|
|
32
44
|
if (menu.current && !menu.current.contains(event.relatedTarget)) {
|
|
33
45
|
setIsExapanded(false);
|
|
34
46
|
}
|
|
35
47
|
}
|
|
48
|
+
|
|
36
49
|
document.addEventListener('mousedown', handleClickOutside);
|
|
37
50
|
menu.current.addEventListener('focusout', handleFocusOut);
|
|
38
51
|
return function () {
|
|
39
52
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
53
|
+
|
|
40
54
|
if (menu.current) {
|
|
41
55
|
menu.current.removeEventListener('focusout', handleFocusOut);
|
|
42
56
|
}
|
|
@@ -67,5 +81,6 @@ var SubMenu = function SubMenu(_ref) {
|
|
|
67
81
|
}));
|
|
68
82
|
})));
|
|
69
83
|
};
|
|
84
|
+
|
|
70
85
|
var _default = SubMenu;
|
|
71
86
|
exports["default"] = _default;
|
|
@@ -1,21 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var TransformedDate = function TransformedDate(_ref) {
|
|
10
13
|
var date = _ref.date,
|
|
11
|
-
|
|
14
|
+
options = _ref.options;
|
|
12
15
|
var rawDate = new Date(date);
|
|
13
16
|
var modifiedDate = '';
|
|
17
|
+
|
|
14
18
|
if (rawDate) {
|
|
15
19
|
modifiedDate = rawDate.toLocaleDateString('en-US', options);
|
|
16
20
|
}
|
|
21
|
+
|
|
17
22
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, modifiedDate);
|
|
18
23
|
};
|
|
24
|
+
|
|
19
25
|
TransformedDate.defaultProps = {
|
|
20
26
|
options: {
|
|
21
27
|
year: 'numeric',
|
|
@@ -1,22 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
9
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
10
14
|
var _react = require("react");
|
|
15
|
+
|
|
11
16
|
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; }
|
|
17
|
+
|
|
12
18
|
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; }
|
|
19
|
+
|
|
13
20
|
var useAddLoginLink = function useAddLoginLink(hosts, menuItems, targetKey, loginLinkObj) {
|
|
14
21
|
var _useState = (0, _react.useState)(_objectSpread({}, menuItems)),
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
23
|
+
linksArray = _useState2[0],
|
|
24
|
+
setLinksArray = _useState2[1];
|
|
25
|
+
|
|
18
26
|
(0, _react.useEffect)(function () {
|
|
19
27
|
var localLinks = _objectSpread({}, menuItems);
|
|
28
|
+
|
|
20
29
|
if (hosts.findIndex(function (host) {
|
|
21
30
|
return host === window.location.host;
|
|
22
31
|
}) > -1) {
|
|
@@ -30,5 +39,6 @@ var useAddLoginLink = function useAddLoginLink(hosts, menuItems, targetKey, logi
|
|
|
30
39
|
}, [linksArray]);
|
|
31
40
|
return linksArray;
|
|
32
41
|
};
|
|
42
|
+
|
|
33
43
|
var _default = useAddLoginLink;
|
|
34
44
|
exports["default"] = _default;
|
|
@@ -4,14 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = require("react");
|
|
9
|
+
|
|
8
10
|
var _reactRouterDom = require("react-router-dom");
|
|
11
|
+
|
|
9
12
|
var useScrollToTop = function useScrollToTop() {
|
|
10
13
|
var _useLocation = (0, _reactRouterDom.useLocation)(),
|
|
11
|
-
|
|
14
|
+
pathname = _useLocation.pathname;
|
|
15
|
+
|
|
12
16
|
(0, _react.useEffect)(function () {
|
|
13
17
|
window.scrollTo(0, 0);
|
|
14
18
|
}, [pathname]);
|
|
15
19
|
};
|
|
20
|
+
|
|
16
21
|
var _default = useScrollToTop;
|
|
17
22
|
exports["default"] = _default;
|