@civicactions/cmsds-open-data-components 4.1.7-alpha.0 → 4.1.7-alpha.2

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, 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 {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, useNavigate as $hgUW1$useNavigate, useSearchParams as $hgUW1$useSearchParams, useLocation as $hgUW1$useLocation, Link as $hgUW1$Link} from "react-router-dom";
+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$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";
@@ -270,6 +270,199 @@ 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)=>{
@@ -336,9 +529,14 @@ const $669b51f08325b4e3$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
             subLinkClasses: subLinkClasses,
             setIsExpanded: setIsExpanded
         });
-        else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) submenuBlock = /*#__PURE__*/ (0, $hgUW1$react).cloneElement(link.submenu, {
-            subLinkClasses: subLinkClasses
-        });
+        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
+            });
+        }
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
         className: `dkan-c-nav-submenu has-submenu${isExpanded ? ' open' : ''}`,
@@ -381,26 +579,6 @@ 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;
-
-
-
-
 
 
 
@@ -1190,14 +1368,6 @@ 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 = {};
@@ -1255,11 +1425,6 @@ 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());
 };
@@ -2455,13 +2620,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 an possible undefined/non-matches
+        .map((column)=>({
                 id: column.id,
                 visible: column.getIsVisible()
-            };
-        }));
+            })));
     }, [
         columnOrder
     ]);
@@ -2597,13 +2761,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 an possible undefined/non-matches
+                                        .map((card)=>({
                                                 ...card,
                                                 visible: true
-                                            };
-                                        }));
+                                            })));
                                     },
                                     children: "Reset Columns"
                                 })
@@ -3309,7 +3472,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' : '',
@@ -3360,7 +3534,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: "/",
+                    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"
@@ -4202,165 +4397,6 @@ 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: {
@@ -6028,13 +6064,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
     });
@@ -6048,7 +6094,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)(()=>{
@@ -6071,6 +6117,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     ]);
     return {
         loading: enabled ? isPending : false,
+        error: error,
         values: values,
         count: count,
         columns: columns,