@civicactions/cmsds-open-data-components 3.0.0-alpha.2 → 3.0.0-alpha.4

package/dist/main.js

@@ -1,7 +1,7 @@
 import "./main.css";
 import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
 import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect} from "react";
-import {Button as $hgUW1$Button, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Badge as $hgUW1$Badge, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Choice as $hgUW1$Choice, Tooltip as $hgUW1$Tooltip, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Dialog as $hgUW1$Dialog, HelpDrawer as $hgUW1$HelpDrawer} from "@cmsgov/design-system";
+import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Badge as $hgUW1$Badge, Choice as $hgUW1$Choice, Tooltip as $hgUW1$Tooltip, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Dialog as $hgUW1$Dialog, HelpDrawer as $hgUW1$HelpDrawer} from "@cmsgov/design-system";
 import $hgUW1$proptypes from "prop-types";
 import {NavLink as $hgUW1$NavLink, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate} from "react-router-dom";
 import $hgUW1$qs from "qs";
@@ -367,78 +367,118 @@ var $dc6d3aaf3e07417b$export$2e2bcd8739ae039 = $dc6d3aaf3e07417b$var$DatasetSear
 
 
 
-
-function $19c005961efdef1a$export$e4d153b3e021fb47(currentFacet, selectedFacets) {
-    let isSelected = -1;
-    if (selectedFacets) isSelected = selectedFacets.findIndex((s)=>s === currentFacet);
-    return isSelected;
-}
-const $19c005961efdef1a$var$DatasetSearchFacets = ({ title: title , facets: facets , onclickFunction: onclickFunction , selectedFacets: selectedFacets , loading: loading  })=>{
-    const showLimit = 25;
-    const [isOpen, setIsOpen] = (0, $hgUW1$useState)(true);
-    const [showMore, setShowMore] = (0, $hgUW1$useState)(false);
-    const filteredFacets = facets.filter((f)=>{
-        const selectedIndex = selectedFacets.findIndex((item)=>item === f.name);
-        return f.total > 0 || selectedIndex !== -1;
-    });
+const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
+    const { facets: facets , title: title , onClickFunction: onClickFunction , selectedFacets: selectedFacets = []  } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "ds-u-margin-bottom--4 dc-dataset-search--facets-container",
+        className: "dkan-dataset-search--facet-container ds-u-margin-bottom--4",
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
                 contentClassName: "ds-u-padding-left--1 ds-u-padding-right--0",
-                heading: `${title} (${filteredFacets.length})`,
+                heading: title,
                 defaultOpen: true,
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-                    children: filteredFacets.length ? /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                        className: "dc-dataset-search--facets ds-u-padding--0 ds-u-margin--0",
-                        children: filteredFacets.map((f)=>{
-                            return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
-                                    className: "ds-u-margin-y--1",
-                                    checked: $19c005961efdef1a$export$e4d153b3e021fb47(f.name, selectedFacets) > -1 ? true : false,
-                                    name: `facet_theme_${f.name}`,
-                                    type: "checkbox",
-                                    label: `${f.name} (${f.total})`,
-                                    value: f.name,
-                                    onClick: (e)=>onclickFunction({
-                                            key: f.type,
-                                            value: e.target.value
-                                        })
-                                })
-                            }, f.name);
-                        })
-                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                        className: "ds-h5",
-                        children: "No matching facets found."
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                    children: facets.filter((f)=>{
+                        return Number(f.total) > 0;
+                    }).map((f)=>{
+                        return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
+                                className: "ds-u-margin-y--1",
+                                checked: selectedFacets.findIndex((s)=>s === f.name) > -1 ? true : false,
+                                name: `facet_theme_${f.name}`,
+                                type: "checkbox",
+                                label: `${f.name} (${f.total})`,
+                                value: f.name,
+                                onClick: ()=>onClickFunction(f.type, f.name)
+                            })
+                        }, f.name);
                     })
                 })
             })
         })
     });
 };
-$19c005961efdef1a$var$DatasetSearchFacets.defaultProps = {
-    selectedFacets: []
-};
-$19c005961efdef1a$var$DatasetSearchFacets.propTypes = {
-    title: (0, $hgUW1$proptypes).string.isRequired,
-    facets: (0, $hgUW1$proptypes).arrayOf((0, $hgUW1$proptypes).shape({
-        type: (0, $hgUW1$proptypes).string.isRequired,
-        name: (0, $hgUW1$proptypes).string.isRequired,
-        total: (0, $hgUW1$proptypes).oneOfType([
-            (0, $hgUW1$proptypes).number,
-            (0, $hgUW1$proptypes).string
-        ]).isRequired
-    })).isRequired,
-    onclickFunction: (0, $hgUW1$proptypes).func.isRequired
+var $e011250e8a3bd5e5$export$2e2bcd8739ae039 = $e011250e8a3bd5e5$var$SearchFacets;
+
+
+
+
+const $3b2d31a9c6cd2284$var$LargeFileInfo = (props)=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: props.className,
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                children: "Some datasets contain very large files and, depending on your network characteristics and software, may take a long time to download or fail to download. Additionally, the number of rows in the file may be larger than the maximum rows your version of Microsoft Excel supports. If you can't download the file, we recommend engaging your IT support staff. If you are able to download the file but are unable to open it in MS Excel or get a message that the data has been truncated, we recommend trying alternative programs such as MS Access, Universal Viewer, Editpad or any other software your organization has available for large datasets."
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                    to: "/about/software-specs-and-limits",
+                    children: "Click here to learn more about software specifications and limits."
+                })
+            })
+        ]
+    });
+var $3b2d31a9c6cd2284$export$2e2bcd8739ae039 = $3b2d31a9c6cd2284$var$LargeFileInfo;
+
+
+
+
+
+const $0a551147dc92a718$var$SearchButton = (props)=>{
+    const { text: text  } = props;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
+        type: "submit",
+        variation: "solid",
+        className: "ds-l-col--2",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                className: "fas fa-search small-text ds-u-sm-display--none"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "full-text ds-u-display--none ds-u-sm-display--inline-block ds-u-display--flex ds-u-align-items--center",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                        children: text ? text : "Search"
+                    }),
+                    ` `,
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                        className: "fas fa-arrow-right"
+                    })
+                ]
+            })
+        ]
+    });
 };
-var $19c005961efdef1a$export$2e2bcd8739ae039 = $19c005961efdef1a$var$DatasetSearchFacets;
+var $0a551147dc92a718$export$2e2bcd8739ae039 = $0a551147dc92a718$var$SearchButton;
+
+
 
 
+const $5723016a5461c1ca$var$PageHeader = (props)=>{
+    const { headerText: headerText  } = props;
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "ds-l-container ds-u-padding-top--4",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+            className: "ds-l-row",
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "ds-l-md-col--8",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
+                    className: "dc-c-entity__name ds-h1 ds-u-margin-bottom--6",
+                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                        className: "ds-u-margin-right--2",
+                        "data-testid": "profile-full-name",
+                        children: headerText
+                    })
+                })
+            })
+        })
+    });
+};
+var $5723016a5461c1ca$export$2e2bcd8739ae039 = $5723016a5461c1ca$var$PageHeader;
 
 
 
 
-function $116bd29db288848e$export$959638e8dca60ce6(facets) {
+
+function $eff7d34c30f5a0fc$export$959638e8dca60ce6(facets) {
     let facetObj = {};
     if (facets) {
         facets.forEach((f)=>{
@@ -453,52 +493,24 @@ function $116bd29db288848e$export$959638e8dca60ce6(facets) {
         return facetObj;
     }
 }
-function $116bd29db288848e$export$b638ec7c7eac7f18(facets, alternateTitles) {
-    let message = [];
-    const keys = Object.keys(facets);
-    keys.forEach((k)=>{
-        if (facets[k].length) message.push(`${alternateTitles[k]}: ${facets[k].join(", ")}`);
-    });
-    return message.join(" & ");
-}
-function $116bd29db288848e$export$60ec7cc1d341a524(searchParams, facetList, defaultSortOptions) {
+function $eff7d34c30f5a0fc$export$60ec7cc1d341a524(searchParams, facetList, defaultSortOptions) {
     const params = (0, $hgUW1$qs).parse(searchParams, {
         ignoreQueryPrefix: true
     });
-    const selectedFacets = {};
-    facetList.forEach((facet)=>{
-        selectedFacets[facet] = params[facet] ? params[facet] : [];
-    });
+    let themes = params.theme;
+    let keywords = params.keyword;
     return {
         page: params.page,
         sort: !params.sort ? defaultSortOptions.defaultSort : params.sort,
         sortOrder: !params.sortOrder ? defaultSortOptions.defaultOrder : params.sortOrder,
         fulltext: params.fulltext,
-        selectedFacets: selectedFacets
-    };
-}
-function $116bd29db288848e$export$73b41a3a66d60730(currentFacet, selectedFacets) {
-    const isInSelectedFacets = selectedFacets[currentFacet.key] ? selectedFacets[currentFacet.key].indexOf(currentFacet.value) : -1;
-    return isInSelectedFacets;
-}
-function $116bd29db288848e$export$9ef1e909a5e43470(currentFacet, selectedFacets) {
-    const key = currentFacet["key"];
-    let newFacetList = {
-        ...selectedFacets
+        selectedFacets: {
+            theme: themes ? themes : [],
+            keyword: keywords ? keywords : []
+        }
     };
-    if (newFacetList[key]) {
-        const existingFacet = $116bd29db288848e$export$73b41a3a66d60730(currentFacet, newFacetList);
-        if (existingFacet > -1) newFacetList[key].splice(existingFacet, 1);
-        else newFacetList[key] = [
-            ...newFacetList[key],
-            currentFacet.value
-        ];
-    } else newFacetList[key] = [
-        currentFacet.value
-    ];
-    return newFacetList;
 }
-async function $116bd29db288848e$export$2d2256cb46e92ff7(rootUrl, options, additionalParams) {
+async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, additionalParams) {
     const { fulltext: fulltext , selectedFacets: selectedFacets , sort: sort , sortOrder: sortOrder , page: page , pageSize: pageSize  } = options;
     let params = {
         fulltext: fulltext ? fulltext : undefined,
@@ -511,51 +523,71 @@ async function $116bd29db288848e$export$2d2256cb46e92ff7(rootUrl, options, addit
     };
     return await (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify(params, {
         arrayFormat: "comma",
-        encode: false,
-        skipEmptyString: true
+        encode: false
     })}`);
 }
-function $116bd29db288848e$export$28fa7926a3fa4176(selectedFacets, fulltext, sort) {
-    let newParams = {
-        ...selectedFacets
-    };
-    if (fulltext) newParams.fulltext = fulltext;
-    if (sort) newParams.sort = sort;
-    return (0, $hgUW1$qs).stringify(newParams, {
-        addQueryPrefix: true,
-        encode: false,
-        arrayFormat: "brackets"
-    });
-}
 
 
 
 
-const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pageTitle , introText: introText , fulltextLabel: fulltextLabel , fulltextLabelClassName: fulltextLabelClassName , fulltextPlaceholder: fulltextPlaceholder , filterTitle: filterTitle , formClassName: formClassName , additionalParams: additionalParams , sortOptions: sortOptions , defaultSort: defaultSort , showSort: showSort  })=>{
+const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
+    const { rootUrl: rootUrl , surveyLink: surveyLink , additionalParams: additionalParams , enableSort: enableSort , pageTitle: pageTitle , filterTitle: filterTitle , showSort: showSort , showLargeFileWarning: showLargeFileWarning , introText: introText  } = props;
+    const defaultSort = {
+        defaultSort: "modified",
+        defaultOrder: "desc"
+    };
+    const sortOptions = [
+        {
+            label: "Newest",
+            value: "newest"
+        },
+        {
+            label: "Oldest",
+            value: "oldest"
+        },
+        {
+            label: "Title A-Z",
+            value: "titleAZ"
+        },
+        {
+            label: "Title Z-A",
+            value: "titleZA"
+        }
+    ];
     const defaultSortBy = "";
     const defaultFulltext = "";
-    const defaultSelectedFacets = {};
+    const defaultSelectedFacets = {
+        theme: [],
+        keyword: []
+    };
     const defaultSortOrder = "";
     const defaultPage = 1;
     const defaultPageSize = 10;
     const location = (0, $hgUW1$useLocation)();
-    const transformedParams = (0, $116bd29db288848e$export$60ec7cc1d341a524)(location.search, [
+    const transformedParams = (0, $eff7d34c30f5a0fc$export$60ec7cc1d341a524)(location.search, [
         "theme",
         "keyword"
     ], defaultSort);
-    const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)(null);
+    const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
+        total: 0,
+        startingNumber: 0,
+        endingNumber: 0
+    });
     const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
     let [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
     const [fulltext, setFullText] = (0, $hgUW1$useState)(transformedParams.fulltext);
     const [filterText, setFilterText] = (0, $hgUW1$useState)(transformedParams.fulltext);
-    const [totalItems, setTotalItems] = (0, $hgUW1$useState)(null);
+    const [totalItems, setTotalItems] = (0, $hgUW1$useState)(0);
     const [page, setPage] = (0, $hgUW1$useState)(transformedParams.page ? transformedParams.page : defaultPage);
     const [sort, setSort] = (0, $hgUW1$useState)(transformedParams.sort ? transformedParams.sort : defaultSort ? defaultSort.defaultSort : defaultSortBy);
     const [sortOrder, setSortOrder] = (0, $hgUW1$useState)(transformedParams.sortOrder ? transformedParams.sortOrder : defaultSort ? defaultSort.defaultOrder : defaultSortOrder);
     const [sortDisplay, setSortDisplay] = (0, $hgUW1$useState)(()=>{
         return sort === "modified" ? sortOrder === "desc" ? "newest" : "oldest" : sortOrder === "desc" ? "titleZA" : "titleAZ";
     });
-    const [selectedFacets, setSelectedFacets] = (0, $hgUW1$useState)(transformedParams.selectedFacets ? transformedParams.selectedFacets : defaultSelectedFacets);
+    const [selectedFacets, setSelectedFacets] = (0, $hgUW1$useState)(transformedParams.selectedFacets ? transformedParams.selectedFacets : {
+        theme: [],
+        keyword: []
+    });
     const setSortOptions = (value)=>{
         setSortDisplay(value);
         switch(value){
@@ -577,12 +609,23 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
                 break;
         }
     };
-    function updateSelectedFacets(currentFacet) {
-        const facets = (0, $116bd29db288848e$export$9ef1e909a5e43470)(currentFacet, selectedFacets);
-        setPage(1);
-        setSelectedFacets(facets);
+    function updateSelectedFacets(key, value) {
+        const newFacets = {
+            ...selectedFacets
+        };
+        if (key === "theme") {
+            const existingFacet = newFacets.theme.findIndex((s)=>s === value);
+            if (existingFacet > -1) newFacets.theme.splice(existingFacet, 1);
+            else newFacets.theme.push(value);
+        }
+        if (key === "keyword") {
+            const existingFacet = newFacets.keyword.findIndex((s)=>s === value);
+            if (existingFacet > -1) newFacets.keyword.splice(existingFacet, 1);
+            else newFacets.keyword.push(value);
+        }
+        setSelectedFacets(newFacets);
     }
-    const pageSize = location.search.pageSize ? location.search.pageSize : defaultPageSize;
+    const pageSize = defaultPageSize;
     (0, $hgUW1$useEffect)(()=>{
         const baseNumber = Number(totalItems) > 0 ? 1 : 0;
         const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
@@ -592,7 +635,7 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
             startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
             endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
         });
-        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
+        if (totalItems && totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
         else setNoResults(false);
     }, [
         totalItems,
@@ -643,183 +686,182 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
         params
     ], ()=>(0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify(params, {
             arrayFormat: "comma",
-            encode: false,
-            skipEmptyString: true
+            encode: false
         })}`));
     if (data && totalItems != data.data.total) setTotalItems(data.data.total);
-    const { theme: theme , keyword: keyword  } = (0, $116bd29db288848e$export$959638e8dca60ce6)(data ? data.data.facets : []);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
-        className: "ds-l-container",
+    const facets = (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data ? data.data.facets : []);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
-                className: "dc-search-header ds-title ds-u-margin-y--3",
-                children: pageTitle
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
+                headerText: pageTitle
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-l-row",
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                    className: "ds-l-col--12",
-                    children: [
-                        introText ? introText : null,
-                        /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
-                            onSubmit: (e)=>{
-                                e.preventDefault();
-                                ()=>{
-                                    setFullText(filterText);
-                                    setPage(defaultPage);
-                                };
-                            },
-                            className: formClassName,
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
+                className: "ds-l-container",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-row",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            className: "ds-l-col--12 ds-u-margin-bottom--3",
                             children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
-                                    fieldClassName: "ds-u-margin--0",
-                                    value: filterText,
-                                    className: "dc-fulltext--input-container ds-u-padding-right--2",
-                                    label: fulltextLabel,
-                                    labelClassName: fulltextLabelClassName,
-                                    placeholder: fulltextPlaceholder,
-                                    name: "dataset_fulltext_search",
-                                    onChange: (e)=>setFilterText(e.target.value)
+                                introText ? introText : null,
+                                showLargeFileWarning && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "ds-l-row ds-u-margin-bottom--6",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                        className: "ds-l-md-col--12",
+                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
+                                            bordered: true,
+                                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
+                                                contentClassName: "downloading-datasets",
+                                                heading: "Please read before downloading datasets",
+                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b2d31a9c6cd2284$export$2e2bcd8739ae039), {})
+                                            })
+                                        })
+                                    })
                                 }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                    type: "submit",
-                                    variation: "solid",
-                                    htmlFor: "dataset_fulltext_search",
-                                    onClick: ()=>{
+                                /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
+                                    onSubmit: (e)=>{
+                                        e.preventDefault();
                                         setFullText(filterText);
-                                        setPage(defaultPage);
                                     },
-                                    children: "Search"
+                                    className: "dkan-dataset-search ds-l-form-row ds-u-padding-bottom--6 ds-u-border-bottom--1",
+                                    children: [
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                            className: "ds-c-field__before fas fa-search ds-u-display--none ds-u-sm-display--inline-block"
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
+                                            fieldClassName: "ds-u-margin--0",
+                                            value: filterText,
+                                            className: "ds-u-padding-right--2 ds-l-col--10",
+                                            label: "Search datasets",
+                                            labelClassName: "ds-u-visibility--screen-reader",
+                                            placeholder: "Search datasets",
+                                            name: "dataset_fulltext_search",
+                                            onChange: (e)=>setFilterText(e.target.value)
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $0a551147dc92a718$export$2e2bcd8739ae039), {})
+                                    ]
                                 })
                             ]
                         })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-l-row ds-u-padding-top--6",
-                children: [
+                    }),
                     /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-l-col--12 ds-l-sm-col--4",
+                        className: "ds-l-row ds-u-padding-top--6",
                         children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                className: "dc-dataset-search--clear-all-filters ds-u-margin-bottom--2",
-                                onClick: ()=>resetFilters(),
-                                children: "Clear all filters"
-                            }),
-                            theme && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $19c005961efdef1a$export$2e2bcd8739ae039), {
-                                facets: theme,
-                                title: "Categories",
-                                onClickFunction: updateSelectedFacets,
-                                selectedFacets: selectedFacets.theme
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--4",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                        className: "dc-dataset-search--clear-all-filters ds-u-margin-bottom--2",
+                                        onClick: ()=>resetFilters(),
+                                        children: "Clear all filters"
+                                    }),
+                                    facets.theme && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e011250e8a3bd5e5$export$2e2bcd8739ae039), {
+                                        facets: facets.theme,
+                                        title: "Categories",
+                                        onClickFunction: updateSelectedFacets,
+                                        selectedFacets: selectedFacets.theme
+                                    }),
+                                    facets.keyword && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e011250e8a3bd5e5$export$2e2bcd8739ae039), {
+                                        facets: facets.keyword,
+                                        title: filterTitle,
+                                        onClickFunction: updateSelectedFacets,
+                                        selectedFacets: selectedFacets.keyword
+                                    })
+                                ]
                             }),
-                            keyword && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $19c005961efdef1a$export$2e2bcd8739ae039), {
-                                facets: keyword,
-                                title: filterTitle ? filterTitle : "Tags",
-                                onClickFunction: updateSelectedFacets,
-                                selectedFacets: selectedFacets.keyword
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-col--12 ds-l-sm-col--8",
-                        children: status === "loading" ? /*#__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)("div", {
-                                    className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end ds-u-flex-wrap--reverse ds-u-sm-flex-wrap--wrap",
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--8",
+                                children: status === "loading" ? /*#__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)("div", {
-                                            className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8",
+                                            className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end ds-u-flex-wrap--reverse ds-u-sm-flex-wrap--wrap",
                                             children: [
-                                                currentResultNumbers && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
-                                                    className: "ds-u-margin-y--0",
-                                                    role: "region",
-                                                    "aria-live": "polite",
-                                                    "data-testid": "currentResults",
-                                                    children: [
-                                                        "Showing ",
-                                                        currentResultNumbers.startingNumber,
-                                                        " -",
-                                                        " ",
-                                                        currentResultNumbers.endingNumber,
-                                                        " of ",
-                                                        data.data.total,
-                                                        " datasets"
-                                                    ]
+                                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                                    className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8",
+                                                    children: currentResultNumbers && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                                                        className: "ds-u-margin-y--0",
+                                                        role: "region",
+                                                        "aria-live": "polite",
+                                                        "data-testid": "currentResults",
+                                                        children: [
+                                                            "Showing ",
+                                                            currentResultNumbers.startingNumber,
+                                                            " -",
+                                                            " ",
+                                                            currentResultNumbers.endingNumber,
+                                                            " of ",
+                                                            data ? data.data.total : "",
+                                                            " datasets"
+                                                        ]
+                                                    })
                                                 }),
-                                                /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                                    className: "ds-u-margin-y--0",
-                                                    children: (0, $116bd29db288848e$export$b638ec7c7eac7f18)(selectedFacets, {
-                                                        theme: "Categories",
-                                                        keyword: "Tags"
+                                                showSort && /*#__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,
+                                                        value: sortDisplay,
+                                                        label: "Sort",
+                                                        labelClassName: "ds-u-margin-top--0",
+                                                        name: "dataset_search_sort",
+                                                        onChange: (e)=>setSortOptions(e.target.value)
                                                     })
                                                 })
                                             ]
                                         }),
-                                        showSort && /*#__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,
-                                                value: sortDisplay,
-                                                label: "Sort",
-                                                labelClassName: "ds-u-margin-top--0",
-                                                name: "dataset_search_sort",
-                                                onChange: (e)=>setSortOptions(e.target.value)
-                                            })
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
-                                    className: "dc-dataset-search-list ds-u-padding--0",
-                                    children: [
-                                        noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                                            variation: "error",
-                                            heading: "No results found."
+                                        /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
+                                            className: "dc-dataset-search-list ds-u-padding--0",
+                                            "data-testid": "results-list",
+                                            children: [
+                                                noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                                                    variation: "error",
+                                                    heading: "No results found."
+                                                }),
+                                                data && Object.keys(data.data.results).map((key)=>{
+                                                    return data.data.results[key];
+                                                }).map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                                                        className: "ds-u-padding--0",
+                                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $dc6d3aaf3e07417b$export$2e2bcd8739ae039), {
+                                                            item: item,
+                                                            updateFacets: updateSelectedFacets
+                                                        })
+                                                    }, item.identifier))
+                                            ]
                                         }),
-                                        Object.keys(data.data.results).map((key)=>{
-                                            return data.data.results[key];
-                                        }).map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                                                className: "ds-u-padding--0",
-                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $dc6d3aaf3e07417b$export$2e2bcd8739ae039), {
-                                                    item: item,
-                                                    updateFacets: updateSelectedFacets
-                                                })
-                                            }, item.identifier))
+                                        data && 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)=>{
+                                                evt.preventDefault();
+                                                window.scroll(0, 0);
+                                                setPage(page);
+                                            },
+                                            renderHref: (page)=>{
+                                                const searchParams = buildSearchParams(false);
+                                                const includeAnd = searchParams ? "&" : "";
+                                                return `/datasets?page=${page}${includeAnd}${searchParams}`;
+                                            }
+                                        })
                                     ]
-                                }),
-                                data.data.total != 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
-                                    id: "test-default",
-                                    currentPage: Number(page),
-                                    totalPages: Math.ceil(Number(data.data.total) / pageSize),
-                                    onPageChange: (evt, page)=>{
-                                        evt.preventDefault();
-                                        window.scroll(0, 0);
-                                        setPage(page);
-                                    },
-                                    renderHref: (page)=>{
-                                        const searchParams = buildSearchParams(false);
-                                        const includeAnd = searchParams ? "&" : "";
-                                        return `/datasets?page=${page}${includeAnd}${searchParams}`;
-                                    }
                                 })
-                            ]
-                        })
+                            })
+                        ]
                     })
                 ]
             })
         ]
     });
 };
-$007dd6bfbe0f2956$var$DatasetSearch.defaultProps = {
-    pageTitle: "Datasets",
+$e873081a6e8f024e$var$DatasetSearch.defaultProps = {
+    pageTitle: "Dataset Explorer",
     introText: "",
     fulltextLabel: "Search term",
     fulltextLabelClassName: "ds-u-visibility--screen-reader",
-    fulltextPlaceholder: "Type search term here",
+    fulltextPlaceholder: "Search datasets",
+    filterTitle: "Tags",
     formClassName: "ds-u-display--flex ds-u-justify-content--between ds-u-margin-bottom--2",
     showSort: true,
     sortOptions: [
@@ -843,9 +885,10 @@ $007dd6bfbe0f2956$var$DatasetSearch.defaultProps = {
     defaultSort: {
         defaultSort: "modified",
         defaultOrder: "desc"
-    }
+    },
+    showLargeFileWarning: false
 };
-var $007dd6bfbe0f2956$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($007dd6bfbe0f2956$var$DatasetSearch);
+var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($e873081a6e8f024e$var$DatasetSearch);
 
 
 
@@ -3447,7 +3490,7 @@ const $efc410f5f7ac5ef3$var$useSearchAPI = (rootUrl, initialSearchParams = {}, a
             page: Number(page),
             pageSize: pageSize
         };
-        const results = await (0, $116bd29db288848e$export$2d2256cb46e92ff7)(rootUrl, options, additionalParams);
+        const results = await (0, $eff7d34c30f5a0fc$export$2d2256cb46e92ff7)(rootUrl, options, additionalParams);
         const itemKeys = Object.keys(results.data.results);
         const itemsArray = itemKeys.map((key)=>{
             return results.data.results[key];
@@ -3462,10 +3505,6 @@ const $efc410f5f7ac5ef3$var$useSearchAPI = (rootUrl, initialSearchParams = {}, a
         setSelectedFacets(defaultSelectedFacets);
         setPage(defaultPage);
     }
-    function updateSelectedFacets(currentFacet) {
-        const facets = (0, $116bd29db288848e$export$9ef1e909a5e43470)(currentFacet, selectedFacets);
-        setSelectedFacets(facets);
-    }
     (0, $hgUW1$useEffect)(()=>{
         if (totalItems !== null) setPage(1);
     }, [
@@ -3504,7 +3543,6 @@ const $efc410f5f7ac5ef3$var$useSearchAPI = (rootUrl, initialSearchParams = {}, a
         setPageSize: setPageSize,
         setSort: setSort,
         setSortOrder: setSortOrder,
-        updateSelectedFacets: updateSelectedFacets,
         setFulltext: setFulltext,
         resetFilters: resetFilters
     };
@@ -4635,5 +4673,5 @@ var $90fb213ab8eeb2e7$export$2e2bcd8739ae039 = $90fb213ab8eeb2e7$var$useScrollTo
 
 
 
-export {$f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $007dd6bfbe0f2956$export$2e2bcd8739ae039 as DatasetSearch, $6e7bdcbebdb4b794$export$2e2bcd8739ae039 as Dataset, $a5a6a06d249c33b8$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $dc6d3aaf3e07417b$export$2e2bcd8739ae039 as DatasetSearchListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $f29607dfa784d2bd$export$2e2bcd8739ae039 as ResourceFilter, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $68d79598b83f3382$export$2e2bcd8739ae039 as useMetastoreDataset, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults};
+export {$f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $6e7bdcbebdb4b794$export$2e2bcd8739ae039 as Dataset, $a5a6a06d249c33b8$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $dc6d3aaf3e07417b$export$2e2bcd8739ae039 as DatasetSearchListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $f29607dfa784d2bd$export$2e2bcd8739ae039 as ResourceFilter, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $68d79598b83f3382$export$2e2bcd8739ae039 as useMetastoreDataset, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults};
 //# sourceMappingURL=main.js.map