@civicactions/cmsds-open-data-components 3.9.0-alpha.1 → 3.9.0-alpha.3

package/dist/main.js

@@ -1,6 +1,6 @@
 import "./main.css";
 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, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Tooltip as $hgUW1$Tooltip, Dropdown as $hgUW1$Dropdown, Choice as $hgUW1$Choice, Pagination as $hgUW1$Pagination, Badge as $hgUW1$Badge, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, TooltipIcon as $hgUW1$TooltipIcon} from "@cmsgov/design-system";
+import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Dropdown as $hgUW1$Dropdown, Choice as $hgUW1$Choice, Pagination as $hgUW1$Pagination, Badge as $hgUW1$Badge, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel} from "@cmsgov/design-system";
 import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useContext as $hgUW1$useContext, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
 import {NavLink as $hgUW1$NavLink, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation} from "react-router-dom";
 import $hgUW1$qs from "qs";
@@ -481,7 +481,7 @@ const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagi
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
                         className: "dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-lg-margin-top--2 ds-u-margin-bottom--2 ds-u-display--block",
-                        "data-testid": "results-list",
+                        "data-testid": "submenu-results-list",
                         children: [
                             noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                 variation: "error",
@@ -1098,6 +1098,99 @@ var $59a079354baa335c$export$2e2bcd8739ae039 = $59a079354baa335c$var$Hero;
 
 
 
+const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date, options: options = {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    timeZone: "UTC"
+} })=>{
+    const rawDate = new Date(date);
+    let modifiedDate = "";
+    if (rawDate) modifiedDate = rawDate.toLocaleDateString("en-US", options);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+        children: modifiedDate
+    });
+};
+var $bd76a91923d7e8a7$export$2e2bcd8739ae039 = $bd76a91923d7e8a7$var$TransformedDate;
+
+
+
+const $c068004d499082cc$var$DatasetListItem = (props)=>{
+    const desktop = (0, $hgUW1$useMediaQuery)({
+        minWidth: 1024
+    });
+    const { title: title, modified: modified, identifier: identifier, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks } = props;
+    let linkContainerClasses = "ds-u-margin-bottom--2";
+    if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
+    else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
+    let linkClasses = "ds-u-display--block ds-u-text-align--left";
+    if (desktop) {
+        linkContainerClasses = "ds-u-padding-x--0";
+        linkClasses += " ds-l-col--4 ds-l-md-col--auto";
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+        className: "dc-c-list-item ds-u-padding-top--4",
+        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                    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--left ds-text-heading--sm ${paginationEnabled ? "ds-u-padding-top--3" : "ds-u-padding-top--0"}`,
+                            children: [
+                                "Updated ",
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
+                                    date: modified
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                            className: "ds-l-col--12 ds-text-heading--2xl",
+                            children: title
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    className: "ds-l-row",
+                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-col--12 ds-l-md-col--12 ds-u-margin-top--2",
+                        children: [
+                            "The ",
+                            title,
+                            " dataset was updated."
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    className: "ds-l-row",
+                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
+                            "aria-describedby": `dataset-${identifier}-updated-date`,
+                            to: `/dataset/${identifier}`,
+                            children: [
+                                "View the Dataset for ",
+                                title,
+                                " "
+                            ]
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+var $c068004d499082cc$export$2e2bcd8739ae039 = $c068004d499082cc$var$DatasetListItem;
+
+
+
+
+
+
+
+
 
 
 
@@ -1336,23 +1429,6 @@ var $b61856b23f5f58a2$export$2e2bcd8739ae039 = $b61856b23f5f58a2$var$LargeFileDi
 
 
 
-const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date, options: options = {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    timeZone: "UTC"
-} })=>{
-    const rawDate = new Date(date);
-    let modifiedDate = "";
-    if (rawDate) modifiedDate = rawDate.toLocaleDateString("en-US", options);
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-        children: modifiedDate
-    });
-};
-var $bd76a91923d7e8a7$export$2e2bcd8739ae039 = $bd76a91923d7e8a7$var$TransformedDate;
-
-
-
 
 
 function $1a2bf34e2a8f6b80$export$59a943b34a82e690(textString, textLength = 240) {
@@ -1371,11 +1447,126 @@ function $1a2bf34e2a8f6b80$export$59a943b34a82e690(textString, textLength = 240)
 
 
 
+
+
+
+
+
+
+const $17711e94d2ce0ee4$var$DatasetDateItem = (props)=>{
+    const { type: type, date: date, boldLabel: boldLabel = false, displayTooltips: displayTooltips = true } = props;
+    const dateText = {
+        modified: "Last Modified",
+        released: "Released",
+        refresh: "Planned Update"
+    };
+    const tooltipContent = {
+        modified: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)("strong", {
+                    children: "Last Modified: "
+                }),
+                " The date the ",
+                /*#__PURE__*/ (0, $hgUW1$jsx)("br", {}),
+                "dataset was last updated."
+            ]
+        }),
+        released: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)("strong", {
+                    children: "Released: "
+                }),
+                " The date the most ",
+                /*#__PURE__*/ (0, $hgUW1$jsx)("br", {}),
+                "recent dataset was made available",
+                /*#__PURE__*/ (0, $hgUW1$jsx)("br", {}),
+                "to the public."
+            ]
+        }),
+        refresh: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)("strong", {
+                    children: "Planned Update:"
+                }),
+                " The date the ",
+                /*#__PURE__*/ (0, $hgUW1$jsx)("br", {}),
+                "dataset is scheduled to be updated."
+            ]
+        })
+    };
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: `dataset-date-item${boldLabel ? " bold-label" : ""}`,
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                className: "dataset-data-item-label",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                        children: dateText[type]
+                    }),
+                    ": ",
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
+                        date: date
+                    })
+                ]
+            }),
+            displayTooltips === true && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
+                "aria-label": dateText[type],
+                className: "ds-c-tooltip__trigger-icon ds-u-display--inline ds-u-padding-left--0 ds-uw-padding-right--0",
+                title: tooltipContent[type],
+                placement: "top",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TooltipIcon), {})
+            })
+        ]
+    });
+};
+var $17711e94d2ce0ee4$export$2e2bcd8739ae039 = $17711e94d2ce0ee4$var$DatasetDateItem;
+
+
+const $20de4fedf33d4f9a$var$DatasetDate = (props)=>{
+    const { date: date, updatedBoldLabel: updatedBoldLabel = false, releasedBoldLabel: releasedBoldLabel = false, refreshBoldLabel: refreshBoldLabel = false, displayTooltips: displayTooltips = true } = props;
+    const { modified: modified, released: released, refresh: refresh } = date;
+    // Create an array of date items to render
+    const dateItems = [];
+    if (modified) dateItems.push(/*#__PURE__*/ (0, $hgUW1$jsx)((0, $17711e94d2ce0ee4$export$2e2bcd8739ae039), {
+        displayTooltips: displayTooltips,
+        type: "modified",
+        date: modified,
+        boldLabel: updatedBoldLabel
+    }, "modified"));
+    if (released) dateItems.push(/*#__PURE__*/ (0, $hgUW1$jsx)((0, $17711e94d2ce0ee4$export$2e2bcd8739ae039), {
+        displayTooltips: displayTooltips,
+        type: "released",
+        date: released,
+        boldLabel: releasedBoldLabel
+    }, "released"));
+    if (refresh) dateItems.push(/*#__PURE__*/ (0, $hgUW1$jsx)((0, $17711e94d2ce0ee4$export$2e2bcd8739ae039), {
+        displayTooltips: displayTooltips,
+        type: "refresh",
+        date: refresh,
+        boldLabel: refreshBoldLabel
+    }, "refresh"));
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "dataset-date",
+        children: dateItems.map((item, index)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$react).Fragment, {
+                children: [
+                    item,
+                    index < dateItems.length - 1 && /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                        className: "bullet-point",
+                        children: "\u2022"
+                    })
+                ]
+            }, index))
+    });
+};
+var $20de4fedf33d4f9a$export$2e2bcd8739ae039 = $20de4fedf33d4f9a$var$DatasetDate;
+
+
 const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     const desktop = (0, $hgUW1$useMediaQuery)({
         minWidth: 1024
     });
-    const { title: title, modified: modified, description: description, identifier: identifier, downloadUrl: downloadUrl, largeFile: largeFile = false, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks } = props;
+    const { title: title, modified: modified, description: description, downloadUrl: downloadUrl, largeFile: largeFile = false, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks, identifier: identifier, refresh: refresh, released: released, showDateDetails: showDateDetails = false, showTopics: showTopics = false, theme: theme, topicSlugs: topicSlugs } = props;
+    const location = (0, $hgUW1$useLocation)();
     let linkContainerClasses = "ds-u-margin-bottom--2";
     if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
     else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
@@ -1384,19 +1575,52 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
         linkContainerClasses = "ds-u-padding-x--0";
         linkClasses += " ds-l-col--4 ds-l-md-col--auto";
     }
+    let themes;
+    if (theme && showTopics) themes = /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+        className: "theme-list item-theme",
+        children: theme.map((topic, index)=>{
+            const title = topic || "Unknown Topic";
+            const prefix = "topics";
+            // Use the provided slug or fallback to a simple slug generation
+            const slug = topicSlugs?.[title];
+            const link = `/${prefix}/${slug}`;
+            return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                className: "ds-u-fill--primary ds-u-radius--pill",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                    to: link,
+                    state: {
+                        fromUrl: location.pathname,
+                        fromTitle: false,
+                        fromSearchList: location.pathname.includes("search")
+                    },
+                    children: title
+                })
+            }, `dist-${title}-${index}`);
+        })
+    });
+    const date = {
+        modified: modified,
+        released: released,
+        refresh: refresh
+    };
+    const url = `/dataset/${identifier}`;
     return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
         className: "dc-c-search-list-item ds-u-padding-top--3",
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
             className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
             children: [
+                themes,
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                     className: "ds-l-row ds-u-align-items--start",
                     children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                        !showDateDetails && /*#__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 ",
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    children: "Updated:"
+                                }),
+                                " ",
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
                                     date: modified
                                 })
@@ -1406,21 +1630,39 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             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}`,
+                                to: `${url}`,
                                 children: title
                             })
                         })
                     ]
                 }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                description && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                     className: "ds-l-row",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                         className: "ds-l-col--12 ds-l-md-col--12 ds-u-margin-top--2",
-                        children: (0, $1a2bf34e2a8f6b80$export$59a943b34a82e690)(description)
+                        children: [
+                            (0, $1a2bf34e2a8f6b80$export$59a943b34a82e690)(description),
+                            description.length > 240 ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                children: [
+                                    " ",
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                                        to: `/dataset/${identifier}`,
+                                        children: "See more"
+                                    })
+                                ]
+                            }) : ""
+                        ]
+                    })
+                }),
+                showDateDetails && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    className: "dataset-dates",
+                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $20de4fedf33d4f9a$export$2e2bcd8739ae039), {
+                        date: date,
+                        displayTooltips: false
                     })
                 }),
                 downloadUrl ? /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: `ds-u-margin-top--3 ds-u-padding-left--0`,
+                    className: `ds-u-margin-top--3 ds-u-padding-left--0 download-button`,
                     children: largeFile ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b61856b23f5f58a2$export$2e2bcd8739ae039), {
                             downloadUrl: downloadUrl
@@ -1445,7 +1687,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                                 className: linkClasses,
                                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
-                                    to: `/dataset/${identifier}#data-table`,
+                                    to: `${url}#data-table`,
                                     children: [
                                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
                                             id: "data-table"
@@ -1460,7 +1702,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                                 className: linkClasses,
                                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
-                                    to: `/dataset/${identifier}#overview`,
+                                    to: `${url}#overview`,
                                     children: [
                                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
                                             id: "overview"
@@ -1475,7 +1717,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                                 className: linkClasses,
                                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
-                                    to: `/dataset/${identifier}#data-dictionary`,
+                                    to: `${url}#data-dictionary`,
                                     children: [
                                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
                                             id: "data-dictionary"
@@ -1490,7 +1732,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                                 className: linkClasses,
                                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
-                                    to: `/dataset/${identifier}#api`,
+                                    to: `${url}#api`,
                                     children: [
                                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
                                             id: "api"
@@ -1515,80 +1757,6 @@ var $52c6454cae137465$export$2e2bcd8739ae039 = $52c6454cae137465$var$DatasetSear
 
 
 
-const $c068004d499082cc$var$DatasetListItem = (props)=>{
-    const desktop = (0, $hgUW1$useMediaQuery)({
-        minWidth: 1024
-    });
-    const { title: title, modified: modified, identifier: identifier, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks } = props;
-    let linkContainerClasses = "ds-u-margin-bottom--2";
-    if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
-    else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
-    let linkClasses = "ds-u-display--block ds-u-text-align--left";
-    if (desktop) {
-        linkContainerClasses = "ds-u-padding-x--0";
-        linkClasses += " ds-l-col--4 ds-l-md-col--auto";
-    }
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-        className: "dc-c-list-item ds-u-padding-top--4",
-        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
-            children: [
-                /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                    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--left ds-text-heading--sm ${paginationEnabled ? "ds-u-padding-top--3" : "ds-u-padding-top--0"}`,
-                            children: [
-                                "Updated ",
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
-                                    date: modified
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                            className: "ds-l-col--12 ds-text-heading--2xl",
-                            children: title
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "ds-l-row",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-l-col--12 ds-l-md-col--12 ds-u-margin-top--2",
-                        children: [
-                            "The ",
-                            title,
-                            " dataset was updated."
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "ds-l-row",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-col--12",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
-                            "aria-describedby": `dataset-${identifier}-updated-date`,
-                            to: `/dataset/${identifier}`,
-                            children: [
-                                "View the Dataset for ",
-                                title,
-                                " "
-                            ]
-                        })
-                    })
-                })
-            ]
-        })
-    });
-};
-var $c068004d499082cc$export$2e2bcd8739ae039 = $c068004d499082cc$var$DatasetListItem;
-
-
-
-
-
-
 
 
 
@@ -4227,6 +4395,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                         if (item.theme.includes(theme)) showLargeFile = true;
                                                     });
                                                     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $52c6454cae137465$export$2e2bcd8739ae039), {
+                                                        location: location,
                                                         title: item.title,
                                                         modified: item.modified,
                                                         description: item.description,
@@ -4420,29 +4589,26 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-row",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                             className: "ds-l-col--12",
-                            children: [
-                                introText ? introText : null,
-                                showLargeFileWarning && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "ds-l-row ds-u-margin-bottom--2 ds-u-margin-top--4",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                        className: "ds-l-md-col--12",
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
-                                            bordered: true,
-                                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
-                                                contentClassName: "downloading-datasets",
-                                                heading: "Please read before downloading datasets",
-                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b2d31a9c6cd2284$export$2e2bcd8739ae039), {})
-                                            })
+                            children: showLargeFileWarning && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-row ds-u-margin-bottom--2 ds-u-margin-top--4",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "ds-l-md-col--12",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
+                                        bordered: true,
+                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
+                                            contentClassName: "downloading-datasets",
+                                            heading: "Please read before downloading datasets",
+                                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b2d31a9c6cd2284$export$2e2bcd8739ae039), {})
                                         })
                                     })
                                 })
-                            ]
+                            })
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-row ds-u-padding-top--4",
+                        className: "ds-l-row",
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                             className: "ds-l-col--12",
                             children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
@@ -4454,32 +4620,40 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                     /*#__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$jsxs)("div", {
+                                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                                 className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8 ds-u-sm-padding-left--0",
                                                 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)("div", {
+                                                        className: "ds-u-margin-bottom--3",
+                                                        children: introText ? introText : null
                                                     }),
-                                                    /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                                        className: "ds-u-visibility--screen-reader",
-                                                        role: "status",
-                                                        "aria-live": "assertive",
-                                                        "aria-atomic": "true",
-                                                        "data-testid": "currentResults",
-                                                        children: announcementText
+                                                    enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                                        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
+                                                            })
+                                                        ]
                                                     })
                                                 ]
                                             }),
@@ -4498,7 +4672,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                     }),
                                     /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
                                         className: "dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-margin-bottom--4 ds-u-display--block",
-                                        "data-testid": "results-list",
+                                        "data-testid": "datasetlist-results-list",
                                         children: [
                                             noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                 variation: "error",
@@ -7497,5 +7671,5 @@ var $90fb213ab8eeb2e7$export$2e2bcd8739ae039 = $90fb213ab8eeb2e7$var$useScrollTo
 
 
 
-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, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $c068004d499082cc$export$2e2bcd8739ae039 as DatasetListItem, $10bc3aae21fc1572$export$2e2bcd8739ae039 as DatasetListSubmenu, $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, $bdb071ea3a6d3466$export$2e2bcd8739ae039 as SearchInput, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $550bcc185f420ff5$export$2e2bcd8739ae039 as DatasetList, $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, $8b67b7ee3fcfb629$export$2e2bcd8739ae039 as StoredQueryPage, $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, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $844981eac9b63865$export$eccc29c8d0ff408 as ACAContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6d5c0212e738499b$export$34e95918366a058e as acaToParams, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping};
+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, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $c068004d499082cc$export$2e2bcd8739ae039 as DatasetListItem, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $17711e94d2ce0ee4$export$2e2bcd8739ae039 as DatasetDateItem, $20de4fedf33d4f9a$export$2e2bcd8739ae039 as DatasetDate, $10bc3aae21fc1572$export$2e2bcd8739ae039 as DatasetListSubmenu, $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, $bdb071ea3a6d3466$export$2e2bcd8739ae039 as SearchInput, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $550bcc185f420ff5$export$2e2bcd8739ae039 as DatasetList, $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, $8b67b7ee3fcfb629$export$2e2bcd8739ae039 as StoredQueryPage, $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, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $844981eac9b63865$export$eccc29c8d0ff408 as ACAContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6d5c0212e738499b$export$34e95918366a058e as acaToParams, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping};
 //# sourceMappingURL=main.js.map