@civicactions/cmsds-open-data-components 4.0.19-alpha.3 → 4.0.19-alpha.5

package/dist/main.js

@@ -2,7 +2,7 @@ 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, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams} 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";
@@ -1428,31 +1428,30 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
 const $e873081a6e8f024e$export$1040147c129fdde9 = (query)=>{
     return /^[a-zA-Z0-9 ]*$/.test(query.trim());
 };
+const $e873081a6e8f024e$var$sortOptions = [
+    {
+        label: 'Newest',
+        value: 'newest'
+    },
+    {
+        label: 'Oldest',
+        value: 'oldest'
+    },
+    {
+        label: 'Title A-Z',
+        value: 'titleAZ'
+    },
+    {
+        label: 'Title Z-A',
+        value: 'titleZA'
+    }
+];
 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, showTopics: showTopics = false, topicSlugFunction: topicSlugFunction, children: children } = props;
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
-    const sortOptions = [
-        {
-            label: 'Newest',
-            value: 'newest'
-        },
-        {
-            label: 'Oldest',
-            value: 'oldest'
-        },
-        {
-            label: 'Title A-Z',
-            value: 'titleAZ'
-        },
-        {
-            label: 'Title Z-A',
-            value: 'titleZA'
-        }
-    ];
-    const location = (0, $hgUW1$useLocation)();
     const [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
     // Derive all search state from URL params
     const selectedFacets = (0, $hgUW1$useMemo)(()=>({
@@ -1533,7 +1532,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         setSearchParams({});
     }
     const pageSize = defaultPageSize;
-    let params = {
+    const params = {
         fulltext: fulltext ? fulltext : undefined,
         ...selectedFacets,
         sort: sort ? sort : undefined,
@@ -1541,7 +1540,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         page: page !== 1 ? page : undefined,
         ['page-size']: pageSize !== 10 ? pageSize : undefined
     };
-    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
+    const { data: data, isPending: isPending } = (0, $hgUW1$useQuery)({
         queryKey: [
             "datasets",
             params
@@ -1554,7 +1553,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         }
     });
     const totalItems = data?.data?.total ? Number(data.data.total) : 0;
-    const facets = data && data.data.facets ? (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data ? data.data.facets : []) : {
+    const facets = data && data.data.facets ? (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data.data.facets) : {
         theme: null,
         keyword: null
     };
@@ -1572,7 +1571,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         pageSize,
         page
     ]);
-    const noResults = totalItems <= 0 && !isPending;
+    const noResults = totalItems <= 0 && !isPending && data?.data?.results !== undefined;
     const announcementText = (0, $hgUW1$useMemo)(()=>{
         if (noResults) return 'No results found.';
         if (!isPending && (!data || !data.data.results)) return 'Could not connect to the API.';
@@ -1632,6 +1631,12 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                     page: null
                                                 }));
                                             } else setInvalidSearch(true);
+                                        } else {
+                                            setInvalidSearch(false);
+                                            setSearchParams(buildNextParams({
+                                                fulltext: null,
+                                                page: null
+                                            }));
                                         }
                                     },
                                     className: "dkan-dataset-search ds-l-form-row ds-u-padding-bottom--4 ds-u-border-bottom--1",
@@ -1719,7 +1724,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                 enableSort && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                                     className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-u-sm-padding-right--0",
                                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                                                        options: sortOptions,
+                                                        options: $e873081a6e8f024e$var$sortOptions,
                                                         value: sortDisplay,
                                                         label: "Sort",
                                                         labelClassName: "ds-u-margin-top--0",
@@ -1738,46 +1743,42 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                     role: "region",
                                                     heading: "No results found."
                                                 }),
-                                                data && data.data.results ? Object.keys(data.data.results).map((key)=>{
-                                                    return data.data.results[key];
-                                                }).map((item)=>{
-                                                    function getDownloadUrl(item) {
-                                                        let distribution_array = item.distribution ? item.distribution : [];
-                                                        return distribution_array.length ? item.distribution[0].downloadURL : null;
-                                                    }
-                                                    let showLargeFile = false;
-                                                    if (largeFileThemes && item.theme) largeFileThemes.forEach((theme)=>{
-                                                        if (item.theme.includes(theme)) showLargeFile = true;
-                                                    });
-                                                    let dateDetailProps = {};
-                                                    if (showDateDetails) dateDetailProps = {
+                                                data && data.data.results ? Object.values(data.data.results).map((item)=>{
+                                                    const downloadUrl = (()=>{
+                                                        const distribution_array = item.distribution ?? [];
+                                                        return distribution_array.length ? distribution_array[0].downloadURL : null;
+                                                    })();
+                                                    const showLargeFile = largeFileThemes && item.theme ? largeFileThemes.some((theme)=>item.theme.includes(theme)) : false;
+                                                    const dateDetailProps = showDateDetails ? {
                                                         showDateDetails: showDateDetails,
                                                         released: item.released,
                                                         refresh: item.nextUpdateDate
-                                                    };
-                                                    let topicProps = {};
-                                                    if (showTopics) {
-                                                        let topicSlugs = {};
+                                                    } : {};
+                                                    const topicProps = (()=>{
+                                                        if (!showTopics) return {};
+                                                        const topicSlugs = {};
                                                         if (item.theme && Array.isArray(item.theme)) item.theme.forEach((topic)=>{
-                                                            if (topic) topicSlugs[topic] = topicSlugFunction ? topicSlugFunction(topic) : topic.split(' ').join('-').toLowerCase();
+                                                            if (topic) {
+                                                                const slug = topicSlugFunction ? topicSlugFunction(topic) : topic.split(' ').join('-').toLowerCase();
+                                                                if (slug) topicSlugs[topic] = slug;
+                                                            }
                                                         });
-                                                        topicProps = {
+                                                        return {
                                                             showTopics: showTopics,
                                                             theme: item.theme,
                                                             topicSlugs: topicSlugs
                                                         };
-                                                    }
+                                                    })();
                                                     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $52c6454cae137465$export$2e2bcd8739ae039), {
-                                                        location: location,
                                                         title: item.title,
                                                         modified: item.modified,
                                                         description: item.description,
                                                         identifier: item.identifier,
-                                                        downloadUrl: showDownloadIcon ? getDownloadUrl(item) : null,
+                                                        downloadUrl: showDownloadIcon ? downloadUrl : null,
                                                         largeFile: showLargeFile,
                                                         paginationEnabled: enablePagination,
                                                         dataDictionaryLinks: dataDictionaryLinks,
-                                                        distribution: "%Ref:distribution" in item ? item["%Ref:distribution"][0] : {},
+                                                        distribution: "%Ref:distribution" in item && item["%Ref:distribution"] ? item["%Ref:distribution"][0] : {},
                                                         ...dateDetailProps,
                                                         ...topicProps
                                                     }, item.identifier);
@@ -1788,7 +1789,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                 })
                                             ]
                                         }),
-                                        enablePagination && data && data.data.total && data.data.total != 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
+                                        enablePagination && data && data.data.total && Number(data.data.total) !== 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
                                             currentPage: Number(page),
                                             totalPages: Math.ceil(Number(data.data.total) / pageSize),
                                             onPageChange: (evt, page)=>{
@@ -3732,10 +3733,11 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
     const { distribution: distribution, resource: resource, customColumns: customColumns = [], enableEmptyFilters: enableEmptyFilters } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
     const { setPage: setPage } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
     if (!resource) return null;
-    const customColumnHeaders = (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution.identifier]);
     const id = distribution.identifier;
-    const columns = customColumnHeaders ? customColumnHeaders : (0, $a35cf16d1488f54e$export$1147582dfae658c6)(resource.columns, resource.schema[id]);
     const { conditions: conditions, schema: schema, setConditions: setConditions, setOffset: setOffset } = resource;
+    if (!schema[id]?.fields) return null;
+    const customColumnHeaders = (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution.identifier]);
+    const columns = customColumnHeaders ? customColumnHeaders : (0, $a35cf16d1488f54e$export$1147582dfae658c6)(resource.columns, resource.schema[id]);
     const fields = Object.keys(schema[id].fields);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
     const [titleConditions, setTitleConditions] = (0, $hgUW1$useState)([]);