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

package/dist/main.js

@@ -1,8 +1,8 @@
 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, Dropdown as $hgUW1$Dropdown, Pagination as $hgUW1$Pagination, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Choice as $hgUW1$Choice, 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, ExternalLinkIcon as $hgUW1$ExternalLinkIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
-import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useContext as $hgUW1$useContext, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
-import {NavLink as $hgUW1$NavLink, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate, useSearchParams as $hgUW1$useSearchParams, useLocation as $hgUW1$useLocation} from "react-router-dom";
+import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useEffect as $hgUW1$useEffect, useRef as $hgUW1$useRef, useContext as $hgUW1$useContext, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
+import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Choice as $hgUW1$Choice, 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, ExternalLinkIcon as $hgUW1$ExternalLinkIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
+import {NavLink as $hgUW1$NavLink, useLocation as $hgUW1$useLocation, useNavigate as $hgUW1$useNavigate, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link} from "react-router-dom";
 import $hgUW1$qs from "qs";
 import $hgUW1$axios from "axios";
 import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryClientProvider as $hgUW1$QueryClientProvider} from "@tanstack/react-query";
@@ -24,6 +24,7 @@ import {List as $hgUW1$List, Map as $hgUW1$Map} from "immutable";
 // Components
 
 
+
 function $e49d4387bed21287$export$2e2bcd8739ae039() {
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         className: "ds-u-padding-top--3 ds-u-margin-bottom--2",
@@ -122,7 +123,7 @@ const $a8accc31bf9e0bda$var$CMSTopNav = (props)=>{
                                         children: link.label
                                     })
                                 })
-                            });
+                            }, link.id);
                         })
                     })
                 })
@@ -272,197 +273,6 @@ var $11500a65bd7d9cf1$export$2e2bcd8739ae039 = $11500a65bd7d9cf1$var$HeaderConte
 
 
 
-
-
-
-const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)({
-    defaultOptions: {
-        queries: {
-            refetchOnWindowFocus: false
-        }
-    }
-});
-const $61ff88fb3f6ee2c8$var$withQueryProvider = (WrappedComponent)=>(props)=>{
-        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$QueryClientProvider), {
-            client: $61ff88fb3f6ee2c8$var$queryClient,
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)(WrappedComponent, {
-                ...props
-            })
-        });
-    };
-var $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 = $61ff88fb3f6ee2c8$var$withQueryProvider;
-
-
-
-
-
-
-
-const $4808982eba3feb88$var$DatasetListSubmenuItem = (props)=>{
-    const { title: title, identifier: identifier, linkClasses: linkClasses } = props;
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-        className: "dc-c-list-item",
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-            className: `ds-u-display-flex ds-u-align-items--center ds-u-text-align--left ${linkClasses}`,
-            to: `/dataset/${identifier}`,
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                className: "ds-text-heading--md ds-u-margin-left--0",
-                children: title
-            })
-        })
-    }, identifier);
-};
-var $4808982eba3feb88$export$2e2bcd8739ae039 = $4808982eba3feb88$var$DatasetListSubmenuItem;
-
-
-
-
-function $6d5c0212e738499b$export$34e95918366a058e(params, ACA) {
-    if (ACA) params = Object.assign(params, {
-        ACA: ACA,
-        redirect: false
-    });
-    return params;
-}
-
-
-
-const $844981eac9b63865$export$eccc29c8d0ff408 = (0, $hgUW1$createContext)({
-    ACA: undefined
-});
-
-
-const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 4, defaultSort: defaultSort = {
-    defaultSort: 'modified',
-    defaultOrder: 'desc'
-}, subLinkClasses: subLinkClasses })=>{
-    const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
-    const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
-        total: 0,
-        startingNumber: 0,
-        endingNumber: 0
-    });
-    const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
-    const [totalItems, setTotalItems] = (0, $hgUW1$useState)(0);
-    const pageSize = defaultPageSize;
-    (0, $hgUW1$useEffect)(()=>{
-        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
-        else setNoResults(false);
-    }, [
-        totalItems,
-        pageSize
-    ]);
-    let params = {
-        sort: defaultSort.defaultSort,
-        ['sort-order']: defaultSort.defaultOrder,
-        ['page-size']: defaultPageSize
-    };
-    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
-        queryKey: [
-            "datasets",
-            params
-        ],
-        queryFn: ()=>{
-            return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-                arrayFormat: 'comma',
-                encode: false
-            })}`);
-        }
-    });
-    // Sync totalItems state with API response data
-    // Moved to useEffect to prevent state updates during render (which can cause infinite loops)
-    (0, $hgUW1$useEffect)(()=>{
-        if (data?.data?.total !== undefined && data.data.total !== totalItems) setTotalItems(data.data.total);
-    }, [
-        data?.data?.total
-    ]);
-    let submenuItemsCount = 0;
-    if (data) {
-        let resultsCount = Object.keys(data.data.results).length;
-        // For the submenu pager, If there are fewer than 4 dataset items, display the dataset item count, otherwise, show "Viewing 4..".
-        submenuItemsCount = resultsCount > defaultPageSize ? defaultPageSize : resultsCount;
-    }
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
-            className: " dkan-c-site-menu--sub-menu",
-            children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
-                className: "ds-u-valign--middle",
-                "aria-valuetext": "Dataset Search loading",
-                role: "status"
-            }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                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": "submenu-results-list",
-                        children: [
-                            noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                                variation: "error",
-                                heading: "No results found."
-                            }),
-                            data && data.data.results ? Object.keys(data.data.results).map((key)=>{
-                                return data.data.results[key];
-                            }).map((item)=>{
-                                return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4808982eba3feb88$export$2e2bcd8739ae039), {
-                                    title: item.title,
-                                    identifier: item.identifier,
-                                    linkClasses: subLinkClasses
-                                }, item.identifier);
-                            }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                                variation: "error",
-                                heading: "Could not connect to the API."
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-border-top--1 ds-u-padding-top--3 ds-u-padding-bottom--2 ds-u-margin-x--3 ds-u-lg-margin-x--0",
-                        children: enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                        className: "ds-u-margin-y--0 ds-u-font-size--sm",
-                                        "aria-hidden": "true",
-                                        children: data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                                            children: [
-                                                "Viewing ",
-                                                submenuItemsCount,
-                                                " of ",
-                                                data.data.total
-                                            ]
-                                        })
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "",
-                                    children: data && data.data.total > 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
-                                        className: "ds-u-padding--0 ds-c-button ds-c-button--ghost dkan-c-header--link",
-                                        to: `../whats-new`,
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                            className: "ds-text-heading--md",
-                                            children: [
-                                                " ",
-                                                `View all ${data.data.total} entries`,
-                                                " "
-                                            ]
-                                        })
-                                    })
-                                })
-                            ]
-                        })
-                    })
-                ]
-            })
-        })
-    });
-};
-var $10bc3aae21fc1572$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($10bc3aae21fc1572$var$DatasetListSubmenu);
-
-
-
-
-
-
-
 const $6d0cf21faac6a2dd$var$SubMenuStaticList = ({ submenuArray: submenuArray, subLinkClasses: subLinkClasses, setIsExpanded: setIsExpanded })=>{
     // Render a static list of submenu items as listed in the assets/menu.jsx file.
     let submenuItems = submenuArray.map((s)=>{
@@ -479,7 +289,7 @@ const $6d0cf21faac6a2dd$var$SubMenuStaticList = ({ submenuArray: submenuArray, s
             }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$NavLink), {
                 to: s.url,
                 className: `ds-u-display-flex ds-u-align-items--center ${subLinkClasses}`,
-                onClick: ()=>setIsExpanded((prev)=>!prev),
+                onClick: ()=>setIsExpanded(false),
                 children: [
                     s.icon ?? null,
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -500,6 +310,12 @@ var $6d0cf21faac6a2dd$export$2e2bcd8739ae039 = $6d0cf21faac6a2dd$var$SubMenuStat
 const $669b51f08325b4e3$var$SubMenu = ({ link: link, linkClasses: linkClasses, subLinkClasses: subLinkClasses, wrapLabel: wrapLabel = true })=>{
     const [isExpanded, setIsExpanded] = (0, $hgUW1$useState)(false);
     const headerContext = (0, $hgUW1$react).useContext((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
+    const location = (0, $hgUW1$useLocation)();
+    (0, $hgUW1$useEffect)(()=>{
+        setIsExpanded(false);
+    }, [
+        location
+    ]);
     const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
         children: link.label
     }) : link.label;
@@ -529,14 +345,9 @@ const $669b51f08325b4e3$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
             subLinkClasses: subLinkClasses,
             setIsExpanded: setIsExpanded
         });
-        else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) {
-            const { rootUrl: rootUrl, location: location } = link.submenu.props;
-            submenuBlock = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $10bc3aae21fc1572$export$2e2bcd8739ae039), {
-                location: location,
-                rootUrl: rootUrl,
-                subLinkClasses: subLinkClasses
-            });
-        }
+        else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) submenuBlock = /*#__PURE__*/ (0, $hgUW1$react).cloneElement(link.submenu, {
+            subLinkClasses: subLinkClasses
+        });
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
         className: `dkan-c-nav-submenu has-submenu${isExpanded ? ' open' : ''}`,
@@ -579,6 +390,26 @@ var $669b51f08325b4e3$export$2e2bcd8739ae039 = $669b51f08325b4e3$var$SubMenu;
 
 
 
+const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)({
+    defaultOptions: {
+        queries: {
+            refetchOnWindowFocus: false
+        }
+    }
+});
+const $61ff88fb3f6ee2c8$var$withQueryProvider = (WrappedComponent)=>(props)=>{
+        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$QueryClientProvider), {
+            client: $61ff88fb3f6ee2c8$var$queryClient,
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)(WrappedComponent, {
+                ...props
+            })
+        });
+    };
+var $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 = $61ff88fb3f6ee2c8$var$withQueryProvider;
+
+
+
+
 
 
 
@@ -1277,6 +1108,7 @@ var $e011250e8a3bd5e5$export$2e2bcd8739ae039 = $e011250e8a3bd5e5$var$SearchFacet
 
 
 
+
 const $3b2d31a9c6cd2284$var$LargeFileInfo = (props)=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: props.className,
         children: [
@@ -1368,6 +1200,14 @@ var $5723016a5461c1ca$export$2e2bcd8739ae039 = $5723016a5461c1ca$var$PageHeader;
 
 
 
+function $6d5c0212e738499b$export$34e95918366a058e(params, ACA) {
+    if (ACA) params = Object.assign(params, {
+        ACA: ACA,
+        redirect: false
+    });
+    return params;
+}
+
 
 function $eff7d34c30f5a0fc$export$959638e8dca60ce6(facets) {
     let facetObj = {};
@@ -1425,6 +1265,11 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
 
 
 
+const $844981eac9b63865$export$eccc29c8d0ff408 = (0, $hgUW1$createContext)({
+    ACA: undefined
+});
+
+
 const $e873081a6e8f024e$export$1040147c129fdde9 = (query)=>{
     return /^[a-zA-Z0-9 ]*$/.test(query.trim());
 };
@@ -1450,10 +1295,11 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const { rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
         defaultSort: 'modified',
         defaultOrder: 'desc'
-    }, pageTitle: pageTitle = 'Dataset Explorer', categoriesTitle: categoriesTitle = 'Categories', filterTitle: filterTitle = 'Tags', showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = '', showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton, dataDictionaryLinks: dataDictionaryLinks = false, showDateDetails: showDateDetails = false, updateDateMonthYearOnly: updateDateMonthYearOnly = false, showTopics: showTopics = false, topicSlugFunction: topicSlugFunction, children: children } = props;
+    }, pageTitle: pageTitle = 'Dataset Explorer', categoriesTitle: categoriesTitle = 'Categories', filterTitle: filterTitle = 'Tags', showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = '', showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton, dataDictionaryLinks: dataDictionaryLinks = false, showDateDetails: showDateDetails = false, updateDateMonthYearOnly: updateDateMonthYearOnly = false, showTopics: showTopics = false, topicSlugFunction: topicSlugFunction, analytics: analytics = false, onAnalyticsEvent: onAnalyticsEvent = ()=>{}, children: children } = props;
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const [searchParams] = (0, $hgUW1$useSearchParams)();
     const navigate = (0, $hgUW1$useNavigate)();
+    const location = (0, $hgUW1$useLocation)();
     // Derive all search state from URL params
     const selectedFacets = (0, $hgUW1$useMemo)(()=>{
         const parsed = (0, $hgUW1$qs).parse(searchParams.toString());
@@ -1601,6 +1447,12 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         noResults,
         currentResultNumbers
     ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (analytics && location.search) onAnalyticsEvent(location);
+    }, [
+        analytics,
+        location.search
+    ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
@@ -1846,9 +1698,11 @@ var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
+
 const $fea9297ba4dd394c$var$HeaderSearch = (props)=>{
     const { headingText: headingText = "Dataset Search" } = props;
     const navigate = (0, $hgUW1$useNavigate)();
+    const { isMobile: isMobile } = (0, $hgUW1$useContext)((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
     const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)('');
     const [modalSearch, setModalSearch] = (0, $hgUW1$useState)(false);
     const [invalidSearch, setInvalidSearch] = (0, $hgUW1$useState)(false);
@@ -1857,8 +1711,10 @@ const $fea9297ba4dd394c$var$HeaderSearch = (props)=>{
         if (window) {
             if ((0, $e873081a6e8f024e$export$1040147c129fdde9)(modalSearchTerm)) {
                 setInvalidSearch(false);
-                if (window.location.pathname !== '/datasets') navigate(`/datasets?fulltext=${modalSearchTerm}`);
-                else {
+                if (window.location.pathname !== '/datasets') {
+                    navigate(`/datasets?fulltext=${modalSearchTerm}`);
+                    setModalSearch(false);
+                } else {
                     window.location.search = `fulltext=${modalSearchTerm}`;
                     setModalSearch(false);
                 }
@@ -1869,9 +1725,8 @@ const $fea9297ba4dd394c$var$HeaderSearch = (props)=>{
         className: "dkan-c-main-navigation--search",
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                variation: "ghost",
-                onDark: true,
-                className: "ds-u-border--0 dkan-c-header-search--modal-button",
+                variation: isMobile ? undefined : 'ghost',
+                className: "ds-u-lg-border--0 dkan-c-header-search--modal-button",
                 onClick: ()=>setModalSearch(true),
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                     children: "Search"
@@ -1938,7 +1793,6 @@ const $b939b31651e82908$var$HeaderNav = (props)=>{
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
                 variation: "ghost",
-                onDark: true,
                 className: "dkan-c-nav-menu--mobile-close-button",
                 onClick: ()=>headerContext.setMobileMenuOpen(false),
                 children: [
@@ -1968,7 +1822,7 @@ const $b939b31651e82908$var$HeaderNav = (props)=>{
                                     children: link.label
                                 })
                             })
-                        });
+                        }, link.id);
                     })
                 })
             }),
@@ -1985,7 +1839,7 @@ const $b939b31651e82908$var$HeaderNav = (props)=>{
                                     children: link.label
                                 })
                             })
-                        });
+                        }, link.id);
                     })
                 })
             }),
@@ -2053,6 +1907,7 @@ var $403833a4b442d5df$export$2e2bcd8739ae039 = $403833a4b442d5df$var$MobileMenuB
 
 
 
+
 const $f57121650539d8c5$var$NavBar = (props)=>{
     const { links: links, menuName: menuName, menuId: menuId, menuClasses: menuClasses, linkClasses: linkClasses, subLinkClasses: subLinkClasses, wrapLabel: wrapLabel = false } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
@@ -2620,13 +2475,12 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, default
     ]);
     // keep state in sync
     (0, $hgUW1$useEffect)(()=>{
-        if (columnOrder?.length) setCards(columnOrder.map((c)=>{
-            const column = columns.filter((col)=>col.id === c)[0];
-            return {
+        if (columnOrder?.length) setCards(columnOrder.map((id)=>columns.find((col)=>col.id === id)) // Get list of cards in order
+        .filter(Boolean) // Filter out any possible undefined/non-matches
+        .map((column)=>({
                 id: column.id,
                 visible: column.getIsVisible()
-            };
-        }));
+            })));
     }, [
         columnOrder
     ]);
@@ -2762,13 +2616,12 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, default
                                     onClick: ()=>{
                                         // reset to default column order and set all cards to visible
                                         // do not save this to the table state until the "Save" button is clicked
-                                        setCards(defaultColumnOrder.map((column)=>{
-                                            const card = cards.filter((c)=>c.id === column)[0];
-                                            return {
+                                        setCards(defaultColumnOrder.map((id)=>cards.find((c)=>c.id === id)) // Get list of cards in order
+                                        .filter(Boolean) // Filter out any possible undefined/non-matches
+                                        .map((card)=>({
                                                 ...card,
                                                 visible: true
-                                            };
-                                        }));
+                                            })));
                                     },
                                     children: "Reset Columns"
                                 })
@@ -3461,7 +3314,7 @@ function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
         }));
 }
 const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopyLinkButton: showCopyLinkButton = true, showDataTableToolbar: showDataTableToolbar = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false, showTableResults: showTableResults = true, showFilterDatasetButton: showFilterDatasetButton = true, showManageColumnsButton: showManageColumnsButton = true, showDisplaySettingsButton: showDisplaySettingsButton = true, showFullScreenButton: showFullScreenButton = true, showInfoShareContainer: showInfoShareContainer = true })=>{
-    const { id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
+    const { id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], dataDictionaryBanner: dataDictionaryBanner, relativeHomeUrlPrepend: relativeHomeUrlPrepend } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
     const { page: page, setPage: setPage, tableDensity: tableDensity } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
     const defaultPageSize = 10;
     const schema = resource?.schema?.[distribution?.identifier] ?? resource?.schema?.[id];
@@ -3474,7 +3327,18 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopy
     }, {
         encode: true
     })}&format=csv`;
-    if (Object.keys(resource).length && columns.length && resource.schema && Object.keys(distribution).length) return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+    const useDatastoreErrorMessages = {
+        400: {
+            title: 'Data unavailable',
+            message: 'This data is not available for preview at this time. Please try again later.'
+        },
+        500: {
+            title: 'Something went wrong',
+            message: 'Something went wrong on our end. Please try again later.'
+        }
+    };
+    // Data loaded successfully
+    if (!resource.error && Object.keys(resource).length && columns.length && resource.schema && Object.keys(distribution).length) return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 className: isModal ? 'dkan-datatable-fullscreen-mode' : '',
@@ -3525,7 +3389,28 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopy
             })
         ]
     });
-    else return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+    else if (resource.error && !resource.loading) {
+        const resourceErrorStatus = resource.error.status in useDatastoreErrorMessages ? resource.error.status : 500;
+        return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                    className: "ds-text-heading--lg ds-u-margin--0 ds-u-color--primary",
+                    children: useDatastoreErrorMessages[resourceErrorStatus].title
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                    className: "ds-u-padding-bottom--2 ds-u-margin-bottom--7",
+                    children: useDatastoreErrorMessages[resourceErrorStatus].message
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                    href: `${relativeHomeUrlPrepend}/`,
+                    variation: "solid",
+                    className: "",
+                    children: "Go to home"
+                })
+            ]
+        });
+    // Data loading
+    } else return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
         "aria-valuetext": "Dataset loading",
         role: "status",
         className: "ds-u-margin--3"
@@ -4367,6 +4252,165 @@ var $85f8ff1ff89899c7$export$2e2bcd8739ae039 = $85f8ff1ff89899c7$var$DataTableTo
 
 
 
+
+
+
+
+
+const $4808982eba3feb88$var$DatasetListSubmenuItem = (props)=>{
+    const { title: title, identifier: identifier, linkClasses: linkClasses } = props;
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+        className: "dc-c-list-item",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
+            className: `ds-u-display-flex ds-u-align-items--center ds-u-text-align--left ${linkClasses}`,
+            to: `/dataset/${identifier}`,
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                className: "ds-text-heading--md ds-u-margin-left--0",
+                children: title
+            })
+        })
+    }, identifier);
+};
+var $4808982eba3feb88$export$2e2bcd8739ae039 = $4808982eba3feb88$var$DatasetListSubmenuItem;
+
+
+
+
+
+
+const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 4, defaultSort: defaultSort = {
+    defaultSort: 'modified',
+    defaultOrder: 'desc'
+}, subLinkClasses: subLinkClasses })=>{
+    const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
+    const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
+        total: 0,
+        startingNumber: 0,
+        endingNumber: 0
+    });
+    const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
+    const [totalItems, setTotalItems] = (0, $hgUW1$useState)(0);
+    const pageSize = defaultPageSize;
+    (0, $hgUW1$useEffect)(()=>{
+        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
+        else setNoResults(false);
+    }, [
+        totalItems,
+        pageSize
+    ]);
+    let params = {
+        sort: defaultSort.defaultSort,
+        ['sort-order']: defaultSort.defaultOrder,
+        ['page-size']: defaultPageSize
+    };
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "datasets",
+            params
+        ],
+        queryFn: ()=>{
+            return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
+                arrayFormat: 'comma',
+                encode: false
+            })}`);
+        }
+    });
+    // Sync totalItems state with API response data
+    // Moved to useEffect to prevent state updates during render (which can cause infinite loops)
+    (0, $hgUW1$useEffect)(()=>{
+        if (data?.data?.total !== undefined && data.data.total !== totalItems) setTotalItems(data.data.total);
+    }, [
+        data?.data?.total
+    ]);
+    let submenuItemsCount = 0;
+    if (data) {
+        let resultsCount = Object.keys(data.data.results).length;
+        // For the submenu pager, If there are fewer than 4 dataset items, display the dataset item count, otherwise, show "Viewing 4..".
+        submenuItemsCount = resultsCount > defaultPageSize ? defaultPageSize : resultsCount;
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
+            className: " dkan-c-site-menu--sub-menu",
+            children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                className: "ds-u-valign--middle",
+                "aria-valuetext": "Dataset Search loading",
+                role: "status"
+            }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                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": "submenu-results-list",
+                        children: [
+                            noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                                variation: "error",
+                                heading: "No results found."
+                            }),
+                            data && data.data.results ? Object.keys(data.data.results).map((key)=>{
+                                return data.data.results[key];
+                            }).map((item)=>{
+                                return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4808982eba3feb88$export$2e2bcd8739ae039), {
+                                    title: item.title,
+                                    identifier: item.identifier,
+                                    linkClasses: subLinkClasses
+                                }, item.identifier);
+                            }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                                variation: "error",
+                                heading: "Could not connect to the API."
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-border-top--1 ds-u-padding-top--3 ds-u-padding-bottom--2 ds-u-margin-x--3 ds-u-lg-margin-x--0",
+                        children: enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                        className: "ds-u-margin-y--0 ds-u-font-size--sm",
+                                        "aria-hidden": "true",
+                                        children: data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                            children: [
+                                                "Viewing ",
+                                                submenuItemsCount,
+                                                " of ",
+                                                data.data.total
+                                            ]
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "",
+                                    children: data && data.data.total > 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                                        className: "ds-u-padding--0 ds-c-button ds-c-button--ghost dkan-c-header--link",
+                                        to: `../whats-new`,
+                                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                            className: "ds-text-heading--md",
+                                            children: [
+                                                " ",
+                                                `View all ${data.data.total} entries`,
+                                                " "
+                                            ]
+                                        })
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+var $10bc3aae21fc1572$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($10bc3aae21fc1572$var$DatasetListSubmenu);
+
+
+
+
+
+
+
+
+
 const $5b656f0283afa250$var$SpanOpenAPIVersion = function(system) {
     return {
         wrapComponents: {
@@ -4417,6 +4461,7 @@ var $ffd9c403a1c2fc39$export$2e2bcd8739ae039 = $ffd9c403a1c2fc39$var$SpanVersion
 
 
 
+
 const $d42ff6af4a8dee64$var$ApiDocsInfo = ({ url: url, getComponent: getComponent, isDatasetDocs: isDatasetDocs, showRowLimitNotice: showRowLimitNotice, docsURL: docsURL })=>{
     const VersionStamp = getComponent("VersionStamp");
     const OpenAPIVersion = getComponent("OpenAPIVersion");
@@ -5330,24 +5375,24 @@ var $072291d44ce1834a$export$2e2bcd8739ae039 = $072291d44ce1834a$var$ResourceFoo
 
 const $ec3e23baa005dc03$var$Breadcrumb = ({ currentPage: currentPage, pageTrail: pageTrail = [] })=>{
     const pageTrailContent = pageTrail.map((page)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-            class: "dc-c-breadcrumb__list-item",
+            className: "dc-c-breadcrumb__list-item",
             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
                 to: page.path,
-                class: "dc-c-breadcrumb__link",
+                className: "dc-c-breadcrumb__link",
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                     children: page.title
                 })
             })
-        }));
+        }, page.path));
     return /*#__PURE__*/ (0, $hgUW1$jsx)("nav", {
-        class: "dc-c-breadcrumb ds-u-margin-top--6",
+        className: "dc-c-breadcrumb ds-u-margin-top--6",
         "aria-label": "Breadcrumbs",
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
-            class: "dc-c-breadcrumb__list",
+            className: "dc-c-breadcrumb__list",
             children: [
                 pageTrailContent,
                 currentPage ? /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                    class: "dc-c-breadcrumb__list-item dc-c-current",
+                    className: "dc-c-breadcrumb__list-item dc-c-current",
                     "aria-current": "page",
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                         children: currentPage
@@ -6034,13 +6079,23 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     }
     // Change whether distribution API or dataset API is used based on option
     const queryID = useDatasetAPI && datasetID ? `${datasetID}/0` : id;
+    async function fetchJson(url) {
+        const res = await fetch(url);
+        const body = await res.json().catch(()=>({}));
+        if (!res.ok) {
+            const err = new Error(body.message || body.error || res.statusText);
+            err.status = res.status;
+            throw err;
+        }
+        return body;
+    }
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
             "datastore" + id + paramsString
         ],
         queryFn: ()=>{
             setCount(null);
-            return fetch(`${rootUrl}/datastore/query/${queryID}?${paramsString}`).then((res)=>res.json());
+            return fetchJson(`${rootUrl}/datastore/query/${queryID}?${paramsString}`);
         },
         enabled: enabled
     });
@@ -6054,7 +6109,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
                 count: true,
                 schema: true
             };
-            return fetch(`${rootUrl}/datastore/query/${queryID}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(unfilteredParams, ACA))}`).then((res)=>res.json());
+            return fetchJson(`${rootUrl}/datastore/query/${queryID}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(unfilteredParams, ACA))}`);
         }
     });
     (0, $hgUW1$useEffect)(()=>{
@@ -6077,6 +6132,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     ]);
     return {
         loading: enabled ? isPending : false,
+        error: error,
         values: values,
         count: count,
         columns: columns,
@@ -7421,7 +7477,8 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             customColumns: customColumns,
                                             dataDictionaryBanner: dataDictionaryBanner && displayDataDictionaryTab,
                                             datasetTableControls: !disableTableControls,
-                                            enableEmptyFilters: enableEmptyFilters
+                                            enableEmptyFilters: enableEmptyFilters,
+                                            relativeHomeUrlPrepend: tabHrefPrepend
                                         },
                                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $39bc4d98030a5599$export$2e2bcd8739ae039), {})
                                     }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {