@civicactions/cmsds-open-data-components 3.4.1 → 3.4.3-alpha.1

package/dist/main.js

@@ -2,7 +2,6 @@ import "./main.css";
 import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
 import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, createContext as $hgUW1$createContext, useMemo as $hgUW1$useMemo, useContext as $hgUW1$useContext, useCallback as $hgUW1$useCallback} from "react";
 import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Dialog as $hgUW1$Dialog, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
-import $hgUW1$proptypes from "prop-types";
 import {NavLink as $hgUW1$NavLink, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate} from "react-router-dom";
 import $hgUW1$qs from "qs";
 import $hgUW1$swaggeruireact from "swagger-ui-react";
@@ -12,6 +11,7 @@ import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryCli
 import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
 import $hgUW1$dompurify from "dompurify";
 import $hgUW1$lodashtruncate from "lodash.truncate";
+import $hgUW1$proptypes from "prop-types";
 import {createColumnHelper as $hgUW1$createColumnHelper, useReactTable as $hgUW1$useReactTable, getCoreRowModel as $hgUW1$getCoreRowModel, getFilteredRowModel as $hgUW1$getFilteredRowModel, getPaginationRowModel as $hgUW1$getPaginationRowModel, getSortedRowModel as $hgUW1$getSortedRowModel, flexRender as $hgUW1$flexRender} from "@tanstack/react-table";
 import {KeyboardSensor as $hgUW1$KeyboardSensor, PointerSensor as $hgUW1$PointerSensor, useSensors as $hgUW1$useSensors, useSensor as $hgUW1$useSensor, DndContext as $hgUW1$DndContext, closestCenter as $hgUW1$closestCenter} from "@dnd-kit/core";
 import {sortableKeyboardCoordinates as $hgUW1$sortableKeyboardCoordinates, arrayMove as $hgUW1$arrayMove, SortableContext as $hgUW1$SortableContext, verticalListSortingStrategy as $hgUW1$verticalListSortingStrategy, useSortable as $hgUW1$useSortable} from "@dnd-kit/sortable";
@@ -35,8 +35,7 @@ function $parcel$interopDefault(a) {
 
 
 
-
-const $24918217e48ac525$var$NavLink = ({ link: link, className: className, wrapLabel: wrapLabel, clickHandler: clickHandler })=>{
+const $24918217e48ac525$var$NavLink = ({ link: link, className: className = null, wrapLabel: wrapLabel = false, clickHandler: clickHandler })=>{
     const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
         children: link.label
     }) : link.label;
@@ -48,21 +47,6 @@ const $24918217e48ac525$var$NavLink = ({ link: link, className: className, wrapL
     });
 // }
 };
-$24918217e48ac525$var$NavLink.defaultProps = {
-    wrapLabel: false,
-    className: null
-};
-$24918217e48ac525$var$NavLink.propTypes = {
-    link: (0, $hgUW1$proptypes).shape({
-        url: (0, $hgUW1$proptypes).string,
-        label: (0, $hgUW1$proptypes).string,
-        nonReactLink: (0, $hgUW1$proptypes).bool
-    }).isRequired,
-    className: (0, $hgUW1$proptypes).string,
-    /**
-   * Will wrap the link label in a span for help with styling.
-   */ wrapLabel: (0, $hgUW1$proptypes).bool
-};
 var $24918217e48ac525$export$2e2bcd8739ae039 = $24918217e48ac525$var$NavLink;
 
 
@@ -122,7 +106,7 @@ var $4f153ca537d853e5$export$2e2bcd8739ae039 = $4f153ca537d853e5$var$SubMenu;
 
 
 
-const $f57121650539d8c5$var$NavBar = ({ links: links, menuName: menuName, menuId: menuId, menuClasses: menuClasses, linkClasses: linkClasses, wrapLabel: wrapLabel, clickHandler: clickHandler })=>{
+const $f57121650539d8c5$var$NavBar = ({ links: links, menuName: menuName, menuId: menuId, menuClasses: menuClasses, linkClasses: linkClasses, wrapLabel: wrapLabel = false, clickHandler: clickHandler })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
         className: `dc-c-${menuId}-menu`,
         "aria-labelledby": `dc-c-${menuId}-menu--heading`,
@@ -153,9 +137,6 @@ const $f57121650539d8c5$var$NavBar = ({ links: links, menuName: menuName, menuId
         ]
     });
 };
-$f57121650539d8c5$var$NavBar.defaultProps = {
-    wrapLabel: false
-};
 var $f57121650539d8c5$export$2e2bcd8739ae039 = $f57121650539d8c5$var$NavBar;
 
 
@@ -219,7 +200,7 @@ var $c49454ea7d1c4579$export$2e2bcd8739ae039 = $c49454ea7d1c4579$var$ErrorBounda
 
 
 
-const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth, additionalParams: additionalParams, rootUrl: rootUrl })=>{
+const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth = true, additionalParams: additionalParams, rootUrl: rootUrl })=>{
     const hasACA = additionalParams && additionalParams.ACA ? true : false;
     let params = {
         authentication: hideAuth ? false : undefined,
@@ -237,9 +218,6 @@ const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth, additionalParams: a
         })
     });
 };
-$c96c4b9ef7203c1f$var$APIPage.defaultProps = {
-    hideAuth: true
-};
 var $c96c4b9ef7203c1f$export$2e2bcd8739ae039 = $c96c4b9ef7203c1f$var$APIPage;
 
 
@@ -302,7 +280,13 @@ var $026cb986f9fea2b1$export$2e2bcd8739ae039 = $026cb986f9fea2b1$var$PageNotFoun
 
 
 
-const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)();
+const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)({
+    defaultOptions: {
+        queries: {
+            refetchOnWindowFocus: false
+        }
+    }
+});
 const $61ff88fb3f6ee2c8$var$withQueryProvider = (WrappedComponent)=>(props)=>{
         return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$QueryClientProvider), {
             client: $61ff88fb3f6ee2c8$var$queryClient,
@@ -552,7 +536,12 @@ var $b38839fd67928f42$export$2e2bcd8739ae039 = $b38839fd67928f42$var$SearchItemI
 
 
 
-const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date, options: options })=>{
+const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date, options: options = {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    timeZone: "UTC"
+} })=>{
     const rawDate = new Date(date);
     let modifiedDate = "";
     if (rawDate) modifiedDate = rawDate.toLocaleDateString("en-US", options);
@@ -560,14 +549,6 @@ const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date, options: options })
         children: modifiedDate
     });
 };
-$bd76a91923d7e8a7$var$TransformedDate.defaultProps = {
-    options: {
-        year: "numeric",
-        month: "long",
-        day: "numeric",
-        timeZone: "UTC"
-    }
-};
 var $bd76a91923d7e8a7$export$2e2bcd8739ae039 = $bd76a91923d7e8a7$var$TransformedDate;
 
 
@@ -906,7 +887,10 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, addit
 
 
 const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
-    const { rootUrl: rootUrl, surveyLink: surveyLink, additionalParams: additionalParams, enableSort: enableSort, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort, pageTitle: pageTitle, filterTitle: filterTitle, showLargeFileWarning: showLargeFileWarning, largeFileThemes: largeFileThemes, introText: introText, showDownloadIcon: showDownloadIcon, altMobileSearchButton: altMobileSearchButton } = props;
+    const { rootUrl: rootUrl, surveyLink: surveyLink, additionalParams: additionalParams, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
+        defaultSort: "modified",
+        defaultOrder: "desc"
+    }, pageTitle: pageTitle = "Dataset Explorer", filterTitle: filterTitle = "Tags", showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = "", showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton } = props;
     const sortOptions = [
         {
             label: "Newest",
@@ -1252,40 +1236,6 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         ]
     });
 };
-$e873081a6e8f024e$var$DatasetSearch.defaultProps = {
-    pageTitle: "Dataset Explorer",
-    introText: "",
-    fulltextLabel: "Search term",
-    fulltextLabelClassName: "ds-u-visibility--screen-reader",
-    fulltextPlaceholder: "Search datasets",
-    filterTitle: "Tags",
-    formClassName: "ds-u-display--flex ds-u-justify-content--between ds-u-margin-bottom--2",
-    enableSort: true,
-    sortOptions: [
-        {
-            label: "Newest",
-            value: "newest"
-        },
-        {
-            label: "Oldest",
-            value: "oldest"
-        },
-        {
-            label: "Title A-Z",
-            value: "titleAZ"
-        },
-        {
-            label: "Title Z-A",
-            value: "titleZA"
-        }
-    ],
-    defaultSort: {
-        defaultSort: "modified",
-        defaultOrder: "desc"
-    },
-    showLargeFileWarning: false,
-    showDownloadIcon: false
-};
 var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($e873081a6e8f024e$var$DatasetSearch);
 
 
@@ -2490,7 +2440,8 @@ const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionaryEndpoint: datas
         enabled: datasetDictionaryEndpoint !== undefined
     });
     const datasetDictionary = data && data.data && data.data.fields && data.data.fields.length ? data.data.fields : null;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        "data-testid": "dataset-dictionary-tab",
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
                 className: "ds-text-heading--2xl ds-u-margin-y--3",
@@ -3296,7 +3247,7 @@ function $7264a673914aa746$export$2b9377795161999(type) {
 
 
 
-const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className })=>{
+const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className = "data-table-results" })=>{
     const numTotalRows = totalRows;
     if (numTotalRows === 0) return /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
         className: className,
@@ -3330,9 +3281,6 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limi
         ]
     });
 };
-$2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
-    className: "data-table-results"
-};
 $2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
     className: (0, $hgUW1$proptypes).string,
     totalRows: (0, $hgUW1$proptypes).number.isRequired,
@@ -3704,7 +3652,7 @@ function $ee4ad47aa483e5b5$var$updateQueryForDatastore(condition) {
     if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
     return cond;
 }
-const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams, customColumns: customColumns, isModal: isModal = false })=>{
+const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams = false, customColumns: customColumns, isModal: isModal = false })=>{
     const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
     const fields = Object.keys(schema[id].fields);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
@@ -3865,9 +3813,6 @@ const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, includ
         })
     });
 };
-$ee4ad47aa483e5b5$var$QueryBuilder.defaultProps = {
-    includeSearchParams: true
-};
 var $ee4ad47aa483e5b5$export$2e2bcd8739ae039 = $ee4ad47aa483e5b5$var$QueryBuilder;
 
 
@@ -4104,7 +4049,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
                             })
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-l-md-col--12 ds-u-color--gray ds-u-margin-y--1 ds-u-text-align--right",
+                            className: "ds-l-md-col--12 ds-u-margin-y--1 ds-u-text-align--right",
                             children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
                                 className: "ds-u-margin--0",
                                 children: [
@@ -4183,7 +4128,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
                                         metadataMapping: metadataMapping
                                     })
                                 }),
-                                displayDataDictionaryTab && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
+                                /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TabPanel), {
                                     id: "data-dictionary",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
@@ -4195,13 +4140,18 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
                                         ]
                                     }),
                                     className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6012b86ffcaf3f71$export$2e2bcd8739ae039), {
-                                        datasetSitewideDictionary: datasetSitewideDictionary,
-                                        datasetDictionaryEndpoint: distribution.data.describedBy,
-                                        title: "Data Dictionary",
-                                        additionalParams: additionalParams,
-                                        csvDownload: dataDictionaryCSV
-                                    })
+                                    children: [
+                                        displayDataDictionaryTab && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6012b86ffcaf3f71$export$2e2bcd8739ae039), {
+                                            datasetSitewideDictionary: datasetSitewideDictionary,
+                                            datasetDictionaryEndpoint: distribution.data.describedBy,
+                                            title: "Data Dictionary",
+                                            additionalParams: additionalParams,
+                                            csvDownload: dataDictionaryCSV
+                                        }),
+                                        !displayDataDictionaryTab && /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                            children: "There is no Data Dictionary associated with this dataset."
+                                        })
+                                    ]
                                 }),
                                 distribution && distribution.data && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
                                     id: "api",
@@ -4251,7 +4201,7 @@ var $a0f13962e513caa1$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
-const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc, appNodeId: appNodeId, headingText: headingText, searchModalText: searchModalText, buttonSize: buttonSize, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton })=>{
+const $e5bfafc6d4e6f207$var$SearchModal = ({ headingText: headingText = "Dataset Search", buttonSize: buttonSize = null, inversedSearchButton: inversedSearchButton = true })=>{
     const navigate = (0, $hgUW1$useNavigate)();
     const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)("");
     const [modalSearch, setModalSearch] = (0, $hgUW1$useState)(false);
@@ -4324,13 +4274,6 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc, appNodeId:
         ]
     });
 };
-$e5bfafc6d4e6f207$var$SearchModal.defaultProps = {
-    appNodeId: "App",
-    buttonSize: null,
-    inversedModalButton: true,
-    inversedSearchButton: true,
-    headingText: "Dataset Search"
-};
 var $e5bfafc6d4e6f207$export$2e2bcd8739ae039 = $e5bfafc6d4e6f207$var$SearchModal;
 
 
@@ -4338,7 +4281,13 @@ var $52466563e0d69ea8$exports = {};
 $52466563e0d69ea8$exports = new URL("CMSGovLogo-O.90ce815c.png", import.meta.url).toString();
 
 
-const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName, headerClasses: headerClasses, linkClasses: linkClasses, links: links, org: org, searchModalText: searchModalText, customSearch: customSearch, includeTopNav: includeTopNav, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton, includeSearch: includeSearch })=>{
+const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName, headerClasses: headerClasses, linkClasses: linkClasses = "ds-u-xl-margin-right--4 ds-u-margin-right--3 ds-u-padding-y--3", links: links, org: org = {
+    tagline: "The Centers for Medicare & Medicaid Services",
+    url: "https://cms.gov",
+    urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
+    logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
+    logoAltText: "CMS.gov Centers for Medicare & Medicaid Services"
+}, searchModalText: searchModalText, customSearch: customSearch = false, includeTopNav: includeTopNav = true, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton })=>{
     const { url: url, tagline: tagline, logo: logo, urlTitle: urlTitle, logoAltText: logoAltText } = org;
     const headerClassString = headerClasses ?? "dc-c-header ds-base";
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("header", {
@@ -4422,19 +4371,6 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName, headerClasses
         ]
     });
 };
-$2db98b8f69058a30$var$DesktopHeader.defaultProps = {
-    org: {
-        tagline: "The Centers for Medicare & Medicaid Services",
-        url: "https://cms.gov",
-        urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
-        logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
-        logoAltText: "CMS.gov Centers for Medicare & Medicaid Services"
-    },
-    includeTopNav: true,
-    customSearch: false,
-    linkClasses: "ds-u-xl-margin-right--4 ds-u-margin-right--3 ds-u-padding-y--3",
-    includeSearch: true
-};
 $2db98b8f69058a30$var$DesktopHeader.propTypes = {
     siteName: (0, $hgUW1$proptypes).node.isRequired,
     includeTopNav: (0, $hgUW1$proptypes).bool,
@@ -4460,7 +4396,14 @@ $972485213997ff8b$exports = new URL("CMSgov@2x-white-O.78cd05d3.png", import.met
 
 
 let $caaccb8ea608e518$var$mobileHeaderMenuClassName = "dc-c-mobile-header--menu";
-const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName, links: links, org: org, searchModalText: searchModalText, customSearch: customSearch = false, includeTopNav: includeTopNav, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton, includeSearch: includeSearch })=>{
+const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName, links: links, org: org = {
+    tagline: "The Centers for Medicare and Medicaid Services",
+    url: "https://cms.gov",
+    urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
+    logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
+    logoAltText: "CMS.gov Centers for Medicare & Medicaid Services",
+    inverseLogo: (0, (/*@__PURE__*/$parcel$interopDefault($972485213997ff8b$exports)))
+}, searchModalText: searchModalText, customSearch: customSearch = false, includeTopNav: includeTopNav = true, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton, includeSearch: includeSearch = true })=>{
     const { url: url, logo: logo, urlTitle: urlTitle, logoAltText: logoAltText, inverseLogo: inverseLogo } = org;
     const [menuOpen, setMenuOpen] = (0, $hgUW1$useState)(false);
     const mobile = (0, $hgUW1$useMediaQuery)({
@@ -4666,25 +4609,13 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName, links: links,
         ]
     });
 };
-$caaccb8ea608e518$var$MobileHeader.defaultProps = {
-    org: {
-        tagline: "The Centers for Medicare and Medicaid Services",
-        url: "https://cms.gov",
-        urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
-        logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
-        logoAltText: "CMS.gov Centers for Medicare & Medicaid Services",
-        inverseLogo: (0, (/*@__PURE__*/$parcel$interopDefault($972485213997ff8b$exports)))
-    },
-    includeTopNav: true,
-    includeSearch: true
-};
 var $caaccb8ea608e518$export$2e2bcd8739ae039 = $caaccb8ea608e518$var$MobileHeader;
 
 
 
 
 
-const $a5a6a06d249c33b8$var$Header = ({ mobileMaxWidth: mobileMaxWidth, desktopMinWidth: desktopMinWidth, siteName: siteName, links: links, org: org, includeTopNav: includeTopNav })=>{
+const $a5a6a06d249c33b8$var$Header = ({ mobileMaxWidth: mobileMaxWidth = 1023, desktopMinWidth: desktopMinWidth = 1024, siteName: siteName, links: links, org: org, includeTopNav: includeTopNav = true })=>{
     const mobile = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: mobileMaxWidth
@@ -4709,11 +4640,6 @@ const $a5a6a06d249c33b8$var$Header = ({ mobileMaxWidth: mobileMaxWidth, desktopM
         ]
     });
 };
-$a5a6a06d249c33b8$var$Header.defaultProps = {
-    mobileMaxWidth: 1023,
-    desktopMinWidth: 1024,
-    includeTopNav: true
-};
 var $a5a6a06d249c33b8$export$2e2bcd8739ae039 = $a5a6a06d249c33b8$var$Header;
 
 
@@ -4724,7 +4650,17 @@ var $a5a6a06d249c33b8$export$2e2bcd8739ae039 = $a5a6a06d249c33b8$var$Header;
 
 
 
-const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail, emailTitle: emailTitle, emailBody: emailBody, emailLink: emailLink, emailButton: emailButton, socialMediaLinks: socialMediaLinks, hhsLogo: hhsLogo, cmsLogo: cmsLogo, trademarkContent: trademarkContent })=>{
+const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = true, emailTitle: emailTitle = "Get Email Updates", emailBody: emailBody = "Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.", emailLink: emailLink = "", emailButton: emailButton = "Sign up for email updates", socialMediaLinks: socialMediaLinks = null, hhsLogo: hhsLogo, cmsLogo: cmsLogo, trademarkContent: trademarkContent = /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+    children: [
+        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+            children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
+        }),
+        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+            className: "ds-u-padding-bottom--2",
+            children: "7500 Security Boulevard, Baltimore, MD 21244"
+        })
+    ]
+}) })=>{
     const { footerOpenDataToolLinks: footerOpenDataToolLinks, footerAdditionalResourcesLinks: footerAdditionalResourcesLinks, footerUtilityLinks: footerUtilityLinks } = links;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("footer", {
         className: "dc-c-footer",
@@ -5110,25 +5046,6 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail, emai
         ]
     });
 };
-$a6df0aa147323304$var$Footer.defaultProps = {
-    showEmail: true,
-    emailTitle: "Get Email Updates",
-    emailBody: "Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.",
-    emailLink: "",
-    emailButton: "Sign up for email updates",
-    socialMediaLinks: null,
-    trademarkContent: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                className: "ds-u-padding-bottom--2",
-                children: "7500 Security Boulevard, Baltimore, MD 21244"
-            })
-        ]
-    })
-};
 $a6df0aa147323304$var$Footer.propTypes = {
     showEmail: (0, $hgUW1$proptypes).bool,
     emailTitle: (0, $hgUW1$proptypes).string,
@@ -5298,7 +5215,7 @@ const $c7bf75f7e8a68780$export$7850f4d545d994c6 = [
 
 
 const $669d2782ec2e2250$var$SpecsAndLimits = (props)=>{
-    const { documentationList: documentationList, children: children } = props;
+    const { documentationList: documentationList = (0, $c7bf75f7e8a68780$export$7850f4d545d994c6), children: children } = props;
     const defaultContent = /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
         children: "Some datasets are extremely large and may be difficult to download and/or cause computer performance issues. The Centers for Medicare and Medicaid Services (CMS) recommends using WinZip, WinRAR, or 7-Zip for file decompression."
     });
@@ -5350,12 +5267,6 @@ const $669d2782ec2e2250$var$SpecsAndLimits = (props)=>{
         })
     });
 };
-$669d2782ec2e2250$var$SpecsAndLimits.defaultProps = {
-    documentationList: (0, $c7bf75f7e8a68780$export$7850f4d545d994c6),
-    content: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-        children: "Some datasets are extremely large and may be difficult to download and/or cause computer performance issues. The Centers for Medicare and Medicaid Services (CMS) recommends using WinZip, WinRAR, or 7-Zip for file decompression."
-    })
-};
 var $669d2782ec2e2250$export$2e2bcd8739ae039 = $669d2782ec2e2250$var$SpecsAndLimits;
 
 
@@ -5463,7 +5374,7 @@ var $efc410f5f7ac5ef3$export$2e2bcd8739ae039 = $efc410f5f7ac5ef3$var$useSearchAP
 
 
 
-const $59a079354baa335c$var$Hero = ({ title: title, description: description, searchUrl: searchUrl, searchKey: searchKey, textfieldLabel: textfieldLabel, searchButtonText: searchButtonText })=>{
+const $59a079354baa335c$var$Hero = ({ title: title, description: description, searchUrl: searchUrl = "datasets", searchKey: searchKey = "fulltext", textfieldLabel: textfieldLabel = "Search for a dataset", searchButtonText: searchButtonText = "Search" })=>{
     const navigate = (0, $hgUW1$useNavigate)();
     const [searchValue, setSearchValue] = (0, $hgUW1$react).useState("");
     function submitHero(e) {
@@ -5537,12 +5448,6 @@ const $59a079354baa335c$var$Hero = ({ title: title, description: description, se
         })
     });
 };
-$59a079354baa335c$var$Hero.defaultProps = {
-    searchKey: "fulltext",
-    searchUrl: "datasets",
-    textfieldLabel: "Search for a dataset",
-    searchButtonText: "Search"
-};
 var $59a079354baa335c$export$2e2bcd8739ae039 = $59a079354baa335c$var$Hero;
 
 
@@ -5595,8 +5500,12 @@ var $1e012d1e3b534af0$export$2e2bcd8739ae039 = $1e012d1e3b534af0$var$DataTableDe
 
 
 
-const $7848c69a021266f7$var$DataTableRowChanger = (props)=>{
-    const { limit: limit, rowOptions: rowOptions, setLimit: setLimit } = props;
+const $7848c69a021266f7$var$DataTableRowChanger = ({ limit: limit, rowOptions: rowOptions = [
+    10,
+    25,
+    50,
+    100
+], setLimit: setLimit })=>{
     const rowOptionsFormatted = rowOptions.map((row)=>({
             label: row.toString(),
             value: row.toString()
@@ -5613,14 +5522,6 @@ const $7848c69a021266f7$var$DataTableRowChanger = (props)=>{
         })
     });
 };
-$7848c69a021266f7$var$DataTableRowChanger.defaultProps = {
-    rowOptions: [
-        10,
-        25,
-        50,
-        100
-    ]
-};
 $7848c69a021266f7$var$DataTableRowChanger.propTypes = {
     rowOptions: (0, $hgUW1$proptypes).arrayOf((0, $hgUW1$proptypes).number),
     setLimit: (0, $hgUW1$proptypes).func.isRequired,
@@ -5864,7 +5765,7 @@ function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header, a
         value: filterValue || ""
     });
 }
-const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id: id, canResize: canResize })=>{
+const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id: id, canResize: canResize = true })=>{
     const { resource: resource, customColumns: customColumns } = (0, $hgUW1$useContext)((0, $a0f13962e513caa1$export$a7997ae78b143b));
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         id: "resource-preview",
@@ -5879,17 +5780,6 @@ const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id:
         })
     });
 };
-$626282d9a03c51d5$var$ResourcePreview.defaultProps = {
-    options: {
-        layout: "flex",
-        columnFilter: false,
-        columnSort: true,
-        columnResize: true
-    },
-    truncateCellHeader: true,
-    defaultSort: [],
-    canResize: true
-};
 var $626282d9a03c51d5$export$2e2bcd8739ae039 = $626282d9a03c51d5$var$ResourcePreview;
 
 
@@ -6123,7 +6013,7 @@ function $3b6ca952e79f0695$var$updateQueryForDatastore(condition) {
     if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
     return cond;
 }
-const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams, customColumns: customColumns })=>{
+const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams = true, customColumns: customColumns })=>{
     const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
     const fields = Object.keys(schema[id].fields);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
@@ -6244,9 +6134,6 @@ const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, includ
         })
     });
 };
-$3b6ca952e79f0695$var$QueryBuilder.defaultProps = {
-    includeSearchParams: true
-};
 var $3b6ca952e79f0695$export$2e2bcd8739ae039 = $3b6ca952e79f0695$var$QueryBuilder;
 
 
@@ -6421,9 +6308,6 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
         })
     });
 };
-$dd6eb2b30d7ad75d$var$FilteredResourceBody.defaultProps = {
-    apiDocPage: "/api"
-};
 var $dd6eb2b30d7ad75d$export$2e2bcd8739ae039 = $dd6eb2b30d7ad75d$var$FilteredResourceBody;