@civicactions/cmsds-open-data-components 4.1.7-alpha.4 → 4.1.8-alpha.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 {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 $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 {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";
@@ -271,198 +271,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 +287,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 +308,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 +343,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 +388,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;
+
+
+
+
 
 
 
@@ -1368,6 +1197,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 +1262,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 +1292,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 +1444,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), {
@@ -3458,8 +3307,8 @@ function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
             accessor: column
         }));
 }
-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, errorHomeButtonHref: errorHomeButtonHref = '/' })=>{
-    const { id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
+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, 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];
@@ -3547,7 +3396,7 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopy
                     children: useDatastoreErrorMessages[resourceErrorStatus].message
                 }),
                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                    href: errorHomeButtonHref,
+                    href: `${relativeHomeUrlPrepend}/`,
                     variation: "solid",
                     className: "",
                     children: "Go to home"
@@ -4397,6 +4246,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: {
@@ -7462,7 +7470,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", {