@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.
Files changed (65) hide show
  1. package/dist/main.js +26 -71
  2. package/dist/main.js.map +1 -1
  3. package/dist/types.d.ts +6 -0
  4. package/dist/types.d.ts.map +1 -1
  5. package/lib/assets/icons/close.js +4 -0
  6. package/lib/assets/icons/copy.js +4 -0
  7. package/lib/assets/icons/download.js +4 -0
  8. package/lib/assets/icons/settings.js +5 -2
  9. package/lib/assets/metadataMapping.js +9 -0
  10. package/lib/commands/index.js +2 -0
  11. package/lib/commands/templates/footer.js +2 -0
  12. package/lib/components/ApiDocumentation/index.js +6 -0
  13. package/lib/components/Breadcrumb/index.js +8 -2
  14. package/lib/components/DataTableDensity/datatabledensity.test.js +5 -0
  15. package/lib/components/DataTableDensity/index.js +7 -1
  16. package/lib/components/DataTableRowChanger/datatablerowchanger.test.js +5 -0
  17. package/lib/components/DataTableRowChanger/index.js +8 -2
  18. package/lib/components/DatasetAdditionalInformation/index.js +17 -4
  19. package/lib/components/DatasetDownloads/datasetdownloads.test.js +5 -0
  20. package/lib/components/DatasetDownloads/index.js +6 -1
  21. package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js +14 -0
  22. package/lib/components/DatasetSearchFacets/index.js +26 -10
  23. package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js +9 -1
  24. package/lib/components/DatasetSearchListItem/index.js +17 -6
  25. package/lib/components/DatasetTags/datasettags.test.js +5 -0
  26. package/lib/components/DatasetTags/index.js +6 -0
  27. package/lib/components/Hero/index.js +18 -8
  28. package/lib/components/ManageColumns/index.js +13 -3
  29. package/lib/components/NavBar/index.js +55 -0
  30. package/lib/components/NavLink/index.js +11 -2
  31. package/lib/components/NavLink/navlink.test.js +6 -0
  32. package/lib/components/Pagination/index.js +46 -4
  33. package/lib/components/Pagination/pagination.test.js +478 -367
  34. package/lib/components/ResourceConditionField/ResourceConditionalField.test.js +5 -1
  35. package/lib/components/ResourceConditionField/index.js +62 -30
  36. package/lib/components/ResourceFilter/index.js +39 -10
  37. package/lib/components/ResourceFilter/resourcefilter.test.js +297 -234
  38. package/lib/components/ResourceFooter/index.js +11 -4
  39. package/lib/components/ResourceHeader/index.js +54 -30
  40. package/lib/components/ResourceInformation/index.js +6 -1
  41. package/lib/components/ResourcePreview/index.js +30 -13
  42. package/lib/components/SearchModal/index.js +28 -11
  43. package/lib/components/SubMenu/index.js +20 -5
  44. package/lib/components/TransformedDate/index.js +7 -1
  45. package/lib/components/useAddLoginLink/index.js +13 -3
  46. package/lib/components/useScrollToTop/index.js +6 -1
  47. package/lib/index.js +247 -0
  48. package/lib/templates/APIPage/index.js +6 -1
  49. package/lib/templates/Dataset/DatasetBody.js +42 -12
  50. package/lib/templates/Dataset/index.js +26 -7
  51. package/lib/templates/DatasetSearch/datasetsearch.test.js +70 -50
  52. package/lib/templates/DatasetSearch/index.js +83 -43
  53. package/lib/templates/DrupalPage/index.js +13 -6
  54. package/lib/templates/FilteredResource/FilteredResourceBody.js +43 -15
  55. package/lib/templates/FilteredResource/QueryBuilder.js +59 -17
  56. package/lib/templates/FilteredResource/QueryRow.js +43 -20
  57. package/lib/templates/FilteredResource/QueryTitle.js +18 -2
  58. package/lib/templates/FilteredResource/functions.js +17 -5
  59. package/lib/templates/FilteredResource/index.js +36 -16
  60. package/lib/templates/Footer/footer.test.js +7 -2
  61. package/lib/templates/Footer/index.js +23 -11
  62. package/lib/templates/PageNotFound/index.js +5 -1
  63. package/lib/templates/header/index.js +26 -17
  64. package/lib/templates/mobile_header/index.js +42 -22
  65. 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
- values = resource.values,
14
- offset = resource.offset,
15
- count = resource.count,
16
- setOffset = resource.setOffset;
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
- id = _ref.id,
27
- distribution = _ref.distribution,
28
- includeFiltered = _ref.includeFiltered,
29
- includeDensity = _ref.includeDensity,
30
- includeDownload = _ref.includeDownload,
31
- resource = _ref.resource,
32
- tablePadding = _ref.tablePadding,
33
- downloadUrl = _ref.downloadUrl;
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
- offset = resource.offset,
40
- count = resource.count,
41
- setLimit = resource.setLimit,
42
- setOffset = resource.setOffset;
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
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
46
- referenceElement = _useState2[0],
47
- setReferenceElement = _useState2[1];
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
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
50
- popperElement = _useState4[0],
51
- setPopperElement = _useState4[1];
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
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
54
- arrowElement = _useState6[0],
55
- setArrowElement = _useState6[1];
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
- modifiers: [{
58
- name: 'arrow',
59
- options: {
60
- element: arrowElement
61
- }
62
- }]
63
- }),
64
- styles = _usePopper.styles,
65
- attributes = _usePopper.attributes;
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
- columns = resource.columns;
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
- Header = _ref$column.Header,
30
- accessor = _ref$column.accessor,
31
- setFilter = _ref$column.setFilter,
32
- filterValue = _ref$column.filterValue;
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
- id = _ref2.id,
46
- options = _ref2.options,
47
- resource = _ref2.resource,
48
- defaultSort = _ref2.defaultSort,
49
- customColumns = _ref2.customColumns,
50
- truncateCellHeader = _ref2.truncateCellHeader,
51
- columnSettings = _ref2.columnSettings,
52
- columnWidths = _ref2.columnWidths,
53
- customClasses = _ref2.customClasses;
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
- appNodeId = _ref.appNodeId,
19
- searchModalText = _ref.searchModalText,
20
- buttonSize = _ref.buttonSize,
21
- inversedModalButton = _ref.inversedModalButton,
22
- inversedSearchButton = _ref.inversedSearchButton;
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
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
26
- modalSearchTerm = _useState2[0],
27
- setModalSearchTerm = _useState2[1];
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
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
30
- modalSearch = _useState4[0],
31
- setModalSearch = _useState4[1];
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
- linkClasses = _ref.linkClasses,
18
- wrapLabel = _ref.wrapLabel;
26
+ linkClasses = _ref.linkClasses,
27
+ wrapLabel = _ref.wrapLabel;
28
+
19
29
  var _useState = (0, _react.useState)(false),
20
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
21
- isExpanded = _useState2[0],
22
- setIsExapanded = _useState2[1];
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
- options = _ref.options;
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
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
16
- linksArray = _useState2[0],
17
- setLinksArray = _useState2[1];
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
- pathname = _useLocation.pathname;
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;