@civicactions/cmsds-open-data-components 3.6.1-oe → 3.6.1

package/dist/main.js

@@ -1,8 +1,8 @@
 import "./main.css";
-import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
+import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
+import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, 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, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, TableHead as $hgUW1$TableHead, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
 import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useMemo as $hgUW1$useMemo, useContext as $hgUW1$useContext, useCallback as $hgUW1$useCallback} from "react";
 import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link} from "react-router-dom";
-import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, 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 {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
 import $hgUW1$qs from "qs";
 import $hgUW1$swaggeruireact from "swagger-ui-react";
@@ -23,6 +23,35 @@ import "react-datepicker/dist/react-datepicker.css";
 // Components
 
 
+function $e49d4387bed21287$export$2e2bcd8739ae039() {
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "ds-u-padding-top--3",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
+            bordered: true,
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
+                heading: "Row Limit Warning",
+                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                    children: [
+                        'If you receive a 500 response from your API query it is most likely due to memory exhaustion. You may see a "Temporarily Unavailable" message. Make sure you include a limit appropriate to the speed of your connection, HTTP calls will time out if set too high and payloads for high limits can be very large. Complex queries should include a smaller limit value. Use the ',
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("strong", {
+                            children: "limit"
+                        }),
+                        " and ",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("strong", {
+                            children: "offset"
+                        }),
+                        " ",
+                        "parameters to iterate through result sets that are larger than the row limit when running queries against the datastore API."
+                    ]
+                })
+            }, "1")
+        })
+    });
+}
+
+
+
+
 
 
 
@@ -1192,8 +1221,11 @@ const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
                 contentClassName: "ds-u-padding-left--1 ds-u-padding-right--0",
                 heading: title,
                 defaultOpen: true,
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                    children: filteredFacets.length ? filteredFacets.map((f)=>{
+                children: !filteredFacets.length ? /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                    className: "ds-text-heading--md",
+                    children: "No matching facets found."
+                }) : /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                    children: filteredFacets.map((f)=>{
                         return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
                                 className: "ds-u-margin-y--1",
@@ -1205,9 +1237,6 @@ const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
                                 onClick: ()=>onClickFunction(f.type, f.name)
                             })
                         }, f.name);
-                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                        className: "ds-text-heading--md",
-                        children: "No matching facets found."
                     })
                 })
             })
@@ -1404,6 +1433,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         endingNumber: 0
     });
     const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
+    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)("");
     let [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
     const [fulltext, setFullText] = (0, $hgUW1$useState)(transformedParams.fulltext);
     const [filterText, setFilterText] = (0, $hgUW1$useState)(transformedParams.fulltext);
@@ -1453,7 +1483,16 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
             if (existingFacet > -1) newFacets.keyword.splice(existingFacet, 1);
             else newFacets.keyword.push(value);
         }
+        const urlString = (0, $hgUW1$qs).stringify({
+            theme: newFacets.theme,
+            keyword: newFacets.keyword
+        }, {
+            encodeValuesOnly: true,
+            addQueryPrefix: true
+        });
         setSelectedFacets(newFacets);
+        const url = new URL(window.location.href);
+        window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
     }
     const pageSize = defaultPageSize;
     (0, $hgUW1$useEffect)(()=>{
@@ -1465,7 +1504,10 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
             startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
             endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
         });
-        if (totalItems && totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
+        setTimeout(()=>{
+            setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
+        }, 100);
+        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
         else setNoResults(false);
     }, [
         totalItems,
@@ -1491,6 +1533,8 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         setFilterText(defaultFulltext);
         setSelectedFacets(defaultSelectedFacets);
         setPage(defaultPage);
+        const url = new URL(window.location.href);
+        window.history.pushState({}, "", `${url.origin}${url.pathname}`);
     }
     function buildSearchParams(includePage) {
         let newParams = {};
@@ -1624,24 +1668,34 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                         /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                             className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end ds-u-flex-wrap--reverse ds-u-sm-flex-wrap--wrap",
                                             children: [
-                                                enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                                enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                                     className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8",
-                                                    children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
-                                                        className: "ds-u-margin-y--0",
-                                                        role: "region",
-                                                        "aria-live": "polite",
-                                                        "data-testid": "currentResults",
-                                                        children: [
-                                                            "Showing ",
-                                                            currentResultNumbers.startingNumber,
-                                                            " -",
-                                                            " ",
-                                                            currentResultNumbers.endingNumber,
-                                                            " of ",
-                                                            data ? data.data.total : "",
-                                                            " datasets"
-                                                        ]
-                                                    })
+                                                    children: [
+                                                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                            className: "ds-u-margin-y--0",
+                                                            "aria-hidden": "true",
+                                                            children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                                                children: [
+                                                                    "Showing ",
+                                                                    currentResultNumbers.startingNumber,
+                                                                    " -",
+                                                                    " ",
+                                                                    currentResultNumbers.endingNumber,
+                                                                    " of ",
+                                                                    data.data.total,
+                                                                    " datasets"
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                            className: "ds-u-visibility--screen-reader",
+                                                            role: "status",
+                                                            "aria-live": "assertive",
+                                                            "aria-atomic": "true",
+                                                            "data-testid": "currentResults",
+                                                            children: announcementText
+                                                        })
+                                                    ]
                                                 }),
                                                 enableSort && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                                     className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-u-sm-padding-right--0",
@@ -1788,6 +1842,9 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     const [limit, setLimit] = (0, $hgUW1$useState)(options.limit ? options.limit : 20);
     const [count, setCount] = (0, $hgUW1$useState)(null);
     const [columns, setColumns] = (0, $hgUW1$useState)([]);
+    // unfiltered row / column count for overview tab
+    const [totalRows, setTotalRows] = (0, $hgUW1$useState)(0);
+    const [totalColumns, setTotalColumns] = (0, $hgUW1$useState)(0);
     const [offset, setOffset] = (0, $hgUW1$useState)(options.offset ? options.offset : 0);
     const [conditions, setConditions] = (0, $hgUW1$useState)(options.conditions ? options.conditions : undefined);
     const requireConditions = options.requireConditions;
@@ -1822,6 +1879,19 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
         },
         enabled: enabled
     });
+    const { data: unfiltered } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "datastore" + id + "-unfilteredRowsAndCols"
+        ],
+        queryFn: ()=>{
+            const unfilteredParams = {
+                results: false,
+                count: true,
+                schema: true
+            };
+            return fetch(`${rootUrl}/datastore/query/${id}?${(0, $hgUW1$qs).stringify(unfilteredParams)}`).then((res)=>res.json());
+        }
+    });
     (0, $hgUW1$useEffect)(()=>{
         if (data) {
             const propertyKeys = data.schema && data.schema[id] && data.schema[id].fields ? Object.keys(data.schema[id].fields) : [];
@@ -1832,11 +1902,21 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     }, [
         data
     ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (unfiltered) {
+            if (unfiltered.count) setTotalRows(unfiltered.count);
+            if (unfiltered.schema && unfiltered.schema[id] && unfiltered.schema[id].fields) setTotalColumns(Object.keys(unfiltered.schema[id].fields).length);
+        }
+    }, [
+        unfiltered
+    ]);
     return {
         loading: enabled ? isPending : false,
         values: values,
         count: count,
         columns: columns,
+        totalRows: totalRows,
+        totalColumns: totalColumns,
         limit: limit,
         offset: offset,
         schema: schema,
@@ -2161,7 +2241,7 @@ var $5644ebd2c3dbfd7b$export$2e2bcd8739ae039 = $5644ebd2c3dbfd7b$var$DatasetAddi
 
 
 const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
-    const { count: count, columns: columns } = resource;
+    const { totalRows: totalRows, totalColumns: totalColumns } = resource;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: "dc-c-resource-info-table ds-l-col--12 ds-u-padding-left--0 ds-u-margin-y--2",
         children: [
@@ -2181,7 +2261,7 @@ const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                 className: "ds-u-font-weight--bold",
-                                children: count ? count.toLocaleString() : ""
+                                children: totalRows.toLocaleString()
                             })
                         ]
                     }),
@@ -2195,7 +2275,7 @@ const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                     className: "ds-u-font-weight--bold",
-                                    children: columns.length.toLocaleString()
+                                    children: totalColumns.toLocaleString()
                                 })
                             ]
                         })
@@ -2310,6 +2390,24 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
         maxWidth: 768
     });
     const rows = (0, $5644ebd2c3dbfd7b$export$eea3a12df15499ca)(metadataMapping, dataset);
+    const tooltips = [
+        {
+            label: "modified",
+            title: "The date the dataset was last updated."
+        },
+        {
+            label: "released",
+            title: "The date the most recent dataset was made available to the public."
+        },
+        {
+            label: "issued",
+            title: "The date the dataset was first published and made available to the public."
+        },
+        {
+            label: "publisher",
+            title: "The entity responsible for publishing the dataset."
+        }
+    ];
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $7357cc0f79f9c514$export$2e2bcd8739ae039), {
@@ -2330,19 +2428,38 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
                         stackableBreakpoint: "md",
                         warningDisabled: true,
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
-                            children: rows.map((r)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                            children: rows.map((r)=>{
+                                const tooltip = tooltips.find((item)=>item.label === r.label.toLowerCase());
+                                return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
                                     children: [
-                                        md ? "" : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                        md ? "" : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
                                             component: "th",
                                             className: "ds-u-font-weight--bold",
-                                            children: r.label
+                                            children: [
+                                                r.label,
+                                                tooltip && /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                                    className: "ds-u-font-weight--normal",
+                                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
+                                                        title: tooltip.title,
+                                                        // @ts-ignore
+                                                        style: {
+                                                            border: "none",
+                                                            background: "none"
+                                                        },
+                                                        maxWidth: "400px",
+                                                        placement: "auto",
+                                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TooltipIcon), {})
+                                                    })
+                                                })
+                                            ]
                                         }),
                                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                             stackedTitle: r.label,
                                             children: r.value
                                         })
                                     ]
-                                }, `${r.label}_${dataset.identifier}`))
+                                }, `${r.label}_${dataset.identifier}`);
+                            })
                         })
                     })
                 ]
@@ -2370,7 +2487,8 @@ const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
 var $789279954d8eff7f$export$2e2bcd8739ae039 = $789279954d8eff7f$var$ApiDocumentation;
 
 
-const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: apiUrl, additionalParams: additionalParams })=>{
+
+const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: apiUrl, additionalParams: additionalParams, showRowLimitNotice: showRowLimitNotice = false })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2385,7 +2503,8 @@ const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: ap
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
                                 children: "The Open Data API (ODA) provides programmatic access to this dataset including the ability to filter, query, and aggregate data."
-                            })
+                            }),
+                            showRowLimitNotice && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e49d4387bed21287$export$2e2bcd8739ae039), {})
                         ]
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -2795,7 +2914,8 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
                         })
                     ]
                 }),
-            size: 300
+            size: 300,
+            minSize: 132
         }),
         columnHelper.accessor("description", {
             header: "Description",
@@ -4146,7 +4266,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, customColumns: customColumns, isModal: isModal = false })=>{
+const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, customColumns: customColumns, isModal: isModal = false, setPage: setPage, setOffset: setOffset })=>{
     const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
     const fields = Object.keys(schema[id].fields);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
@@ -4223,6 +4343,8 @@ const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, custom
             return $ee4ad47aa483e5b5$var$updateQueryForDatastore(cond);
         });
         setConditions(submitConditions);
+        setPage(1);
+        setOffset(0);
         setConditionsChanged(false);
         updateBrowserURL(submitConditions);
     };
@@ -4335,7 +4457,9 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, closeFul
                 resource: resource,
                 id: distribution.identifier,
                 customColumns: customColumnHeaders,
-                isModal: isModal
+                isModal: isModal,
+                setPage: setPage,
+                setOffset: setOffset
             }),
             dataDictionaryBanner && !isModal && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
@@ -4468,7 +4592,7 @@ const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl, additionalPa
         dataDictionaryLoading: isPending
     };
 };
-const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, disableTableControls: disableTableControls = false, hideDataDictionary: hideDataDictionary = false, customDescription: customDescription, updateAriaLive: updateAriaLive })=>{
+const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, disableTableControls: disableTableControls = false, hideDataDictionary: hideDataDictionary = false, customDescription: customDescription, updateAriaLive: updateAriaLive, showRowLimitNotice: showRowLimitNotice = false })=>{
     const options = location.search ? {
         ...(0, $hgUW1$qs).parse(location.search, {
             ignoreQueryPrefix: true
@@ -4689,7 +4813,8 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
                                         id: id,
                                         rootUrl: rootUrl,
                                         apiUrl: apiPageUrl,
-                                        additionalParams: additionalParams
+                                        additionalParams: additionalParams,
+                                        showRowLimitNotice: showRowLimitNotice
                                     })
                                 })
                             ]
@@ -4962,7 +5087,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                         /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                             children: [
                                                 /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
-                                                    href: "http://www.hhs.gov/",
+                                                    href: "https://www.hhs.gov/",
                                                     target: "_blank",
                                                     title: "U.S. Department of Health & Human Services",
                                                     children: [
@@ -4980,7 +5105,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                 /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
                                                     className: "ds-u-margin-left--4",
                                                     target: "_blank",
-                                                    href: "http://www.cms.gov/",
+                                                    href: "https://www.cms.gov/",
                                                     title: "CMS.gov Centers for Medicare & Medicaid Services",
                                                     children: [
                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("img", {
@@ -6178,7 +6303,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, customColumns: customColumns })=>{
+const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, customColumns: customColumns, setOffset: setOffset })=>{
     const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
     const fields = Object.keys(schema[id].fields);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
@@ -6227,6 +6352,7 @@ const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, custom
         setConditions(submitConditions);
         setTitleConditions(queryConditions.map((oc)=>Object.assign({}, oc)));
         setConditionsChanged(false);
+        setOffset(0);
         const url = new URL(window.location);
         const urlString = (0, $hgUW1$qs).stringify({
             conditions: submitConditions
@@ -6358,7 +6484,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                         })
                     }),
                     /*#__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: [
@@ -6379,13 +6505,14 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                             updateAriaLive: updateAriaLive
                         })
                     }),
-                    Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-md-col--12",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b6ca952e79f0695$export$2e2bcd8739ae039), {
+                        children: Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b6ca952e79f0695$export$2e2bcd8739ae039), {
                             resource: resource,
                             id: distribution.identifier,
-                            customColumns: customColumns
-                        })
+                            customColumns: customColumns,
+                            setOffset: resource.setOffset
+                        }) : ""
                     }),
                     Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039).Provider, {
                         value: {
@@ -6417,9 +6544,12 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                                 })
                             ]
                         })
-                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
-                        role: "status",
-                        "aria-valuetext": "Resource loading"
+                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-md-col--12",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                            role: "status",
+                            "aria-valuetext": "Resource loading"
+                        })
                     }),
                     dataset.identifier && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                         className: "ds-l-md-col--12",
@@ -6564,5 +6694,5 @@ var $90fb213ab8eeb2e7$export$2e2bcd8739ae039 = $90fb213ab8eeb2e7$var$useScrollTo
 
 
 
-export {$a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText};
+export {$e49d4387bed21287$export$2e2bcd8739ae039 as ApiRowLimitNotice, $a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText};
 //# sourceMappingURL=main.js.map