@civicactions/cmsds-open-data-components 3.0.0-alpha.7 → 3.0.0-alpha.9

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 (8) hide show
  1. package/README.md +20 -0
  2. package/dist/main.css +14 -1
  3. package/dist/main.css.map +1 -1
  4. package/dist/main.js +76 -69
  5. package/dist/main.js.map +1 -1
  6. package/dist/types.d.ts +18 -18
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +6 -5
package/dist/main.js CHANGED
@@ -167,6 +167,7 @@ var $f57121650539d8c5$export$2e2bcd8739ae039 = $f57121650539d8c5$var$NavBar;
167
167
 
168
168
 
169
169
 
170
+
170
171
  const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth , additionalParams: additionalParams , rootUrl: rootUrl })=>{
171
172
  const hasACA = additionalParams && additionalParams.ACA ? true : false;
172
173
  let params = {
@@ -479,7 +480,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
479
480
  ]
480
481
  }),
481
482
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
482
- className: "ds-l-col--12",
483
+ className: "ds-l-col--12 ds-text-heading--2xl",
483
484
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
484
485
  to: `/dataset/${identifier}`,
485
486
  children: title
@@ -495,7 +496,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
495
496
  })
496
497
  }),
497
498
  /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
498
- className: "ds-l-row ds-u-padding--0",
499
+ className: "ds-l-row ds-u-padding--0 ds-u-flex-direction--row",
499
500
  children: [
500
501
  /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
501
502
  className: linkContainerClasses,
@@ -576,6 +577,9 @@ var $52c6454cae137465$export$2e2bcd8739ae039 = $52c6454cae137465$var$DatasetSear
576
577
 
577
578
  const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
578
579
  const { facets: facets , title: title , onClickFunction: onClickFunction , selectedFacets: selectedFacets = [] } = props;
580
+ const filteredFacets = facets.filter((f)=>{
581
+ return Number(f.total) > 0 || selectedFacets.findIndex((i)=>i === f.name) !== -1;
582
+ });
579
583
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
580
584
  className: "dkan-dataset-search--facet-container ds-u-margin-bottom--4",
581
585
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
@@ -584,9 +588,7 @@ const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
584
588
  heading: title,
585
589
  defaultOpen: true,
586
590
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
587
- children: facets.filter((f)=>{
588
- return Number(f.total) > 0;
589
- }).map((f)=>{
591
+ children: filteredFacets.length ? filteredFacets.map((f)=>{
590
592
  return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
591
593
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
592
594
  className: "ds-u-margin-y--1",
@@ -598,6 +600,9 @@ const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
598
600
  onClick: ()=>onClickFunction(f.type, f.name)
599
601
  })
600
602
  }, f.name);
603
+ }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
604
+ className: "ds-h5",
605
+ children: "No matching facets found."
601
606
  })
602
607
  })
603
608
  })
@@ -668,7 +673,7 @@ const $5723016a5461c1ca$var$PageHeader = (props)=>{
668
673
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
669
674
  className: "ds-l-md-col--8",
670
675
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
671
- className: "dc-c-entity__name ds-h1 ds-u-margin-bottom--6",
676
+ className: "dc-c-entity__name ds-text-heading--3xl ds-u-margin-bottom--6",
672
677
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
673
678
  className: "ds-u-margin-right--2",
674
679
  "data-testid": "profile-full-name",
@@ -891,8 +896,11 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
891
896
  arrayFormat: "comma",
892
897
  encode: false
893
898
  })}`));
894
- if (data && totalItems != data.data.total) setTotalItems(data.data.total);
895
- const facets = (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data ? data.data.facets : []);
899
+ if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
900
+ const facets = data && data.data.facets ? (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data ? data.data.facets : []) : {
901
+ theme: null,
902
+ keyword: null
903
+ };
896
904
  return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
897
905
  children: [
898
906
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
@@ -985,7 +993,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
985
993
  children: [
986
994
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
987
995
  className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8",
988
- children: currentResultNumbers && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
996
+ children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
989
997
  className: "ds-u-margin-y--0",
990
998
  role: "region",
991
999
  "aria-live": "polite",
@@ -1023,7 +1031,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
1023
1031
  variation: "error",
1024
1032
  heading: "No results found."
1025
1033
  }),
1026
- data && Object.keys(data.data.results).map((key)=>{
1034
+ data && data.data.results ? Object.keys(data.data.results).map((key)=>{
1027
1035
  return data.data.results[key];
1028
1036
  }).map((item)=>{
1029
1037
  function getDownloadUrl(item) {
@@ -1039,10 +1047,13 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
1039
1047
  downloadUrl: showDownloadIcon ? getDownloadUrl(item) : null,
1040
1048
  largeFile: item.theme && item.theme.includes("General Payments")
1041
1049
  });
1050
+ }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
1051
+ variation: "error",
1052
+ heading: "Could not connect to the API."
1042
1053
  })
1043
1054
  ]
1044
1055
  }),
1045
- data && data.data.total != 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
1056
+ data && data.data.total && data.data.total != 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
1046
1057
  currentPage: Number(page),
1047
1058
  totalPages: Math.ceil(Number(data.data.total) / pageSize),
1048
1059
  onPageChange: (evt, page)=>{
@@ -1599,7 +1610,7 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows , lim
1599
1610
  });
1600
1611
  };
1601
1612
  $2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
1602
- className: "data-table-results"
1613
+ className: "data-table-results ds-u-margin-bottom--2"
1603
1614
  };
1604
1615
  $2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
1605
1616
  className: (0, $hgUW1$proptypes).string,
@@ -1670,7 +1681,7 @@ const $4def8e29c2039eb8$var$DataTableRowChanger = ({ setLimit: setLimit , rowOpt
1670
1681
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1671
1682
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
1672
1683
  options: rowOptions.map((row)=>({
1673
- label: row,
1684
+ label: row.toString(),
1674
1685
  value: row
1675
1686
  })),
1676
1687
  size: "small",
@@ -1785,6 +1796,7 @@ const $ec9e1550b0b034d0$var$SettingsIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("s
1785
1796
  var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIcon;
1786
1797
 
1787
1798
 
1799
+
1788
1800
  const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding , id: id , distribution: distribution , includeFiltered: includeFiltered , includeDensity: includeDensity , includeDownload: includeDownload , resource: resource , tablePadding: tablePadding , downloadUrl: downloadUrl })=>{
1789
1801
  const md = (0, $hgUW1$useMediaQuery)({
1790
1802
  minWidth: 0,
@@ -1870,7 +1882,7 @@ const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding
1870
1882
  ]
1871
1883
  }),
1872
1884
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
1873
- className: "ds-c-button ds-c-button--small ds-u-text-align--left",
1885
+ className: "ds-c-button ds-c-button--small ds-u-text-align--left display-settings-font",
1874
1886
  placement: "bottom",
1875
1887
  dialog: true,
1876
1888
  ariaLabel: "Display settings",
@@ -1917,12 +1929,12 @@ const $17193a17e26a72da$var$DatasetTags = ({ keywords: keywords })=>{
1917
1929
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
1918
1930
  children: [
1919
1931
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1920
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2",
1932
+ className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2",
1921
1933
  children: "Tags"
1922
1934
  }),
1923
1935
  keywords && keywords.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
1924
1936
  to: `/datasets?keyword[]=${k.data}`,
1925
- className: "dc-c-dataset-tags--tag ds-u-color--base ds-u-font-size--small ds-u-text-decoration--none ds-u-margin-right--1 ds-u-margin-bottom--1 ds-u-padding-x--2 ds-u-padding-y--1 ds-u-radius",
1937
+ className: "dc-c-dataset-tags--tag ds-u-color--base ds-u-font-size--sm ds-u-text-decoration--none ds-u-margin-right--1 ds-u-margin-bottom--1 ds-u-padding-x--2 ds-u-padding-y--1 ds-u-radius",
1926
1938
  children: k.data
1927
1939
  }, k.identifier))
1928
1940
  ]
@@ -1964,7 +1976,7 @@ const $f341c2fd9bc53390$var$DatasetDownloads = ({ dataDictionaryURL: dataDiction
1964
1976
  className: "ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1 dc-c-dataset-downloads",
1965
1977
  children: [
1966
1978
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1967
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2 ds-u-border ds-u-border-bottom--1",
1979
+ className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2 ds-u-border ds-u-border-bottom--1",
1968
1980
  children: "Downloads"
1969
1981
  }),
1970
1982
  (distributions.length || dataDictionaryURL && dataDictionaryType) && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
@@ -2018,6 +2030,7 @@ const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datas
2018
2030
  className: "dc-c-additional-info-table ds-u-margin-bottom--6",
2019
2031
  children: [
2020
2032
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2033
+ className: "ds-text-heading--2xl ds-u-margin-y--3",
2021
2034
  children: "Additional Information"
2022
2035
  }),
2023
2036
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -2091,6 +2104,7 @@ const $68eacd619bee0da7$var$ResourceInformation = ({ resource: resource })=>{
2091
2104
  className: "dc-c-resource-info-table",
2092
2105
  children: [
2093
2106
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2107
+ className: "ds-text-heading--2xl ds-u-margin-y--3",
2094
2108
  children: "About this Resource"
2095
2109
  }),
2096
2110
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -2310,7 +2324,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2310
2324
  className: "ds-l-row",
2311
2325
  children: [
2312
2326
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2313
- className: "ds-l-col--6",
2327
+ className: "ds-l-col--6 ds-u-margin-bottom--2",
2314
2328
  children: dataset.theme ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
2315
2329
  variation: "info",
2316
2330
  children: dataset.theme[0].data
@@ -2336,7 +2350,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2336
2350
  resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
2337
2351
  children: [
2338
2352
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2339
- className: "dc-resource-header",
2353
+ className: "dc-resource-header ds-text-heading--2xl ds-u-margin-y--3",
2340
2354
  children: "Resource Preview"
2341
2355
  }),
2342
2356
  resource.columns ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2386,6 +2400,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2386
2400
  ref: apiDocs,
2387
2401
  children: [
2388
2402
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2403
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
2389
2404
  children: "Try the API"
2390
2405
  }),
2391
2406
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
@@ -2412,7 +2427,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2412
2427
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
2413
2428
  children: [
2414
2429
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2415
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2",
2430
+ className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2",
2416
2431
  children: "API"
2417
2432
  }),
2418
2433
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
@@ -2785,19 +2800,12 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2785
2800
  children: "Search"
2786
2801
  })
2787
2802
  }),
2788
- modalSearch && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
2803
+ modalSearch && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
2789
2804
  className: "dc-c-search-dialog",
2790
2805
  onExit: ()=>setModalSearch(false),
2791
- getApplicationNode: ()=>document.getElementById(appNodeId),
2792
- closeButtonText: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2793
- children: "Close"
2794
- }),
2795
2806
  heading: `${headingText}`,
2796
- children: [
2797
- searchModalText && /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2798
- children: searchModalText
2799
- }),
2800
- /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2807
+ actions: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2808
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2801
2809
  className: "ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap",
2802
2810
  onSubmit: (e)=>{
2803
2811
  searchForDataset(e);
@@ -2827,7 +2835,7 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2827
2835
  })
2828
2836
  ]
2829
2837
  })
2830
- ]
2838
+ })
2831
2839
  })
2832
2840
  ]
2833
2841
  });
@@ -2884,7 +2892,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2884
2892
  links: links.topnav,
2885
2893
  menuName: "CMS Main Header",
2886
2894
  menuId: "cmsheader",
2887
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
2895
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm"
2888
2896
  })
2889
2897
  })
2890
2898
  ]
@@ -2899,7 +2907,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2899
2907
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2900
2908
  className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
2901
2909
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
2902
- className: "ds-c-link--inverse ds-h1",
2910
+ className: "ds-c-link--inverse ds-text-heading--3xl",
2903
2911
  to: "/",
2904
2912
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2905
2913
  className: "",
@@ -2912,7 +2920,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2912
2920
  wrapLabel: true,
2913
2921
  menuName: "CMS Site Main Nav",
2914
2922
  menuId: "site",
2915
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-align-items--center",
2923
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-align-items--center",
2916
2924
  linkClasses: linkClasses
2917
2925
  }),
2918
2926
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3045,7 +3053,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
3045
3053
  links: links.topnav,
3046
3054
  menuName: "CMS Main Header",
3047
3055
  menuId: "cmsheader",
3048
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
3056
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
3049
3057
  })
3050
3058
  })
3051
3059
  ]
@@ -3068,10 +3076,11 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
3068
3076
  }),
3069
3077
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3070
3078
  className: "ds-u-padding-y--3 dc-c-site-title",
3071
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
3079
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
3080
+ className: "ds-c-link--inverse ds-text-heading--3xl",
3072
3081
  to: "/",
3073
3082
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
3074
- className: "ds-h1",
3083
+ className: "",
3075
3084
  children: siteName
3076
3085
  })
3077
3086
  })
@@ -3123,7 +3132,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
3123
3132
  menuName: "Main Nav",
3124
3133
  menuId: "site",
3125
3134
  menuClasses: "dc-c-header--links dc-c-header--mobile-links",
3126
- linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-h5"
3135
+ linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-text-heading--md"
3127
3136
  }),
3128
3137
  mobile && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3129
3138
  className: "cms-mobile-header--container",
@@ -3134,7 +3143,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
3134
3143
  menuName: "CMS Main Header",
3135
3144
  menuId: "cms-mobile-header",
3136
3145
  linkClasses: "ds-u-margin-left--1 ds-u-margin-bottom--2",
3137
- menuClasses: "dc-c-header--links ds-u-font-size--small"
3146
+ menuClasses: "dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
3138
3147
  })
3139
3148
  ]
3140
3149
  })
@@ -3230,10 +3239,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3230
3239
  className: "ds-l-md-col--8",
3231
3240
  children: [
3232
3241
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3233
- className: "ds-h4",
3242
+ className: "ds-text-heading--lg",
3234
3243
  children: emailTitle
3235
3244
  }),
3236
3245
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
3246
+ className: "ds-u-padding-bottom--2",
3237
3247
  children: emailBody
3238
3248
  })
3239
3249
  ]
@@ -3259,9 +3269,10 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3259
3269
  className: "ds-l-row ds-u-margin--0",
3260
3270
  children: [
3261
3271
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3262
- className: `dc-c-footer__resources ds-l-md-col--7 ds-l-sm-col--12 ds-u-padding-top--7 ds-u-padding-bottom--4 ${md ? "ds-u-padding-x--0" : ""} ${sm ? "ds-u-padding-x--4" : ""}`,
3272
+ className: `dc-c-footer__resources ds-l-md-col--7 ds-l-sm-col--12 ds-u-padding-top--7 ds-u-padding-bottom--4
3273
+ ${xs ? "ds-u-padding-x--0" : ""}`,
3263
3274
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3264
- className: "ds-l-lg-col--9 ds-l-md-col--11 ds-u-padding-x--0",
3275
+ className: "ds-l-lg-col--9 ds-l-md-col--11",
3265
3276
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3266
3277
  className: `ds-u-display--flex ${xs ? "ds-u-flex-direction--column" : "ds-u-flex-direction--row"}`,
3267
3278
  children: [
@@ -3269,11 +3280,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3269
3280
  className: "ds-u-margin-right--6 ds-u-margin-bottom--2",
3270
3281
  children: [
3271
3282
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3272
- className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3283
+ className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3273
3284
  children: "Open data tools"
3274
3285
  }),
3275
3286
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3276
- className: "ds-u-font-size--small ds-u-margin-bottom--3",
3287
+ className: "ds-u-font-size--sm ds-u-margin-bottom--3",
3277
3288
  children: footerOpenDataToolLinks.map((link)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3278
3289
  className: "ds-u-margin-bottom--1",
3279
3290
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
@@ -3287,11 +3298,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3287
3298
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3288
3299
  children: [
3289
3300
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3290
- className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3301
+ className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3291
3302
  children: "Additional resources"
3292
3303
  }),
3293
3304
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3294
- className: "ds-u-font-size--small",
3305
+ className: "ds-u-font-size--sm",
3295
3306
  children: footerAdditionalResourcesLinks.filter((link)=>{
3296
3307
  const noOnClick = Object.keys(link).findIndex((l)=>l === "onClick");
3297
3308
  if (noOnClick === -1 || link.onClick && link.dataTag) return link;
@@ -3323,7 +3334,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3323
3334
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3324
3335
  className: `dc-c-footer__cms-information ds-l-md-col--5 ds-l-sm-col--12 ${md ? "ds-u-padding-left--7" : ""} ${sm ? " ds-u-padding-left--4" : ""} ds-u-padding-y--7`,
3325
3336
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3326
- className: "ds-u-font-size--small",
3337
+ className: "ds-u-font-size--sm",
3327
3338
  children: [
3328
3339
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3329
3340
  children: [
@@ -3364,7 +3375,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3364
3375
  }),
3365
3376
  trademarkContent,
3366
3377
  socialMediaLinks && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
3367
- className: "ds-u-display--flex",
3378
+ className: "ds-u-display--flex ds-u-flex-direction--row",
3368
3379
  children: [
3369
3380
  socialMediaLinks.facebook && socialMediaLinks.facebook.url && /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3370
3381
  className: "ds-u-margin-right--1",
@@ -3581,7 +3592,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3581
3592
  })
3582
3593
  }),
3583
3594
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3584
- className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--small",
3595
+ className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--sm",
3585
3596
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3586
3597
  className: "ds-l-row ",
3587
3598
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3615,6 +3626,7 @@ $a6df0aa147323304$var$Footer.defaultProps = {
3615
3626
  children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
3616
3627
  }),
3617
3628
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
3629
+ className: "ds-u-padding-bottom--2",
3618
3630
  children: "7500 Security Boulevard, Baltimore, MD 21244"
3619
3631
  })
3620
3632
  ]
@@ -4315,7 +4327,6 @@ var $ec3e23baa005dc03$export$2e2bcd8739ae039 = $ec3e23baa005dc03$var$Breadcrumb;
4315
4327
 
4316
4328
 
4317
4329
 
4318
-
4319
4330
 
4320
4331
 
4321
4332
  function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
@@ -4326,9 +4337,9 @@ function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
4326
4337
  return new Date();
4327
4338
  }
4328
4339
  const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index: index , update: update , remove: remove , propertyOptions: propertyOptions , schema: schema })=>{
4329
- const md = (0, $hgUW1$useMediaQuery)({
4340
+ const sm = (0, $hgUW1$useMediaQuery)({
4330
4341
  minWidth: 0,
4331
- maxWidth: 768
4342
+ maxWidth: 544
4332
4343
  });
4333
4344
  const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
4334
4345
  const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
@@ -4367,24 +4378,26 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4367
4378
  value
4368
4379
  ]);
4369
4380
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
4370
- className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center",
4381
+ className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-md-justify-content--end ds-u-align-items--center",
4371
4382
  children: [
4372
4383
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4373
4384
  options: propertyOptions,
4374
4385
  value: property,
4375
4386
  label: "Property",
4376
4387
  name: `${condition.key}_property`,
4377
- onChange: (e)=>setProperty(e.target.value)
4388
+ onChange: (e)=>setProperty(e.target.value),
4389
+ className: "ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-md-padding-right--2 ds-u-margin-bottom--0 ds-u-md-margin-bottom--2"
4378
4390
  }),
4379
4391
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4380
4392
  options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
4381
4393
  value: operator,
4382
- size: "small",
4383
4394
  label: "Operator",
4384
4395
  name: `${condition.key}_operator`,
4385
- onChange: (e)=>setOperator(e.target.value)
4396
+ onChange: (e)=>setOperator(e.target.value),
4397
+ className: "ds-l-sm-col--3 ds-l-md-col--2 ds-l-col--12 ds-u-padding--0 ds-u-md-padding-right--2 ds-u-margin-bottom--0 ds-u-md-margin-bottom--2"
4386
4398
  }),
4387
4399
  schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
4400
+ className: "ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-sm-padding-right--2 ds-u-md-padding-right--0 ds-u-lg-padding-right--2",
4388
4401
  children: [
4389
4402
  /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
4390
4403
  className: "ds-c-label",
@@ -4394,7 +4407,7 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4394
4407
  children: "Value"
4395
4408
  })
4396
4409
  }),
4397
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker).default, {
4410
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker), {
4398
4411
  name: `${condition.key}_date_value`,
4399
4412
  selected: (0, $7264a673914aa746$export$e284ae5d89467c8f)(startDate),
4400
4413
  onChange: (date)=>{
@@ -4412,22 +4425,14 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4412
4425
  label: "Value",
4413
4426
  name: `${condition.key}_value`,
4414
4427
  value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
4415
- onChange: (e)=>setValue(e.target.value)
4428
+ onChange: (e)=>setValue(e.target.value),
4429
+ className: "ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-sm-padding-right--2 ds-u-md-padding-right--0 ds-u-lg-padding-right--2 ds-u-margin-bottom--2"
4416
4430
  }),
4417
4431
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
4418
- variation: md ? "transparent" : null,
4419
- size: "small",
4420
- className: "ds-u-margin-top--3",
4432
+ className: "ds-u-margin-top--2 ds-u-sm-margin-top--4 ds-u-lg-margin-top--4 ds-u-md-margin-top--2 ds-l-col--12 ds-l-md-col--4 ds-l-lg-col--2 ds-l-sm-col--4",
4421
4433
  "aria-label": "Delete filter",
4422
4434
  onClick: ()=>remove(index),
4423
- children: !md ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
4424
- children: "Delete filter"
4425
- }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
4426
- children: [
4427
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $847b0964185837b2$export$2e2bcd8739ae039), {}),
4428
- " "
4429
- ]
4430
- })
4435
+ children: "Delete filter"
4431
4436
  })
4432
4437
  ]
4433
4438
  });
@@ -4503,6 +4508,7 @@ var $bef7bff2823feea2$export$2e2bcd8739ae039 = $bef7bff2823feea2$var$QueryTitle;
4503
4508
 
4504
4509
 
4505
4510
 
4511
+
4506
4512
  function $3b6ca952e79f0695$var$updateQueryForDatastore(condition) {
4507
4513
  let cond = condition;
4508
4514
  delete cond.key;
@@ -4751,6 +4757,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id , dataset: dataset
4751
4757
  ref: apiDocs,
4752
4758
  children: [
4753
4759
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
4760
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
4754
4761
  children: "Try the API"
4755
4762
  }),
4756
4763
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {