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

package/dist/main.js

@@ -3474,7 +3474,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 +3536,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"
@@ -6034,13 +6066,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 +6096,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 +6119,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     ]);
     return {
         loading: enabled ? isPending : false,
+        error: error,
         values: values,
         count: count,
         columns: columns,