@civicactions/cmsds-open-data-components 3.1.3-alpha.1 → 3.1.3-alpha.4

package/dist/main.js

@@ -1,7 +1,7 @@
 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} 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, Tooltip as $hgUW1$Tooltip, Badge as $hgUW1$Badge, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead} from "@cmsgov/design-system";
+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, AddIcon as $hgUW1$AddIcon, RemoveIcon as $hgUW1$RemoveIcon, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Tooltip as $hgUW1$Tooltip, Badge as $hgUW1$Badge, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead} 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";
@@ -17,6 +17,7 @@ import $hgUW1$reactdatepicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import {usePopper as $hgUW1$usePopper} from "react-popper";
 
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -31,12 +32,12 @@ function $parcel$interopDefault(a) {
 
 
 
-const $24918217e48ac525$var$NavLink = ({ link: link , className: className , wrapLabel: wrapLabel , clickHandler: clickHandler  })=>{
+const $24918217e48ac525$var$NavLink = ({ link: link, className: className, wrapLabel: wrapLabel, clickHandler: clickHandler })=>{
     const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
         children: link.label
     }) : link.label;
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-        className: ({ isActive: isActive  })=>isActive ? `dc-c-active-link ${className}` : `${className}`,
+        className: ({ isActive: isActive })=>isActive ? `dc-c-active-link ${className}` : `${className}`,
         to: link.url,
         onClick: clickHandler ? clickHandler : undefined,
         children: innerHtml
@@ -61,7 +62,7 @@ $24918217e48ac525$var$NavLink.propTypes = {
 var $24918217e48ac525$export$2e2bcd8739ae039 = $24918217e48ac525$var$NavLink;
 
 
-const $4f153ca537d853e5$var$SubMenu = ({ link: link , linkClasses: linkClasses , wrapLabel: wrapLabel  })=>{
+const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, wrapLabel: wrapLabel })=>{
     const [isExpanded, setIsExapanded] = (0, $hgUW1$useState)(false);
     const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
         children: link.label
@@ -117,7 +118,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, clickHandler: clickHandler })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
         className: `dc-c-${menuId}-menu`,
         "aria-labelledby": `dc-c-${menuId}-menu--heading`,
@@ -162,7 +163,7 @@ var $f57121650539d8c5$export$2e2bcd8739ae039 = $f57121650539d8c5$var$NavBar;
 
 
 
-const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth , additionalParams: additionalParams , rootUrl: rootUrl  })=>{
+const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth, additionalParams: additionalParams, rootUrl: rootUrl })=>{
     const hasACA = additionalParams && additionalParams.ACA ? true : false;
     let params = {
         authentication: hideAuth ? false : undefined,
@@ -190,7 +191,7 @@ var $c96c4b9ef7203c1f$export$2e2bcd8739ae039 = $c96c4b9ef7203c1f$var$APIPage;
 
 
 
-const $026cb986f9fea2b1$var$PageNotFound = ({ siteUrl: siteUrl , content: content  })=>{
+const $026cb986f9fea2b1$var$PageNotFound = ({ siteUrl: siteUrl, content: content })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
         className: "ds-l-container ds-u-padding-top--3",
         children: content ? content : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
@@ -269,7 +270,7 @@ var $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 = $61ff88fb3f6ee2c8$var$withQueryPr
 
 const $b61856b23f5f58a2$var$LargeFileDialog = (props)=>{
     const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
-    const { downloadUrl: downloadUrl  } = props;
+    const { downloadUrl: downloadUrl } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
@@ -498,7 +499,7 @@ var $b38839fd67928f42$export$2e2bcd8739ae039 = $b38839fd67928f42$var$SearchItemI
 
 
 
-const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date , options: options  })=>{
+const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date, options: options })=>{
     const rawDate = new Date(date);
     let modifiedDate = "";
     if (rawDate) modifiedDate = rawDate.toLocaleDateString("en-US", options);
@@ -518,16 +519,29 @@ var $bd76a91923d7e8a7$export$2e2bcd8739ae039 = $bd76a91923d7e8a7$var$Transformed
 
 
 
-const $52c6454cae137465$var$dangerousDescriptionElement = ({ children: children  })=>/*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-        dangerouslySetInnerHTML: {
-            __html: (0, $hgUW1$dompurify).sanitize(children)
-        }
+function $52c6454cae137465$var$prepDescription(description) {
+    if (!description) return;
+    if (description.length > 1 && description.substring(0, 1) === "<") {
+        const elementTagStart = description.indexOf("<");
+        const elementTagEnd = description.indexOf(">");
+        const elementTagInner = description.substring(elementTagStart + 1, elementTagEnd);
+        const elementTagLength = elementTagInner.length;
+        const isolatedDescriptionStart = description.indexOf(`<${elementTagInner}>`) + (elementTagLength + 2);
+        const isolatedDescriptionEnd = description.indexOf(`</${elementTagInner}>`);
+        const isolatedDescription = description.substring(isolatedDescriptionStart, isolatedDescriptionEnd);
+        return (0, $hgUW1$dompurify).sanitize(isolatedDescription, {
+            ALLOWED_TAGS: []
+        });
+    }
+    return (0, $hgUW1$dompurify).sanitize(description, {
+        ALLOWED_TAGS: []
     });
+}
 const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     const desktop = (0, $hgUW1$useMediaQuery)({
         minWidth: 1024
     });
-    const { title: title , modified: modified , description: description , theme: theme , identifier: identifier , downloadUrl: downloadUrl , largeFile: largeFile = false , paginationEnabled: paginationEnabled  } = props;
+    const { title: title, modified: modified, description: description, theme: theme, identifier: identifier, downloadUrl: downloadUrl, largeFile: largeFile = false, paginationEnabled: paginationEnabled } = props;
     let linkContainerClasses = "ds-l-col--12 ds-u-margin-bottom--2";
     let linkClasses = "ds-c-button ds-u-display--block ds-u-text-align--left";
     if (desktop) {
@@ -537,10 +551,8 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     const truncatedDescription = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reacttexttruncate), {
         line: 3,
         element: "p",
-        truncateText: "…",
-        textElement: $52c6454cae137465$var$dangerousDescriptionElement,
-        text: description,
-        textTruncateChild: ""
+        truncateText: "\u2026",
+        text: $52c6454cae137465$var$prepDescription(description)
     });
     return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
         className: "dc-c-search-list-item ds-u-padding-top--3",
@@ -551,6 +563,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                     className: "ds-l-row ds-u-align-items--start",
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                            id: `dataset-${identifier}-updated-date`,
                             className: `ds-l-col--12 ds-u-text-align--right ${paginationEnabled ? "ds-u-padding-top--2" : "ds-u-padding-top--0"}`,
                             children: [
                                 "Updated ",
@@ -562,6 +575,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                         /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
                             className: "ds-l-col--12 ds-text-heading--2xl",
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                                "aria-describedby": `dataset-${identifier}-updated-date`,
                                 to: `/dataset/${identifier}`,
                                 children: title
                             })
@@ -651,7 +665,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                 })
             ]
         })
-    }, identifier);
+    });
 };
 var $52c6454cae137465$export$2e2bcd8739ae039 = $52c6454cae137465$var$DatasetSearchListItem;
 
@@ -661,10 +675,16 @@ var $52c6454cae137465$export$2e2bcd8739ae039 = $52c6454cae137465$var$DatasetSear
 
 
 const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
-    const { facets: facets , title: title , onClickFunction: onClickFunction , selectedFacets: selectedFacets = []  } = props;
+    const { facets: facets, title: title, onClickFunction: onClickFunction, selectedFacets: selectedFacets = [] } = props;
     const filteredFacets = facets.filter((f)=>{
         return Number(f.total) > 0 || selectedFacets.findIndex((i)=>i === f.name) !== -1;
     });
+    const hiddenAddIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AddIcon), {
+            ariaHidden: true
+        });
+    const hiddenCloseIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$RemoveIcon), {
+            ariaHidden: true
+        });
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         className: "dkan-dataset-search--facet-container ds-u-margin-bottom--4",
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
@@ -672,6 +692,8 @@ const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
                 contentClassName: "ds-u-padding-left--1 ds-u-padding-right--0",
                 heading: title,
                 defaultOpen: true,
+                openIconComponent: hiddenAddIcon,
+                closeIconComponent: hiddenCloseIcon,
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                     children: filteredFacets.length ? filteredFacets.map((f)=>{
                         return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
@@ -721,7 +743,7 @@ var $3b2d31a9c6cd2284$export$2e2bcd8739ae039 = $3b2d31a9c6cd2284$var$LargeFileIn
 
 
 const $0a551147dc92a718$var$SearchButton = (props)=>{
-    const { text: text , altMobileStyle: altMobileStyle  } = props;
+    const { text: text, altMobileStyle: altMobileStyle } = props;
     const sm = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 768
@@ -765,7 +787,7 @@ var $0a551147dc92a718$export$2e2bcd8739ae039 = $0a551147dc92a718$var$SearchButto
 
 
 const $5723016a5461c1ca$var$PageHeader = (props)=>{
-    const { headerText: headerText  } = props;
+    const { headerText: headerText } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         className: "ds-l-container",
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -827,7 +849,7 @@ function $eff7d34c30f5a0fc$export$60ec7cc1d341a524(searchParams, defaultSortOpti
     };
 }
 async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, additionalParams) {
-    const { fulltext: fulltext , selectedFacets: selectedFacets , sort: sort , sortOrder: sortOrder , page: page , pageSize: pageSize  } = options;
+    const { fulltext: fulltext, selectedFacets: selectedFacets, sort: sort, sortOrder: sortOrder, page: page, pageSize: pageSize } = options;
     let params = {
         fulltext: fulltext ? fulltext : undefined,
         ...selectedFacets,
@@ -846,7 +868,7 @@ 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, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort, pageTitle: pageTitle, filterTitle: filterTitle, showLargeFileWarning: showLargeFileWarning, largeFileThemes: largeFileThemes, introText: introText, showDownloadIcon: showDownloadIcon, altMobileSearchButton: altMobileSearchButton } = props;
     const sortOptions = [
         {
             label: "Newest",
@@ -988,7 +1010,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         ["page-size"]: pageSize !== 10 ? pageSize : undefined,
         ...additionalParams
     };
-    const { data: data , isLoading: isLoading , error: error  } = (0, $hgUW1$useQuery)({
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
             "datasets",
             params
@@ -1088,7 +1110,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                 className: "ds-l-col--12 ds-l-sm-col--8",
-                                children: isLoading ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                                children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
                                     className: "ds-u-valign--middle",
                                     "aria-valuetext": "Dataset Search loading",
                                     role: "status"
@@ -1157,7 +1179,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                         downloadUrl: showDownloadIcon ? getDownloadUrl(item) : null,
                                                         largeFile: showLargeFile,
                                                         paginationEnabled: enablePagination
-                                                    });
+                                                    }, item.identifier);
                                                 }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                     variation: "error",
                                                     heading: "Could not connect to the API."
@@ -1243,28 +1265,30 @@ const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl, additi
         distribution: [],
         error: "",
         description: "",
-        identifier: ""
+        identifier: "",
+        modified: ""
     });
     const [id, setId] = (0, $hgUW1$useState)(datasetId);
     const [rootUrl, setRootUrl] = (0, $hgUW1$useState)(rootAPIUrl);
     const additionalParamsString = Object.keys(additionalParams).length ? `&${(0, $hgUW1$qs).stringify(additionalParams)}` : "";
-    (0, $hgUW1$useEffect)(()=>{
-        async function fetchData() {
-            return (0, $hgUW1$axios).get(`${rootUrl}/metastore/schemas/dataset/items/${id}?show-reference-ids${additionalParamsString}`).then((res)=>setDataset(res.data)).catch((error)=>setDataset({
-                    title: dataset.title,
-                    distribution: dataset.distribution,
-                    error: error,
-                    description: dataset.description,
-                    identifier: dataset.identifier
-                }));
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "metastore" + id
+        ],
+        queryFn: ()=>{
+            return fetch(`${rootUrl}/metastore/schemas/dataset/items/${id}?show-reference-ids${additionalParamsString}`).then((res)=>res.json()).then((res)=>{
+                return res;
+            });
         }
-        fetchData();
+    });
+    (0, $hgUW1$useEffect)(()=>{
+        if (data && data != dataset) setDataset(data);
     }, [
-        id,
-        rootUrl
+        data
     ]);
     return {
         dataset: dataset,
+        isPending: isPending,
         setId: setId,
         setRootUrl: setRootUrl
     };
@@ -1277,47 +1301,9 @@ var $b4aa9c66f2e86959$export$2e2bcd8739ae039 = $b4aa9c66f2e86959$var$useMetastor
 
 
 
-async function $0e7628cf73c71646$export$55f990b5477765d6(id, rootUrl, options, additionalParams) {
-    const { keys: keys , limit: limit , offset: offset , conditions: conditions , sort: sort , groupings: groupings , prepareColumns: prepareColumns , properties: properties , setValues: setValues , setCount: setCount , setColumns: setColumns , setLoading: setLoading , setSchema: setSchema  } = options;
-    if (!id) // TODO: Throw error
-    return false;
-    if (typeof setLoading === "function") setLoading(true);
-    return await (0, $hgUW1$axios)({
-        method: "GET",
-        url: `${rootUrl}/datastore/query/${id}`,
-        params: {
-            keys: keys,
-            limit: limit,
-            offset: offset,
-            conditions: conditions,
-            sorts: sort,
-            properties: properties,
-            groupings: groupings,
-            ...additionalParams
-        },
-        //paramsSerializer: {
-        //  serialize: qs.stringify
-        //},
-        paramsSerializer: (params)=>{
-            return (0, $hgUW1$qs).stringify(params);
-        }
-    }).then((res)=>{
-        const { data: data  } = res;
-        const propertyKeys = data.schema[id] && data.schema[id].fields ? Object.keys(data.schema[id].fields) : [];
-        setValues(data.results), setCount(data.count);
-        if (propertyKeys.length) setColumns(prepareColumns ? prepareColumns(propertyKeys) : propertyKeys);
-        setSchema(data.schema);
-        if (typeof setLoading === "function") setLoading(false);
-        return data;
-    });
-}
-
-
 const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, additionalParams = {})=>{
     const keys = options.keys ? options.keys : true;
-    const { prepareColumns: prepareColumns  } = options;
-    const [manual, setManual] = (0, $hgUW1$useState)(options.manual ? options.manual : false);
-    const [requireConditions, setRequireConditions] = (0, $hgUW1$useState)(options.requireConditions ? options.requireConditions : false);
+    const { prepareColumns: prepareColumns } = options;
     const [values, setValues] = (0, $hgUW1$useState)([]);
     const [id, setResource] = (0, $hgUW1$useState)(resourceId);
     const [rootUrl, setRootUrl] = (0, $hgUW1$useState)(rootAPIUrl);
@@ -1325,63 +1311,43 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     const [count, setCount] = (0, $hgUW1$useState)(null);
     const [columns, setColumns] = (0, $hgUW1$useState)([]);
     const [offset, setOffset] = (0, $hgUW1$useState)(options.offset ? options.offset : 0);
-    const [loading, setLoading] = (0, $hgUW1$useState)(false);
     const [conditions, setConditions] = (0, $hgUW1$useState)(options.conditions ? options.conditions : undefined);
     const [sort, setSort] = (0, $hgUW1$useState)(options.sort ? options.sort : undefined);
     const [groupings, setGroupings] = (0, $hgUW1$useState)(options.groupings ? options.groupings : undefined);
     const [schema, setSchema] = (0, $hgUW1$useState)({});
     // const [joins, setJoins] = useState()
     const [properties, setProperties] = (0, $hgUW1$useState)(options.properties ? options.properties : undefined);
-    const prevLimitRef = (0, $hgUW1$useRef)();
-    const prevOffsetRef = (0, $hgUW1$useRef)();
-    (0, $hgUW1$useEffect)(()=>{
-        prevLimitRef.current = limit;
-        prevOffsetRef.current = offset;
+    let params = {
+        keys: keys,
+        limit: limit,
+        offset: offset,
+        conditions: conditions,
+        sorts: sort,
+        properties: properties,
+        groupings: groupings,
+        ...additionalParams
+    };
+    const additionalParamsString = Object.keys(params).length ? `&${(0, $hgUW1$qs).stringify(params)}` : "";
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "datastore" + id + additionalParamsString
+        ],
+        queryFn: ()=>{
+            return fetch(`${rootUrl}/datastore/query/${id}?${additionalParamsString}`).then((res)=>res.json());
+        }
     });
-    const prevLimit = prevLimitRef.current;
-    const prevOffset = prevOffsetRef.current;
-    function fetchData() {
-        let newOffset = prevLimit === limit ? prevOffset !== offset ? offset : 0 : 0;
-        setOffset(newOffset);
-        (0, $0e7628cf73c71646$export$55f990b5477765d6)(id, rootUrl, {
-            keys: keys,
-            limit: limit,
-            offset: newOffset,
-            conditions: conditions,
-            sort: sort,
-            groupings: groupings,
-            prepareColumns: prepareColumns,
-            properties: properties,
-            setValues: setValues,
-            setCount: setCount,
-            setColumns: setColumns,
-            setLoading: setLoading,
-            setSchema: setSchema,
-            setProperties: setProperties
-        }, additionalParams);
-    }
     (0, $hgUW1$useEffect)(()=>{
-        if (!loading && !manual) {
-            if (!requireConditions) fetchData();
-            else if (requireConditions) {
-                if (conditions && conditions.length) fetchData();
-                else {
-                    setCount(null);
-                    setValues([]);
-                }
-            }
+        if (data) {
+            const propertyKeys = data.schema[id] && data.schema[id].fields ? Object.keys(data.schema[id].fields) : [];
+            setValues(data.results), setCount(data.count);
+            if (propertyKeys.length) setColumns(prepareColumns ? prepareColumns(propertyKeys) : propertyKeys);
+            setSchema(data.schema);
         }
     }, [
-        id,
-        rootUrl,
-        offset,
-        conditions,
-        sort,
-        limit,
-        requireConditions
+        data
     ]);
     return {
-        loading: loading,
+        loading: isPending,
         values: values,
         count: count,
         columns: columns,
@@ -1397,10 +1363,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
         setLimit: setLimit,
         setOffset: setOffset,
         setConditions: setConditions,
-        setSort: setSort,
-        setManual: setManual,
-        setRequireConditions: setRequireConditions,
-        fetchData: fetchData
+        setSort: setSort
     };
 };
 var $1d3d480a9cfaabe0$export$2e2bcd8739ae039 = $1d3d480a9cfaabe0$var$useDatastore;
@@ -1650,7 +1613,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
 
 
 
-const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table , sortElement: sortElement , setAriaLiveFeedback: setAriaLiveFeedback  })=>{
+const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table, sortElement: sortElement, setAriaLiveFeedback: setAriaLiveFeedback })=>{
     const [columnResizing, setColumnResizing] = (0, $hgUW1$useState)("");
     return /*#__PURE__*/ (0, $hgUW1$jsx)("thead", {
         className: "dc-thead--truncated dc-thead--resizeable",
@@ -1743,7 +1706,7 @@ var $96d341d082bffec5$export$2e2bcd8739ae039 = $96d341d082bffec5$var$TruncatedRe
 
 
 
-const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table , sortElement: sortElement  })=>{
+const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table, sortElement: sortElement })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("thead", {
         className: "dc-thead--fixed-size",
         children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
@@ -1775,7 +1738,7 @@ var $23763e27eda0e8d7$export$2e2bcd8739ae039 = $23763e27eda0e8d7$var$FixedSizeTH
 
 
 
-const $d98f94c79ddf4e0e$var$DataTable = ({ data: data , columns: columns , setSort: setSort , sortTransform: sortTransform , tablePadding: tablePadding , canResize: canResize , loading: loading = false  })=>{
+const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort: setSort, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false })=>{
     const [sorting, setSorting] = (0, $hgUW1$react).useState([]);
     const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
     const columnHelper = (0, $hgUW1$createColumnHelper)();
@@ -2026,7 +1989,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 })=>{
     const numTotalRows = totalRows;
     if (numTotalRows === 0) return /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
         className: className,
@@ -2075,8 +2038,8 @@ var $2ed0091f7e32d1e6$export$2e2bcd8739ae039 = $2ed0091f7e32d1e6$var$DataTablePa
 
 
 
-const $6380a4a580b24362$var$DataTableHeader = ({ resource: resource , downloadURL: downloadURL , jsonUrl: jsonUrl  })=>{
-    const { limit: limit , offset: offset , count: count  } = resource;
+const $6380a4a580b24362$var$DataTableHeader = ({ resource: resource, downloadURL: downloadURL, jsonUrl: jsonUrl })=>{
+    const { limit: limit, offset: offset, count: count } = resource;
     const intCount = count ? count : 0;
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         className: "ds-l-row ds-u-align-items--center ds-u-margin-bottom--2",
@@ -2084,7 +2047,7 @@ const $6380a4a580b24362$var$DataTableHeader = ({ resource: resource , downloadUR
             className: "ds-l-col--12 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-align-items--center",
             children: [
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "ds-l-col--12 ds-l-lg-col--6",
+                    className: "ds-l-col--12 ds-l-lg-col--4",
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2ed0091f7e32d1e6$export$2e2bcd8739ae039), {
                         totalRows: intCount,
                         limit: limit,
@@ -2092,10 +2055,10 @@ const $6380a4a580b24362$var$DataTableHeader = ({ resource: resource , downloadUR
                     })
                 }),
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                    className: "dc-c-resource-header--buttons ds-l-col--12 ds-l-lg-col--6 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-u-margin-bottom--2 ds-u-md-margin-bottom--0 ds-u-padding-x--0",
+                    className: "dc-c-resource-header--buttons ds-l-col--12 ds-l-lg-col--8 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-u-margin-bottom--2 ds-u-md-margin-bottom--0 ds-u-padding-x--0",
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-right--2 ds-u-margin-bottom--2 ds-u-sm-margin-bottom--0",
+                            className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-margin-bottom--2 ds-u-md-margin-bottom--0",
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
                                 onOpen: ()=>{
                                     navigator.clipboard.writeText(window.location.href);
@@ -2117,18 +2080,17 @@ const $6380a4a580b24362$var$DataTableHeader = ({ resource: resource , downloadUR
                             })
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
+                            className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-left--2",
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
                                 className: "ds-u-text-align--center ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1 ds-u-display--inline-block ds-l-col--12",
                                 href: downloadURL,
-                                "aria-label": "Download filtered data (CSV)",
                                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                     className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
                                     children: [
                                         /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
                                             className: "fas fa-file-csv"
                                         }),
-                                        " Export CSV"
+                                        " Download filtered data (CSV)"
                                     ]
                                 })
                             })
@@ -2169,10 +2131,17 @@ var $6380a4a580b24362$export$2e2bcd8739ae039 = $6380a4a580b24362$var$DataTableHe
 
 
 
-const $bef7bff2823feea2$var$QueryTitle = ({ conditions: conditions , schema: schema , customColumns: customColumns  })=>{
-    const { fields: fields  } = schema;
-    if (!conditions || !conditions.length) return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-        children: "Add a filter"
+const $bef7bff2823feea2$var$QueryTitle = ({ conditions: conditions, schema: schema, customColumns: customColumns })=>{
+    const { fields: fields } = schema;
+    const prependedMessage = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+        children: "Data filters: "
+    });
+    if (!conditions || !conditions.length) return /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+        className: "ds-u-margin-y--0",
+        children: [
+            prependedMessage,
+            " none"
+        ]
     });
     function formatValue(text, property) {
         if (customColumns && customColumns.length > 0) {
@@ -2184,42 +2153,48 @@ const $bef7bff2823feea2$var$QueryTitle = ({ conditions: conditions , schema: sch
             return text;
         } else return text;
     }
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
         className: "dc-querybuilder-title",
-        children: conditions.map((c)=>{
-            const field = fields[c.property];
-            const description = field && field.description ? field.description : c.property;
-            const operator = (0, $7264a673914aa746$export$5f89a5ae87bc48e1).find((op)=>op.value === c.operator);
-            const cleanedText = (0, $7264a673914aa746$export$6b5e57d20078142b)(c.value);
-            const formattedText = formatValue(cleanedText, c.property);
-            return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                className: "ds-u-fill--background ds-u-padding--1 ds-u-margin-y--1 ds-u-display--inline-block ds-u-font-weight--semibold",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "ds-u-font-weight--bold",
-                        children: description
-                    }),
-                    " ",
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "ds-u-font-weight--normal",
-                        children: operator.label.toUpperCase()
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                className: "ds-u-margin-y--0",
+                children: prependedMessage
+            }),
+            conditions.map((c)=>{
+                const field = fields[c.property];
+                const description = field && field.description ? field.description : c.property;
+                const operator = (0, $7264a673914aa746$export$5f89a5ae87bc48e1).find((op)=>op.value === c.operator);
+                const cleanedText = (0, $7264a673914aa746$export$6b5e57d20078142b)(c.value);
+                const formattedText = formatValue(cleanedText, c.property);
+                return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                    className: "ds-u-fill--background ds-u-padding--1 ds-u-margin-y--1 ds-u-display--inline-block ds-u-font-weight--semibold",
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-font-weight--bold",
+                            children: description
+                        }),
+                        " ",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-font-weight--normal",
+                            children: operator.label.toUpperCase()
+                        }),
+                        " ",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-color--success",
+                            children: formattedText
+                        })
+                    ]
+                });
+            }).reduce((prev, curr)=>[
+                    prev,
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
+                        className: "ds-u-margin-x--1",
+                        variation: "info",
+                        children: "AND"
                     }),
-                    " ",
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "ds-u-color--success",
-                        children: formattedText
-                    })
-                ]
-            });
-        }).reduce((prev, curr)=>[
-                prev,
-                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
-                    className: "ds-u-margin-x--1",
-                    variation: "info",
-                    children: "AND"
-                }),
-                curr
-            ])
+                    curr
+                ])
+        ]
     });
 };
 var $bef7bff2823feea2$export$2e2bcd8739ae039 = $bef7bff2823feea2$var$QueryTitle;
@@ -2238,7 +2213,7 @@ function $6369abf590ca298f$var$getStartDate(condition, schema, id) {
     }
     return new Date();
 }
-const $6369abf590ca298f$var$QueryRow = ({ id: id , condition: condition , index: index , update: update , remove: remove , propertyOptions: propertyOptions , schema: schema  })=>{
+const $6369abf590ca298f$var$QueryRow = ({ id: id, condition: condition, index: index, update: update, remove: remove, propertyOptions: propertyOptions, schema: schema })=>{
     const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
     const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
     const [value, setValue] = (0, $hgUW1$useState)(condition.value);
@@ -2370,8 +2345,8 @@ function $ee4ad47aa483e5b5$var$updateQueryForDatastore(condition) {
     return cond;
 }
 const $ee4ad47aa483e5b5$var$QueryBuilder = (props)=>{
-    const { resource: resource , id: id , includeSearchParams: includeSearchParams , customColumns: customColumns  } = props;
-    const { conditions: conditions , schema: schema , setConditions: setConditions  } = resource;
+    const { resource: resource, id: id, includeSearchParams: includeSearchParams, customColumns: customColumns } = props;
+    const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
     const fields = Object.keys(schema[id].fields);
     const [conditionsCleared, setConditionsCleared] = (0, $hgUW1$useState)(false);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
@@ -2539,7 +2514,7 @@ function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
             accessor: column
         }));
 }
-const $a35cf16d1488f54e$var$DatasetTable = ({ id: id , distribution: distribution , resource: resource , rootUrl: rootUrl , customColumns: customColumns = [] , jsonUrl: jsonUrl  })=>{
+const $a35cf16d1488f54e$var$DatasetTable = ({ id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], jsonUrl: jsonUrl })=>{
     const defaultPage = 1;
     const defaultPageSize = 10;
     const [page, setPage] = (0, $hgUW1$useState)(defaultPage);
@@ -2551,7 +2526,7 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ id: id , distribution: distributio
         50,
         100
     ];
-    const { limit: limit , setLimit: setLimit , setOffset: setOffset  } = resource;
+    const { limit: limit, setLimit: setLimit, setOffset: setOffset } = resource;
     const pageSize = limit ? limit : defaultPageSize;
     const downloadURL = `${rootUrl}/datastore/query/${id}/0/download?${(0, $hgUW1$qs).stringify({
         conditions: resource.conditions
@@ -2638,7 +2613,7 @@ function $5644ebd2c3dbfd7b$export$eea3a12df15499ca(metadataMapping, datasetInfo)
     });
     return rows;
 }
-const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datasetInfo , id: id , metadataMapping: metadataMapping  })=>{
+const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datasetInfo, id: id, metadataMapping: metadataMapping })=>{
     const rows = $5644ebd2c3dbfd7b$export$eea3a12df15499ca(metadataMapping, datasetInfo);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: "dc-c-additional-info-table ds-u-margin-bottom--6",
@@ -2690,8 +2665,8 @@ var $5644ebd2c3dbfd7b$export$2e2bcd8739ae039 = $5644ebd2c3dbfd7b$var$DatasetAddi
 
 
 
-const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource  })=>{
-    const { count: count , columns: columns  } = resource;
+const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
+    const { count: count, columns: columns } = 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: [
@@ -2738,9 +2713,8 @@ const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource  })=>{
 var $0958733ee130fc44$export$2e2bcd8739ae039 = $0958733ee130fc44$var$ResourceInformation;
 
 
-
-const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions , resource: resource , title: title  })=>{
-    function getFormatType(dist) {
+function $f764661366bd9e1b$export$ee48b7e0e4eb536e(dist) {
+    if (dist && dist.data) {
         if (dist.data.format) return dist.data.format.toLowerCase();
         if (dist.data.mediaType) {
             const mediaType = dist.data.mediaType.split("/");
@@ -2752,8 +2726,13 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions , resourc
                 if (mimeType.length && mimeType[1]) return mimeType[1].toLowerCase();
             }
         }
-        return "";
     }
+    return "";
+}
+
+
+
+const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource: resource, title: title })=>{
     const sm = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 767
@@ -2765,12 +2744,12 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions , resourc
                 className: "ds-l-col--12 ds-u-padding-left--0 ds-text-heading--2xl",
                 children: "Resources"
             }),
-            distributions.length && /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+            distributions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                 className: "ds-c-list ds-c-list--bare dc-c-resource-full-width",
                 children: distributions.map((dist)=>{
-                    const fileFormat = getFormatType(dist);
+                    const fileFormat = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(dist);
                     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
-                        className: "ds-u-display--flex ds-u-flex-wrap--wrap",
+                        className: `ds-u-display--flex ds-u-flex-wrap--wrap ${fileFormat !== "csv" && "ds-u-margin-bottom--2"}`,
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                 className: "ds-u-font-weight--bold ds-u-font-size--lg ds-l-col--12 ds-l-md-col--6 ds-u-padding-left--0",
@@ -2778,7 +2757,7 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions , resourc
                                     /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
                                         className: "fa ds-u-color--primary ds-u-padding-right--1 fa-file-" + (fileFormat == "xlsx" ? "excel" : fileFormat)
                                     }),
-                                    title + " (" + fileFormat.toUpperCase() + ")"
+                                    dist.data.title ? dist.data.title : title + " (" + fileFormat.toUpperCase() + ")"
                                 ]
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -2799,12 +2778,17 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions , resourc
                                     ]
                                 })
                             }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $0958733ee130fc44$export$2e2bcd8739ae039), {
+                            dist.data.description && /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                children: dist.data.description
+                            }),
+                            fileFormat === "csv" && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $0958733ee130fc44$export$2e2bcd8739ae039), {
                                 resource: resource
                             })
                         ]
                     }, dist.identifier);
                 })
+            }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "ds-u-margin-top--2"
             })
         ]
     });
@@ -2812,7 +2796,7 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions , resourc
 var $7357cc0f79f9c514$export$2e2bcd8739ae039 = $7357cc0f79f9c514$var$Resource;
 
 
-const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset , resource: resource , distributions: distributions , metadataMapping: metadataMapping  })=>{
+const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: resource, distributions: distributions, metadataMapping: metadataMapping })=>{
     const md = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 768
@@ -2868,7 +2852,7 @@ var $364dc44850cd8f7f$export$2e2bcd8739ae039 = $364dc44850cd8f7f$var$DatasetOver
 
 
 
-const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint  })=>{
+const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
             url: endpoint
@@ -2878,7 +2862,7 @@ 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 })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2933,7 +2917,7 @@ var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
 
 
 
-const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionary: datasetDictionary , title: title , pageSize: pageSize = 20  })=>{
+const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionary: datasetDictionary, title: title, pageSize: pageSize = 20 })=>{
     const [pagination, setPagination] = (0, $hgUW1$useState)({
         pageIndex: 1,
         pageSize: pageSize
@@ -3021,8 +3005,10 @@ var $6012b86ffcaf3f71$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
+
+
 const $a0f13962e513caa1$var$getSiteWideDataDictionary = (rootUrl, dataDictionaryUrl)=>{
-    const { data: data , isLoading: isLoading , error: error  } = (0, $hgUW1$useQuery)({
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
             "dictionary"
         ],
@@ -3032,10 +3018,10 @@ const $a0f13962e513caa1$var$getSiteWideDataDictionary = (rootUrl, dataDictionary
     });
     return {
         siteWideDataDictionary: data,
-        dataDictionaryLoading: isLoading
+        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  })=>{
+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 })=>{
     const options = location.search ? {
         ...(0, $hgUW1$qs).parse(location.search, {
             ignoreQueryPrefix: true
@@ -3043,7 +3029,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
     } : {
         conditions: []
     };
-    const { dataset: dataset  } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl, additionalParams);
+    const { dataset: dataset, isPending: isPending } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl, additionalParams);
     const title = dataset.title ? dataset.title : "";
     const metadataMapping = {
         ...(0, $6da0396069e23175$export$bc27cf7ecf44639d),
@@ -3057,7 +3043,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
         limit: defaultPageSize,
         manual: true
     }, additionalParams);
-    const { siteWideDataDictionary: siteWideDataDictionary  } = dataDictionaryUrl ? $a0f13962e513caa1$var$getSiteWideDataDictionary(rootUrl, dataDictionaryUrl) : {
+    const { siteWideDataDictionary: siteWideDataDictionary } = dataDictionaryUrl ? $a0f13962e513caa1$var$getSiteWideDataDictionary(rootUrl, dataDictionaryUrl) : {
         siteWideDataDictionary: null
     };
     // compare schema fields with siteWideDataDictionary to display commonalities for now
@@ -3066,18 +3052,8 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
         return Object.keys(resource.schema[distribution.identifier].fields).indexOf(field.name) !== -1;
     }) : null;
     (0, $hgUW1$useEffect)(()=>{
-        if (distribution.identifier) {
-            let localFileFormat = "";
-            if (distribution.data.format) localFileFormat = distribution.data.format.toUpperCase();
-            else if (distribution.data.mediaType) {
-                const mediaType = distribution.data.mediaType.split("/");
-                if (mediaType.length && mediaType[1]) localFileFormat = mediaType[1].toUpperCase();
-            }
-            if (localFileFormat === "CSV") {
-                resource.setResource(distribution.identifier);
-                resource.setManual(false);
-            }
-        }
+        const localFileFormat = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution);
+        if (localFileFormat === "csv") resource.setResource(distribution.identifier);
     }, [
         distribution
     ]);
@@ -3119,6 +3095,17 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
             })
         ]
     });
+    // The below code manages the selected tab in the Design System tab group manually to ensure we can still use the
+    // Data Table tab as the default since it no longer exists on initial render (By default, Overview will appear as default)
+    const getDefaultTab = ()=>{
+        return (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? "data-table" : "overview";
+    };
+    const [selectedTab, setSelectedTab] = (0, $hgUW1$useState)(window.location.hash.substring(1) ? window.location.hash.substring(1) : getDefaultTab());
+    (0, $hgUW1$useEffect)(()=>{
+        setSelectedTab(getDefaultTab());
+    }, [
+        distribution
+    ]);
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: dataset.error ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $026cb986f9fea2b1$export$2e2bcd8739ae039), {
             content: notFoundContent,
@@ -3126,36 +3113,53 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
         }) : /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
             className: "ds-l-container",
             children: [
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                     className: "ds-l-row",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-l-md-col--9",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
-                                className: "ds-u-margin-bottom--4 ds-h1 title-underline",
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            className: "ds-l-md-col--9",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
+                                className: "ds-h1 title-underline",
                                 children: title
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            })
+                        }),
+                        /*#__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",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                                className: "ds-u-margin--0",
+                                children: [
+                                    "Updated ",
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
+                                        date: dataset.modified
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            className: "ds-l-md-col--9",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                 className: "ds-u-measure--wide ds-u-margin-bottom--7",
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                    className: "dc-c-metadata-description",
+                                    className: "dc-c-metadata-description ds-u-margin--0",
                                     dangerouslySetInnerHTML: {
                                         __html: (0, $hgUW1$dompurify).sanitize(dataset.description)
                                     }
                                 })
                             })
-                        ]
-                    })
+                        })
+                    ]
                 }),
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                     className: "ds-l-row",
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-md-col--12 dc-dataset",
-                        children: distribution && distribution.data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tabs), {
-                            onChange: function noRefCheck() {},
-                            defaultSelectedId: window.location.hash.substring(1),
+                        children: !isPending && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tabs), {
+                            onChange: (selectedId, prevSelectedId)=>{
+                                setSelectedTab(selectedId);
+                            },
+                            selectedId: selectedTab,
                             children: [
-                                distribution.data.format === "csv" && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
+                                (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
                                     id: "data-table",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
@@ -3194,7 +3198,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
                                         metadataMapping: metadataMapping
                                     })
                                 }),
-                                datasetDictionary && datasetDictionary.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
+                                distribution && distribution.data && datasetDictionary && datasetDictionary.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
                                     id: "data-dictionary",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
@@ -3211,7 +3215,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
                                         title: "Data Dictionary"
                                     })
                                 }) : null,
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
+                                distribution && distribution.data && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
                                     id: "api",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
@@ -3259,7 +3263,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 = ({ searchFunc: searchFunc, appNodeId: appNodeId, headingText: headingText, searchModalText: searchModalText, buttonSize: buttonSize, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton })=>{
     const navigate = (0, $hgUW1$useNavigate)();
     const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)("");
     const [modalSearch, setModalSearch] = (0, $hgUW1$useState)(false);
@@ -3346,8 +3350,8 @@ 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 { url: url , tagline: tagline , logo: logo , urlTitle: urlTitle , logoAltText: logoAltText  } = org;
+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 { 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", {
         className: headerClassString,
@@ -3468,8 +3472,8 @@ $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 { url: url , logo: logo , urlTitle: urlTitle , logoAltText: logoAltText , inverseLogo: inverseLogo  } = org;
+const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName, links: links, org: org, searchModalText: searchModalText, customSearch: customSearch = false, includeTopNav: includeTopNav, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton, includeSearch: includeSearch })=>{
+    const { url: url, logo: logo, urlTitle: urlTitle, logoAltText: logoAltText, inverseLogo: inverseLogo } = org;
     const [menuOpen, setMenuOpen] = (0, $hgUW1$useState)(false);
     const mobile = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
@@ -3508,21 +3512,15 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
             // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.
             if (event.target.closest(".dc-c-search-dialog")) setMenuOpen(false);
         }
-        function handleSearchEnter(event) {
-            // Close upon user hitting enter on search.
-            if (event.keyCode === 13) setMenuOpen(false);
-        }
         function handleMenuClose(event) {
             // Close upon user hitting escape
             if (event.keyCode === 27 && menuOpen) setMenuOpen(false);
         }
         document.addEventListener("mousedown", handleClick);
-        document.addEventListener("keyup", handleSearchEnter);
         document.addEventListener("keyup", handleMenuClose);
         handleFocusIn();
         menu.current.addEventListener("keydown", (evt)=>trapFocus(evt, menu.current));
         return ()=>{
-            document.removeEventListener("keyup", handleSearchEnter);
             document.removeEventListener("keyup", handleMenuClose);
             document.removeEventListener("mousedown", handleClick);
             if (menu.current) menu.current.removeEventListener("keydown", trapFocus);
@@ -3688,7 +3686,7 @@ var $caaccb8ea608e518$export$2e2bcd8739ae039 = $caaccb8ea608e518$var$MobileHeade
 
 
 
-const $a5a6a06d249c33b8$var$Header = ({ mobileMaxWidth: mobileMaxWidth , desktopMinWidth: desktopMinWidth , siteName: siteName , links: links , org: org , includeTopNav: includeTopNav  })=>{
+const $a5a6a06d249c33b8$var$Header = ({ mobileMaxWidth: mobileMaxWidth, desktopMinWidth: desktopMinWidth, siteName: siteName, links: links, org: org, includeTopNav: includeTopNav })=>{
     const mobile = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: mobileMaxWidth
@@ -3730,7 +3728,7 @@ 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, emailTitle: emailTitle, emailBody: emailBody, emailLink: emailLink, emailButton: emailButton, socialMediaLinks: socialMediaLinks, hhsLogo: hhsLogo, cmsLogo: cmsLogo, trademarkContent: trademarkContent })=>{
     const xs = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 544
@@ -3742,7 +3740,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
     const md = (0, $hgUW1$useMediaQuery)({
         minWidth: 768
     });
-    const { footerOpenDataToolLinks: footerOpenDataToolLinks , footerAdditionalResourcesLinks: footerAdditionalResourcesLinks , footerUtilityLinks: footerUtilityLinks  } = links;
+    const { footerOpenDataToolLinks: footerOpenDataToolLinks, footerAdditionalResourcesLinks: footerAdditionalResourcesLinks, footerUtilityLinks: footerUtilityLinks } = links;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("footer", {
         className: "dc-c-footer",
         children: [
@@ -4203,7 +4201,7 @@ var $a6df0aa147323304$export$2e2bcd8739ae039 = $a6df0aa147323304$var$Footer;
 
 
 const $5655284dbbb89508$var$DocumentationTable = (props)=>{
-    const { data: data  } = props;
+    const { data: data } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
             stackable: true,
@@ -4319,7 +4317,7 @@ const $c7bf75f7e8a68780$export$7850f4d545d994c6 = [
 
 
 const $669d2782ec2e2250$var$SpecsAndLimits = (props)=>{
-    const { documentationList: documentationList , children: children  } = props;
+    const { documentationList: documentationList, 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."
     });
@@ -4484,7 +4482,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, searchKey: searchKey, textfieldLabel: textfieldLabel, searchButtonText: searchButtonText })=>{
     const navigate = (0, $hgUW1$useNavigate)();
     const [searchValue, setSearchValue] = (0, $hgUW1$react).useState("");
     function submitHero(e) {
@@ -4580,7 +4578,7 @@ var $59a079354baa335c$export$2e2bcd8739ae039 = $59a079354baa335c$var$Hero;
 
 
 
-const $1e012d1e3b534af0$var$DataTableDensity = ({ setTablePadding: setTablePadding , tablePadding: tablePadding  })=>{
+const $1e012d1e3b534af0$var$DataTableDensity = ({ setTablePadding: setTablePadding, tablePadding: tablePadding })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         className: "ds-u-display--flex",
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
@@ -4630,7 +4628,7 @@ var $e71aee394fdad8bd$export$2e2bcd8739ae039 = $e71aee394fdad8bd$var$ManageColum
 
 
 const $7848c69a021266f7$var$DataTableRowChanger = (props)=>{
-    const { limit: limit , rowOptions: rowOptions , setLimit: setLimit  } = props;
+    const { limit: limit, rowOptions: rowOptions, setLimit: setLimit } = props;
     const rowOptionsFormatted = rowOptions.map((row)=>({
             label: row.toString(),
             value: row.toString()
@@ -4752,17 +4750,17 @@ var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIco
 
 
 
-const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding , id: id , distribution: distribution , includeFiltered: includeFiltered , includeDensity: includeDensity , includeDownload: includeDownload , resource: resource , tablePadding: tablePadding , downloadUrl: downloadUrl  })=>{
+const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding, id: id, distribution: distribution, includeFiltered: includeFiltered, includeDensity: includeDensity, includeDownload: includeDownload, resource: resource, tablePadding: tablePadding, downloadUrl: downloadUrl })=>{
     const md = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 768
     });
-    const { limit: limit , offset: offset , count: count , setLimit: setLimit , setOffset: setOffset  } = resource;
+    const { limit: limit, offset: offset, count: count, setLimit: setLimit, setOffset: setOffset } = resource;
     const intCount = count ? parseInt(count) : 0;
     const [referenceElement, setReferenceElement] = (0, $hgUW1$useState)(null);
     const [popperElement, setPopperElement] = (0, $hgUW1$useState)(null);
     const [arrowElement, setArrowElement] = (0, $hgUW1$useState)(null);
-    const { styles: styles , attributes: attributes  } = (0, $hgUW1$usePopper)(referenceElement, popperElement, {
+    const { styles: styles, attributes: attributes } = (0, $hgUW1$usePopper)(referenceElement, popperElement, {
         modifiers: [
             {
                 name: "arrow",
@@ -4808,7 +4806,6 @@ const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding
                                             size: "small",
                                             className: "ds-u-text-align--left ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1",
                                             href: downloadUrl,
-                                            "aria-label": "Download filtered data (CSV)",
                                             children: [
                                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e973bc477cdc2dc7$export$2e2bcd8739ae039), {}),
                                                 !md && /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -4922,7 +4919,7 @@ function $626282d9a03c51d5$export$1147582dfae658c6(columns, schema) {
             accessor: column
         }));
 }
-function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header , accessor: accessor , setFilter: setFilter , filterValue: filterValue  }  }) {
+function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header, accessor: accessor, setFilter: setFilter, filterValue: filterValue } }) {
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
         label: `Filter by ${Header}`,
         onChange: (e)=>{
@@ -4933,7 +4930,7 @@ function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header ,
         value: filterValue || ""
     });
 }
-const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding , id: id , options: options , resource: resource , defaultSort: defaultSort , customColumns: customColumns , truncateCellHeader: truncateCellHeader , columnSettings: columnSettings , columnWidths: columnWidths , customClasses: customClasses , canResize: canResize  })=>{
+const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id: id, options: options, resource: resource, defaultSort: defaultSort, customColumns: customColumns, truncateCellHeader: truncateCellHeader, columnSettings: columnSettings, columnWidths: columnWidths, customClasses: customClasses, canResize: canResize })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         id: "resource-preview",
         className: "ds-u-overflow--auto ds-u-border-x--1 ds-u-border-bottom--1",
@@ -4990,8 +4987,8 @@ var $626282d9a03c51d5$export$2e2bcd8739ae039 = $626282d9a03c51d5$var$ResourcePre
 
 
 
-const $072291d44ce1834a$var$ResourceFooter = ({ resource: resource  })=>{
-    const { limit: limit , values: values , offset: offset , count: count , setOffset: setOffset  } = resource;
+const $072291d44ce1834a$var$ResourceFooter = ({ resource: resource })=>{
+    const { limit: limit, values: values, offset: offset, count: count, setOffset: setOffset } = resource;
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         children: values.length > 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
             id: "test-default",
@@ -5015,7 +5012,7 @@ var $072291d44ce1834a$export$2e2bcd8739ae039 = $072291d44ce1834a$var$ResourceFoo
 
 
 
-const $ec3e23baa005dc03$var$Breadcrumb = ({ currentPage: currentPage , pageTrail: pageTrail = []  })=>{
+const $ec3e23baa005dc03$var$Breadcrumb = ({ currentPage: currentPage, pageTrail: pageTrail = [] })=>{
     const pageTrailContent = pageTrail.map((page)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
             class: "dc-c-breadcrumb__list-item",
             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
@@ -5093,7 +5090,7 @@ function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
     }
     return new Date();
 }
-const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index: index , update: update , remove: remove , propertyOptions: propertyOptions , schema: schema  })=>{
+const $374c4669b044ddf8$var$QueryRow = ({ id: id, condition: condition, index: index, update: update, remove: remove, propertyOptions: propertyOptions, schema: schema })=>{
     const sm = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 544
@@ -5218,8 +5215,8 @@ 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 { conditions: conditions , schema: schema , setConditions: setConditions  } = resource;
+const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams, customColumns: customColumns })=>{
+    const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
     const fields = Object.keys(schema[id].fields);
     const hasConditions = conditions.length > 0;
     const [queryCount, setQueryCount] = (0, $hgUW1$useState)(0);
@@ -5348,7 +5345,8 @@ var $3b6ca952e79f0695$export$2e2bcd8739ae039 = $3b6ca952e79f0695$var$QueryBuilde
 
 
 
-const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id , dataset: dataset , distIndex: distIndex , location: location , apiDocPage: apiDocPage , additionalParams: additionalParams , customColumns: customColumns , columnSettings: columnSettings , columnWidths: columnWidths , customTitle: customTitle , rootUrl: rootUrl  })=>{
+
+const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset, distIndex: distIndex, location: location, apiDocPage: apiDocPage, additionalParams: additionalParams, customColumns: customColumns, columnSettings: columnSettings, columnWidths: columnWidths, customTitle: customTitle, rootUrl: rootUrl })=>{
     const navigate = (0, $hgUW1$useNavigate)();
     const [tablePadding, setTablePadding] = (0, $hgUW1$react).useState("ds-u-padding-y--1");
     let apiDocs = (0, $hgUW1$useRef)();
@@ -5371,10 +5369,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id , dataset: dataset
         manual: true
     }, additionalParams);
     (0, $hgUW1$useEffect)(()=>{
-        if (distribution.identifier) {
-            resource.setResource(distribution.identifier);
-            resource.setManual(false);
-        }
+        if (distribution.identifier) resource.setResource(distribution.identifier);
     }, [
         distribution
     ]);
@@ -5400,6 +5395,18 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id , dataset: dataset
                     className: "ds-title",
                     children: customTitle ? customTitle : pageTitle
                 }),
+                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    className: "ds-l-row",
+                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                        className: "ds-l-col--12 ds-u-color--gray ds-u-margin-y--1 ds-u-text-align--right",
+                        children: [
+                            "Updated ",
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
+                                date: dataset.modified
+                            })
+                        ]
+                    })
+                }),
                 /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
                     className: "ds-u-margin-top--0 dc-c-metadata-description",
                     dangerouslySetInnerHTML: {
@@ -5469,10 +5476,10 @@ var $dd6eb2b30d7ad75d$export$2e2bcd8739ae039 = $dd6eb2b30d7ad75d$var$FilteredRes
 
 
 
-const $f61ecf9f84951a61$var$FilteredResource = ({ id: id , dist_id: dist_id , location: location , apiDocPage: apiDocPage , additionalParams: additionalParams , customColumns: customColumns , setDatasetTitle: setDatasetTitle , columnSettings: columnSettings , columnWidths: columnWidths , customTitle: customTitle , rootUrl: rootUrl  })=>{
+const $f61ecf9f84951a61$var$FilteredResource = ({ id: id, dist_id: dist_id, location: location, apiDocPage: apiDocPage, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, columnSettings: columnSettings, columnWidths: columnWidths, customTitle: customTitle, rootUrl: rootUrl })=>{
     const [ready, setReady] = (0, $hgUW1$useState)(false);
     const [error, setError] = (0, $hgUW1$useState)(false);
-    const { dataset: dataset  } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl, additionalParams);
+    const { dataset: dataset } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl, additionalParams);
     const distIndex = dist_id === "data" ? 0 : dist_id;
     (0, $hgUW1$useEffect)(()=>{
         if (dataset.error) setError(true);
@@ -5568,7 +5575,7 @@ var $eb7821d186b1a389$export$2e2bcd8739ae039 = $eb7821d186b1a389$var$useAddLogin
 
 
 const $90fb213ab8eeb2e7$var$useScrollToTop = ()=>{
-    const { pathname: pathname  } = (0, $hgUW1$useLocation)();
+    const { pathname: pathname } = (0, $hgUW1$useLocation)();
     (0, $hgUW1$useEffect)(()=>{
         window.scrollTo(0, 0);
     }, [