@civicactions/cmsds-open-data-components 3.10.0-alpha.0 → 3.10.0-alpha.1

package/dist/main.js

@@ -1,8 +1,8 @@
 import "./main.css";
 import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
-import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Dropdown as $hgUW1$Dropdown, Choice as $hgUW1$Choice, Pagination as $hgUW1$Pagination, 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, 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, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Dropdown as $hgUW1$Dropdown, Choice as $hgUW1$Choice, Pagination as $hgUW1$Pagination, Badge as $hgUW1$Badge, 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} 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, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate} from "react-router-dom";
+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 $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";
@@ -275,7 +275,6 @@ var $11500a65bd7d9cf1$export$2e2bcd8739ae039 = $11500a65bd7d9cf1$var$HeaderConte
 
 
 
-
 const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)({
     defaultOptions: {
         queries: {
@@ -299,44 +298,25 @@ var $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 = $61ff88fb3f6ee2c8$var$withQueryPr
 
 
 
-
 const $4808982eba3feb88$var$DatasetListSubmenuItem = (props)=>{
-    const desktop = (0, $hgUW1$useMediaQuery)({
-        minWidth: 1024
-    });
-    const { title: title, identifier: identifier, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks } = props;
-    let linkContainerClasses = "ds-u-margin-bottom--2";
-    if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
-    else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
-    let linkClasses = "ds-u-display--block ds-u-text-align--left";
-    if (desktop) {
-        linkContainerClasses = "ds-u-padding-x--0";
-        linkClasses += " ds-l-col--4 ds-l-md-col--auto";
-    }
+    const { title: title, identifier: identifier, linkClasses: linkClasses } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-        className: "dc-c-list-item ds-u-padding-top--4",
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-            className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-l-row ds-u-align-items--start",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
-                    "aria-describedby": `dataset-${identifier}-updated-date`,
-                    to: `/dataset/${identifier}`,
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                        className: "ds-l-col--12 ds-text-heading--md",
-                        children: title
-                    })
-                })
+        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,
@@ -346,136 +326,36 @@ function $6d5c0212e738499b$export$34e95918366a058e(params, ACA) {
 }
 
 
-function $eff7d34c30f5a0fc$export$959638e8dca60ce6(facets) {
-    let facetObj = {};
-    if (facets) {
-        facets.forEach((f)=>{
-            if (facetObj[f.type]) facetObj[f.type] = [
-                ...facetObj[f.type],
-                f
-            ];
-            else facetObj[f.type] = [
-                f
-            ];
-        });
-        // sort facets descending by int value, put non int last
-        if (facetObj.keyword) facetObj.keyword.sort((a, b)=>{
-            if (Number(a.name) && Number(b.name)) return Number(b.name) - Number(a.name);
-        });
-        return facetObj;
-    }
-}
-function $eff7d34c30f5a0fc$export$60ec7cc1d341a524(searchParams, defaultSortOptions) {
-    const params = (0, $hgUW1$qs).parse(searchParams, {
-        ignoreQueryPrefix: true
-    });
-    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: {
-            theme: themes ? themes : [],
-            keyword: keywords ? keywords : []
-        }
-    };
-}
-async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA) {
-    const { fulltext: fulltext, selectedFacets: selectedFacets, sort: sort, sortOrder: sortOrder, page: page, pageSize: pageSize } = options;
-    let params = {
-        fulltext: fulltext ? fulltext : undefined,
-        ...selectedFacets,
-        sort: sort ? sort : undefined,
-        ["sort-order"]: sortOrder ? sortOrder : undefined,
-        page: page !== 1 ? page : undefined,
-        ["page-size"]: pageSize !== 10 ? pageSize : undefined
-    };
-    return await (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-        arrayFormat: "comma",
-        encode: false
-    })}`);
-}
-
-
-
 
 const $844981eac9b63865$export$eccc29c8d0ff408 = (0, $hgUW1$createContext)({
     ACA: undefined
 });
 
 
-const $9384a736d4d6f425$var$DatasetListSubmenu = (props)=>{
-    const { rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 3, defaultSort: defaultSort = {
-        defaultSort: "modified",
-        defaultOrder: "desc"
-    }, dataDictionaryLinks: dataDictionaryLinks = false } = props;
+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 defaultSortBy = "";
-    const defaultSortOrder = "";
-    const defaultPage = 1;
-    const location = (0, $hgUW1$useLocation)();
-    const transformedParams = (0, $eff7d34c30f5a0fc$export$60ec7cc1d341a524)(location.search, defaultSort);
     const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
         total: 0,
         startingNumber: 0,
         endingNumber: 0
     });
     const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
-    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)("");
-    let [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
     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 pageSize = defaultPageSize;
     (0, $hgUW1$useEffect)(()=>{
-        // Update browser URL with current search params
-        const params = buildSearchParams(true);
-        const url = new URL(window.location.href);
-        window.history.pushState({}, "", `${url.origin}${url.pathname}${params}`);
-        const baseNumber = Number(totalItems) > 0 ? 1 : 0;
-        const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
-        const endingNumber = Number(pageSize) * Number(page);
-        setCurrentResultNumbers({
-            total: Number(totalItems),
-            startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
-            endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
-        });
-        setTimeout(()=>{
-            setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
-        }, 100);
         if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
         else setNoResults(false);
     }, [
         totalItems,
-        pageSize,
-        page
-    ]);
-    (0, $hgUW1$useEffect)(()=>{
-        var params = buildSearchParams(true);
-        if (params !== location.search) setSearchParams(params);
-    }, [
-        page,
-        sort,
-        sortOrder
+        pageSize
     ]);
-    function buildSearchParams(includePage) {
-        let newParams = {};
-        if (Number(page) !== 1 && includePage) newParams.page = page;
-        if (sort !== defaultSort.defaultSort) newParams.sort = sort;
-        if (sortOrder !== defaultSort.defaultOrder) newParams.sortOrder = sortOrder;
-        return (0, $hgUW1$qs).stringify(newParams, {
-            addQueryPrefix: includePage,
-            encode: true
-        });
-    }
     let params = {
-        sort: sort ? sort : undefined,
-        ["sort-order"]: sortOrder ? sortOrder : undefined,
-        page: page !== 1 ? page : undefined,
-        ["page-size"]: pageSize !== 10 ? pageSize : undefined
+        sort: defaultSort.defaultSort,
+        ["sort-order"]: defaultSort.defaultOrder,
+        ["page-size"]: defaultPageSize
     };
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
@@ -489,79 +369,97 @@ const $9384a736d4d6f425$var$DatasetListSubmenu = (props)=>{
             })}`);
         }
     });
-    if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
+    let submenuItemsCount = 0;
+    if (data) {
+        if (data.data.total && totalItems !== data.data.total) setTotalItems(data.data.total);
+        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: "ds-l-container",
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-l-row ds-u-padding-top--4",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "ds-l-col--12",
-                    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), {
+            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: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
-                                children: "Test submenu list of new datasets."
+                            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 ds-u-margin-top--0 ds-u-margin-bottom--4 ds-u-display--block",
-                                "data-testid": "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,
-                                            paginationEnabled: enablePagination,
-                                            dataDictionaryLinks: dataDictionaryLinks
-                                        }, 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--end ds-u-flex-wrap--reverse ds-u-sm-flex-wrap--wrap",
-                                children: enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8",
+                            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",
+                                        className: "ds-u-margin-y--0 ds-u-font-size--sm",
                                         "aria-hidden": "true",
-                                        children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                        children: data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
                                             children: [
                                                 "Viewing ",
-                                                currentResultNumbers.endingNumber,
+                                                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 $9384a736d4d6f425$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($9384a736d4d6f425$var$DatasetListSubmenu);
+var $10bc3aae21fc1572$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($10bc3aae21fc1572$var$DatasetListSubmenu);
 
 
 
 
 
-const $4f153ca537d853e5$var$SubMenuStaticItem = (submenuArray, subLinkClasses)=>// @todo: Move into a separate component
-    submenuArray.map((s)=>{
+
+
+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)=>{
         return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
             children: s.external || s.drupalPage ? /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
                 href: s.url,
@@ -575,7 +473,7 @@ const $4f153ca537d853e5$var$SubMenuStaticItem = (submenuArray, subLinkClasses)=>
             }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$NavLink), {
                 to: s.url,
                 className: `ds-u-display-flex ds-u-align-items--center ${subLinkClasses}`,
-                onClick: ()=>setIsExpanded(!isExpanded),
+                onClick: ()=>setIsExpanded((prev)=>!prev),
                 children: [
                     s.icon ?? null,
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -585,19 +483,16 @@ const $4f153ca537d853e5$var$SubMenuStaticItem = (submenuArray, subLinkClasses)=>
             })
         }, s.id);
     });
-const $4f153ca537d853e5$var$SubMenuDynamicList = ({ rootUrl: rootUrl, location: location })=>{
-    // @todo: If we don't need subLinkClasses, call the DatasetListSubmenu component directly.
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $9384a736d4d6f425$export$2e2bcd8739ae039), {
-        rootUrl: rootUrl,
-        location: location,
-        formClassName: "ds-u-display--flex ds-u-align-items--end ds-u-justify-content--between ds-u-margin-bottom--2",
-        fulltextLabelClassName: "",
-        fulltextPlaceholder: "",
-        fulltextLabel: "Dataset submenu List"
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+        className: `dkan-c-site-menu--sub-menu`,
+        children: submenuItems
     });
 };
+var $6d0cf21faac6a2dd$export$2e2bcd8739ae039 = $6d0cf21faac6a2dd$var$SubMenuStaticList;
+
+
 const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, subLinkClasses: subLinkClasses, wrapLabel: wrapLabel = true })=>{
-    const [isExpanded1, setIsExpanded1] = (0, $hgUW1$useState)(false);
+    const [isExpanded, setIsExpanded] = (0, $hgUW1$useState)(false);
     const headerContext = (0, $hgUW1$react).useContext((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
     const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
         children: link.label
@@ -607,10 +502,10 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
         let currentMenu = null;
         if (menu.current) currentMenu = menu.current;
         function handleClickOutside(event) {
-            if (currentMenu && !currentMenu.contains(event.target)) setIsExpanded1(false);
+            if (currentMenu && !currentMenu.contains(event.target)) setIsExpanded(false);
         }
         function handleFocusOut(event) {
-            if (currentMenu && !currentMenu.contains(event.relatedTarget)) setIsExpanded1(false);
+            if (currentMenu && !currentMenu.contains(event.relatedTarget)) setIsExpanded(false);
         }
         document.addEventListener("mousedown", handleClickOutside);
         currentMenu?.addEventListener("focusout", handleFocusOut);
@@ -619,15 +514,26 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
             if (currentMenu) currentMenu.removeEventListener("focusout", handleFocusOut);
         };
     }, [
-        isExpanded1
+        isExpanded
     ]);
     let submenuBlock;
     if (link.submenu) {
-        if (Array.isArray(link.submenu)) submenuBlock = $4f153ca537d853e5$var$SubMenuStaticItem(link.submenu, subLinkClasses);
-        else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) submenuBlock = $4f153ca537d853e5$var$SubMenuDynamicList(link.submenu, subLinkClasses);
+        if (Array.isArray(link.submenu)) submenuBlock = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6d0cf21faac6a2dd$export$2e2bcd8739ae039), {
+            submenuArray: link.submenu,
+            subLinkClasses: subLinkClasses,
+            setIsExpanded: setIsExpanded
+        });
+        else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) {
+            const { rootUrl: rootUrl, location: location } = link.submenu.props;
+            submenuBlock = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $10bc3aae21fc1572$export$2e2bcd8739ae039), {
+                location: location,
+                rootUrl: rootUrl,
+                subLinkClasses: subLinkClasses
+            });
+        }
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
-        className: `dkan-c-nav-submenu has-submenu${isExpanded1 ? " open" : ""}`,
+        className: `dkan-c-nav-submenu has-submenu${isExpanded ? " open" : ""}`,
         ref: menu,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
@@ -635,23 +541,20 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
                 onDark: headerContext.onDark,
                 className: `${linkClasses}`,
                 "aria-haspopup": "true",
-                "aria-expanded": isExpanded1,
+                "aria-expanded": isExpanded,
                 onClick: (e)=>{
                     e.preventDefault();
-                    setIsExpanded1(!isExpanded1);
+                    setIsExpanded(!isExpanded);
                 },
                 children: [
                     innerHtml,
                     /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ArrowIcon), {
                         className: "ds-u-margin-left--1",
-                        direction: isExpanded1 ? "down" : "right"
+                        direction: isExpanded ? "down" : "right"
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                className: "dkan-c-site-menu--sub-menu",
-                children: submenuBlock
-            })
+            submenuBlock
         ]
     });
 };
@@ -1207,6 +1110,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                 version: "1.1",
                 xmlns: "http://www.w3.org/2000/svg",
                 xmlnsXlink: "http://www.w3.org/1999/xlink",
+                "aria-hidden": "true",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                         children: "Overview Icon"
@@ -1249,6 +1153,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                 version: "1.1",
                 xmlns: "http://www.w3.org/2000/svg",
                 xmlnsXlink: "http://www.w3.org/1999/xlink",
+                "aria-hidden": "true",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                         children: "Data Table Icon"
@@ -1281,6 +1186,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                 version: "1.1",
                 xmlns: "http://www.w3.org/2000/svg",
                 xmlnsXlink: "http://www.w3.org/1999/xlink",
+                "aria-hidden": "true",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                         children: "API Icon"
@@ -1313,6 +1219,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                 version: "1.1",
                 xmlns: "http://www.w3.org/2000/svg",
                 xmlnsXlink: "http://www.w3.org/1999/xlink",
+                "aria-hidden": "true",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                         children: "Download Icon"
@@ -1342,6 +1249,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                 version: "1.1",
                 xmlns: "http://www.w3.org/2000/svg",
                 xmlnsXlink: "http://www.w3.org/1999/xlink",
+                "aria-hidden": "true",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                         children: "Data Dictionary Icon"
@@ -1564,11 +1472,29 @@ const $20de4fedf33d4f9a$var$DatasetDate = (props)=>{
 var $20de4fedf33d4f9a$export$2e2bcd8739ae039 = $20de4fedf33d4f9a$var$DatasetDate;
 
 
+function $f764661366bd9e1b$export$ee48b7e0e4eb536e(dist) {
+    if (dist && dist.data) {
+        if (dist.data.format) return dist.data.format.toLowerCase();
+        if (dist.data.mediaType) {
+            const mediaType = dist.data.mediaType.split("/");
+            if (mediaType.length && mediaType[1]) return mediaType[1].toLowerCase();
+        }
+        if (dist.data["%Ref:downloadURL"].length && dist.data["%Ref:downloadURL"][0].data) {
+            if (dist.data["%Ref:downloadURL"][0].data.mimeType) {
+                const mimeType = dist.data["%Ref:downloadURL"][0].data.mimeType.split("/");
+                if (mimeType.length && mimeType[1]) return mimeType[1].toLowerCase();
+            }
+        }
+    }
+    return "";
+}
+
+
 const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     const desktop = (0, $hgUW1$useMediaQuery)({
         minWidth: 1024
     });
-    const { title: title, modified: modified, description: description, downloadUrl: downloadUrl, largeFile: largeFile = false, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks, identifier: identifier, refresh: refresh, released: released, showDateDetails: showDateDetails = false, showTopics: showTopics = false, theme: theme, topicSlugs: topicSlugs } = props;
+    const { title: title, modified: modified, description: description, downloadUrl: downloadUrl, largeFile: largeFile = false, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks, identifier: identifier, refresh: refresh, released: released, showDateDetails: showDateDetails = false, showTopics: showTopics = false, theme: theme, topicSlugs: topicSlugs, distribution: distribution } = props;
     const location = (0, $hgUW1$useLocation)();
     let linkContainerClasses = "ds-u-margin-bottom--2";
     if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
@@ -1607,6 +1533,66 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
         refresh: refresh
     };
     const url = `/dataset/${identifier}`;
+    const DataTableLink = ()=>{
+        if ((0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv") return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
+            to: `${url}#data-table`,
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
+                    id: "data-table"
+                }),
+                "Data Table"
+            ]
+        });
+        return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
+            className: "dkan-disabled-link",
+            component: "a",
+            offset: [
+                0,
+                5
+            ],
+            title: "There is no Data Table associated with this dataset. Data Tables will only display for CSV files.",
+            "aria-disabled": "true",
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
+                    id: "data-table"
+                }),
+                "Data Table"
+            ]
+        });
+    };
+    const dataDictionaryExists = ()=>{
+        if (distribution && "data" in distribution) {
+            if ("describedBy" in distribution.data && "describedByType" in distribution.data) return distribution.data.describedByType === "application/vnd.tableschema+json";
+        }
+        return false;
+    };
+    const DataDictionaryLink = ()=>{
+        if (dataDictionaryExists()) return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
+            to: `${url}#data-dictionary`,
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
+                    id: "data-dictionary"
+                }),
+                "Data Dictionary"
+            ]
+        });
+        return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
+            className: "dkan-disabled-link",
+            component: "a",
+            offset: [
+                0,
+                5
+            ],
+            title: "There is no Data Dictionary associated with this dataset.",
+            "aria-disabled": "true",
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
+                    id: "data-dictionary"
+                }),
+                "Data Dictionary"
+            ]
+        });
+    };
     return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
         className: "dc-c-search-list-item ds-u-padding-top--3",
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -1688,16 +1674,8 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                         /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             className: linkContainerClasses,
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: linkClasses,
-                                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
-                                    to: `${url}#data-table`,
-                                    children: [
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
-                                            id: "data-table"
-                                        }),
-                                        "Data Table"
-                                    ]
-                                })
+                                className: `${linkClasses}${(0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? "" : " dkan-disabled-link-wrapper"}`,
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)(DataTableLink, {})
                             })
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
@@ -1718,16 +1696,8 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                         dataDictionaryLinks ? /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             className: linkContainerClasses,
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: linkClasses,
-                                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
-                                    to: `${url}#data-dictionary`,
-                                    children: [
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
-                                            id: "data-dictionary"
-                                        }),
-                                        "Data Dictionary"
-                                    ]
-                                })
+                                className: `${linkClasses}${dataDictionaryExists() ? "" : " dkan-disabled-link-wrapper"}`,
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)(DataDictionaryLink, {})
                             })
                         }) : "",
                         /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
@@ -1762,6 +1732,7 @@ var $52c6454cae137465$export$2e2bcd8739ae039 = $52c6454cae137465$var$DatasetSear
 
 
 
+
 const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
@@ -2247,6 +2218,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
         style: {
             width: header.getSize()
         },
+        title: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "",
         className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold",
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2254,7 +2226,6 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            title: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "",
                             children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
                         })
                     }),
@@ -2377,67 +2348,6 @@ var $23763e27eda0e8d7$export$2e2bcd8739ae039 = $23763e27eda0e8d7$var$FixedSizeTH
 
 
 
-const $43a30d745a7bbc86$var$DataTableContext = /*#__PURE__*/ (0, $hgUW1$createContext)({
-    id: null
-});
-var $43a30d745a7bbc86$export$2e2bcd8739ae039 = $43a30d745a7bbc86$var$DataTableContext;
-
-
-
-
-
-// Create a defaults object for reusability
-const $ee0d4d4f34048447$var$DataTableActionsContextDefaults = {
-    columnOrder: [],
-    setColumnOrder: ()=>{},
-    columnVisibility: {},
-    setColumnVisibility: ()=>{},
-    page: 1,
-    setPage: ()=>{},
-    tableDensity: "normal",
-    setTableDensity: ()=>{}
-};
-const $ee0d4d4f34048447$export$f814ea079e65d8fe = /*#__PURE__*/ (0, $hgUW1$createContext)($ee0d4d4f34048447$var$DataTableActionsContextDefaults);
-// Define our reusable provider component
-const $ee0d4d4f34048447$var$DataTableActionsProvider = ({ children: children })=>{
-    // Set up all of the state
-    const { id: id, datasetTableControls: datasetTableControls } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
-    // a wrapper component to keep column state synced between full screen and regular modes
-    const localStorageData = id ? JSON.parse(localStorage.getItem(id)) : null;
-    const [page, setPage] = (0, $hgUW1$useState)(1);
-    const [columnOrder, setColumnOrder] = (0, $hgUW1$useState)(()=>{
-        if (datasetTableControls && localStorageData) return localStorageData.tableColumnOrder;
-        else return [];
-    });
-    const [columnVisibility, setColumnVisibility] = (0, $hgUW1$useState)(()=>{
-        if (datasetTableControls && localStorageData) return localStorageData.tableColumnVisibility;
-        else return {};
-    });
-    const [tableDensity, setTableDensity] = (0, $hgUW1$useState)("normal");
-    const providerValue = {
-        columnOrder: columnOrder,
-        setColumnOrder: setColumnOrder,
-        columnVisibility: columnVisibility,
-        setColumnVisibility: setColumnVisibility,
-        page: page,
-        setPage: setPage,
-        tableDensity: tableDensity,
-        setTableDensity: setTableDensity
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsx)($ee0d4d4f34048447$export$f814ea079e65d8fe.Provider, {
-        value: providerValue,
-        children: children
-    });
-};
-const $ee0d4d4f34048447$export$67f91330d613e8f4 = ({ children: children, value: value = $ee0d4d4f34048447$var$DataTableActionsContextDefaults })=>/*#__PURE__*/ (0, $hgUW1$jsx)($ee0d4d4f34048447$export$f814ea079e65d8fe.Provider, {
-        value: value,
-        children: children
-    });
-var $ee0d4d4f34048447$export$2e2bcd8739ae039 = $ee0d4d4f34048447$var$DataTableActionsProvider;
-
-
-
-
 
 
 
@@ -2507,6 +2417,10 @@ var $5fe94aeb50e0798b$export$2e2bcd8739ae039 = $5fe94aeb50e0798b$var$Card;
 
 
 
+const $ebda441784d176a5$var$ManageColumnsContext = /*#__PURE__*/ (0, $hgUW1$createContext)({});
+var $ebda441784d176a5$export$2e2bcd8739ae039 = $ebda441784d176a5$var$ManageColumnsContext;
+
+
 
 class $5d9e2ce238d53d29$var$ExcludeCheckboxKeyboardSensor extends (0, $hgUW1$KeyboardSensor) {
     // Custom function to exclude checkbox from keyboard dragging
@@ -2544,10 +2458,8 @@ class $5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor extends (0, $hgUW1$Poin
         }
     ];
 }
-const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, defaultColumnOrder: defaultColumnOrder })=>{
-    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility, columnVisibility: contextColumnVisibility } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
-    const columnVisibility = contextColumnVisibility || {};
-    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
+const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, modalOpen: modalOpen, setModalOpen: setModalOpen })=>{
+    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility } = (0, $hgUW1$useContext)((0, $ebda441784d176a5$export$2e2bcd8739ae039));
     // maintain card state separately from table state - only sync states when the Save button is pressed
     const [cards, setCards] = (0, $hgUW1$useState)(columns.map((c)=>{
         return {
@@ -2604,164 +2516,137 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, default
             };
         }));
     };
-    const hiddenColumns = Object.keys(columnVisibility).filter((key)=>columnVisibility[key] === false).length;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "dkan-manage-columns-wrapper",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-                "aria-label": "Manage columns - Opens in a dialog",
-                className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
-                onClick: ()=>{
-                    setModalOpen(true);
-                },
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
+        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
+            heading: "Manage columns",
+            isOpen: modalOpen,
+            onExit: ()=>{
+                setModalOpen(false);
+                resetCards();
+            },
+            className: "dkan-manage-columns-dialog",
+            actions: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-u-display--flex ds-u-justify-content--between ds-u-flex-wrap--wrap ds-u-padding-x--3 ds-u-padding-bottom--1 ds-u-sm-padding-bottom--3",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                        className: "fa fa-columns ds-u-margin-right--1"
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: "ds-u-display--none ds-u-lg-display--inline-block",
-                                children: "Manage Columns"
-                            }),
-                            hiddenColumns ? ` (${hiddenColumns})` : ""
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
-                    heading: "Manage columns",
-                    isOpen: modalOpen,
-                    onExit: ()=>{
-                        setModalOpen(false);
-                        resetCards();
-                    },
-                    className: "dkan-manage-columns-dialog",
-                    actions: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-flex-wrap--wrap ds-u-padding-x--3 ds-u-padding-bottom--1 ds-u-sm-padding-bottom--3",
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
                         children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                        variation: "solid",
-                                        className: "ds-l-col--6 ds-l-sm-col--auto",
-                                        onClick: ()=>{
-                                            setModalOpen(false);
-                                            // update table state
-                                            // Visibility
-                                            // This code is building a new columnVisibility state object from the card state and doing a single setState on the table
-                                            // vs doing a setState on every changed column individually
-                                            const newColumnVisibility = Object.fromEntries(cards.map((c)=>Object.values(c)));
-                                            setColumnVisibility(newColumnVisibility);
-                                            // Card order
-                                            const newCardOrder = cards.map((c)=>{
-                                                return c.id;
-                                            });
-                                            setColumnOrder(newCardOrder);
-                                            // save to localStorage
-                                            const localStorageData = {
-                                                tableColumnOrder: newCardOrder,
-                                                tableColumnVisibility: newColumnVisibility
-                                            };
-                                            localStorage.setItem(id, JSON.stringify(localStorageData));
-                                        },
-                                        children: "Save"
-                                    }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                        variation: "ghost",
-                                        className: "ds-l-col--6 ds-l-sm-col--auto",
-                                        onClick: ()=>{
-                                            setModalOpen(false);
-                                            resetCards();
-                                        },
-                                        children: "Cancel"
-                                    })
-                                ]
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                variation: "solid",
+                                className: "ds-l-col--6 ds-l-sm-col--auto",
+                                onClick: ()=>{
+                                    setModalOpen(false);
+                                    // update table state
+                                    // Visibility
+                                    // This code is building a new columnVisibility state object from the card state and doing a single setState on the table
+                                    // vs doing a setState on every changed column individually
+                                    const newColumnVisibility = Object.fromEntries(cards.map((c)=>Object.values(c)));
+                                    setColumnVisibility(newColumnVisibility);
+                                    // Card order
+                                    const newCardOrder = cards.map((c)=>{
+                                        return c.id;
+                                    });
+                                    setColumnOrder(newCardOrder);
+                                    // save to localStorage
+                                    const localStorageData = {
+                                        tableColumnOrder: newCardOrder,
+                                        tableColumnVisibility: newColumnVisibility
+                                    };
+                                    localStorage.setItem(id, JSON.stringify(localStorageData));
+                                },
+                                children: "Save"
                             }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-padding-top--1 ds-u-sm-padding-y--0",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                    variation: "ghost",
-                                    className: "ds-l-col--6 ds-l-sm-col--auto",
-                                    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 {
-                                                ...card,
-                                                visible: true
-                                            };
-                                        }));
-                                    },
-                                    children: "Reset Columns"
-                                })
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                variation: "ghost",
+                                className: "ds-l-col--6 ds-l-sm-col--auto",
+                                onClick: ()=>{
+                                    setModalOpen(false);
+                                    resetCards();
+                                },
+                                children: "Cancel"
                             })
                         ]
                     }),
-                    children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                            id: "reorder-help",
-                            className: "ds-u-padding-x--3",
-                            children: "Activate the reorder button and use the arrow keys to reorder the list or use your mouse to drag/reorder. Press escape to cancel the reordering."
-                        }),
-                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
-                            checked: cardHiddenColumns === 0,
-                            type: "checkbox",
-                            onChange: ()=>{
-                                setCards(cards.map((c)=>{
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-padding-top--1 ds-u-sm-padding-y--0",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                            variation: "ghost",
+                            className: "ds-l-col--6 ds-l-sm-col--auto",
+                            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 {
-                                        ...c,
-                                        visible: cardHiddenColumns !== 0
+                                        ...card,
+                                        visible: true
                                     };
                                 }));
                             },
-                            className: "ds-u-padding-x--3",
-                            name: "",
-                            value: "",
-                            label: "Select all",
-                            hint: cardHiddenColumns && cardHiddenColumns + " columns hidden"
-                        }),
-                        /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            className: "ds-u-display--flex ds-u-justify-content--between ds-u-font-weight--bold ds-u-padding-y--2 ds-u-padding-x--3 ds-u-border-y--1 ds-u-margin-top--2",
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: "Display column"
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: "Reorder"
-                                })
-                            ]
+                            children: "Reset Columns"
+                        })
+                    })
+                ]
+            }),
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                    id: "reorder-help",
+                    className: "ds-u-padding-x--3",
+                    children: "Activate the reorder button and use the arrow keys to reorder the list or use your mouse to drag/reorder. Press escape to cancel the reordering."
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
+                    checked: cardHiddenColumns === 0,
+                    type: "checkbox",
+                    onChange: ()=>{
+                        setCards(cards.map((c)=>{
+                            return {
+                                ...c,
+                                visible: cardHiddenColumns !== 0
+                            };
+                        }));
+                    },
+                    className: "ds-u-padding-x--3",
+                    name: "",
+                    value: "",
+                    label: "Select all",
+                    hint: cardHiddenColumns && cardHiddenColumns + " columns hidden"
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                    className: "ds-u-display--flex ds-u-justify-content--between ds-u-font-weight--bold ds-u-padding-y--2 ds-u-padding-x--3 ds-u-border-y--1 ds-u-margin-top--2",
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            children: "Display column"
                         }),
-                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$DndContext), {
-                            collisionDetection: (0, $hgUW1$closestCenter),
-                            modifiers: [
-                                (0, $hgUW1$restrictToVerticalAxis)
-                            ],
-                            sensors: sensors,
-                            onDragEnd: handleDragEnd,
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$SortableContext), {
-                                items: cardOrder,
-                                strategy: (0, $hgUW1$verticalListSortingStrategy),
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                                    className: "dkan-manage-columns-list",
-                                    children: cards.map((card)=>{
-                                        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5fe94aeb50e0798b$export$2e2bcd8739ae039), {
-                                            id: card.id,
-                                            visible: card.visible,
-                                            updateVisibility: updateVisibility
-                                        }, card.id);
-                                    })
-                                })
-                            })
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            children: "Reorder"
                         })
                     ]
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$DndContext), {
+                    collisionDetection: (0, $hgUW1$closestCenter),
+                    modifiers: [
+                        (0, $hgUW1$restrictToVerticalAxis)
+                    ],
+                    sensors: sensors,
+                    onDragEnd: handleDragEnd,
+                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$SortableContext), {
+                        items: cardOrder,
+                        strategy: (0, $hgUW1$verticalListSortingStrategy),
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                            className: "dkan-manage-columns-list",
+                            children: cards.map((card)=>{
+                                return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5fe94aeb50e0798b$export$2e2bcd8739ae039), {
+                                    id: card.id,
+                                    visible: card.visible,
+                                    updateVisibility: updateVisibility
+                                }, card.id);
+                            })
+                        })
+                    })
                 })
-            })
-        ]
+            ]
+        })
     });
 };
 var $5d9e2ce238d53d29$export$2e2bcd8739ae039 = $5d9e2ce238d53d29$var$ManageColumns;
@@ -2780,116 +2665,139 @@ var $5d9e2ce238d53d29$export$2e2bcd8739ae039 = $5d9e2ce238d53d29$var$ManageColum
 
 
 
-function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
-    return columns.map((column)=>({
-            header: schema && schema.fields[column].description ? schema.fields[column].description : column,
-            accessor: column
-        }));
-}
-const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, closeFullScreenModal: closeFullScreenModal, showCopyLinkButton: showCopyLinkButton = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
-    const { id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
-    const { page: page, setPage: setPage, tableDensity: tableDensity } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
-    const defaultPageSize = 10;
-    const customColumnHeaders = (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution.identifier]);
-    const columns = customColumnHeaders ? customColumnHeaders : $a35cf16d1488f54e$export$1147582dfae658c6(resource.columns, resource.schema[id]);
-    const { limit: limit, setOffset: setOffset } = resource;
-    const pageSize = limit ? limit : defaultPageSize;
-    const downloadURL = `${rootUrl}/datastore/query/${id}/0/download?${(0, $hgUW1$qs).stringify({
-        conditions: resource.conditions
-    }, {
-        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), {
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: isModal ? "dkan-datatable-fullscreen-mode" : "",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
-                    canResize: true,
-                    columns: columns,
-                    sortTransform: (0, $aa4450dcbeef3ac0$export$385a5aba38cc3325),
-                    tablePadding: tableDensity === "normal" ? "ds-u-padding-y--2" : tableDensity === "compact" ? "ds-u-padding-y--1" : "ds-u-padding-y--3",
-                    loading: resource.loading,
-                    isModal: isModal,
-                    closeFullScreenModal: closeFullScreenModal,
-                    downloadURL: downloadURL,
-                    unfilteredDownloadURL: distribution.data.downloadURL,
-                    setPage: setPage,
-                    showCopyLinkButton: showCopyLinkButton,
-                    showDownloadFilteredDataButton: showDownloadFilteredDataButton,
-                    showDownloadFullDataButton: showDownloadFullDataButton,
-                    showStoredQueryDownloadButton: showStoredQueryDownloadButton
-                })
-            }),
-            !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-u-md-justify-content--between ds-u-margin-top--2 ds-u-align-items--center",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
-                    totalPages: Math.ceil(resource.count ? resource.count / pageSize : 1),
-                    currentPage: Number(page),
-                    onPageChange: (evt, page)=>{
-                        evt.preventDefault();
-                        setOffset((page - 1) * limit);
-                        setPage(page);
-                    },
-                    renderHref: (p)=>`?page=${p}`,
-                    className: "ds-l-col--12 ds-u-padding-x--0"
-                })
-            })
-        ]
-    });
-    else return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
-        "aria-valuetext": "Dataset loading",
-        role: "status",
-        className: "ds-u-margin--3"
-    });
-};
-var $a35cf16d1488f54e$export$2e2bcd8739ae039 = $a35cf16d1488f54e$var$DatasetTable;
 
 
-const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal, closeFullScreenModal: closeFullScreenModal })=>{
-    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
-    if (isModal) return null;
+const $6380a4a580b24362$var$DataTableHeader = ({ resource: resource, downloadURL: downloadURL, unfilteredDownloadURL: unfilteredDownloadURL, setPage: setPage, showCopyLinkButton: showCopyLinkButton = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
+    const { limit: limit, offset: offset, count: count, conditions: conditions, setLimit: setLimit, setOffset: setOffset } = resource;
+    const intCount = count ? count : 0;
+    const rowOptions = [
+        10,
+        25,
+        50,
+        100
+    ];
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "dkan-fullscreen-data-table-wrapper",
+        className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between",
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-                "aria-label": isModal ? "Close Full Screen dialog" : "Full Screen mode - Opens in a dialog",
-                className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
-                onClick: ()=>{
-                    if (isModal) closeFullScreenModal();
-                    else setModalOpen(true);
-                },
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "dc-c-resource-header--buttons ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-l-col--12 ds-u-margin-top--2 ds-u-padding-x--0",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                        className: `fa ${isModal ? "fa-compress" : "fa-expand"} ds-u-margin-right--1`
+                    showCopyLinkButton && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-margin-bottom--2",
+                        children: conditions && conditions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
+                            onOpen: ()=>{
+                                navigator.clipboard.writeText(window.location.href);
+                            },
+                            className: "ds-c-button ds-u-text-align--center ds-u-display--inline-block ds-l-col--12",
+                            placement: "bottom",
+                            dialog: true,
+                            ariaLabel: "Copy link to filtered data",
+                            title: "Link copied to clipboard",
+                            "aria-disabled": !conditions || conditions.length === 0,
+                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "fas fa-copy"
+                                    }),
+                                    " Copy link to filtered data"
+                                ]
+                            })
+                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                            "aria-disabled": true,
+                            "aria-label": "Copy link to filtered data",
+                            className: "ds-c-button ds-u-text-align--center ds-u-display--inline-block ds-l-col--12",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "fas fa-copy"
+                                    }),
+                                    " Copy link to filtered data"
+                                ]
+                            })
+                        })
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "ds-u-display--none ds-u-lg-display--inline-block",
-                        children: isModal ? "Exit Full Screen" : "Full Screen"
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-col--12 ds-l-md-col--auto ds-u-padding-x--0 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
+                        children: [
+                            (showDownloadFilteredDataButton || showStoredQueryDownloadButton) && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-left--2 ds-u-margin-bottom--2",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                    className: "ds-u-text-align--center ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1 ds-u-display--inline-block ds-l-col--12",
+                                    href: downloadURL,
+                                    "aria-disabled": !conditions || conditions.length === 0,
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                        className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
+                                        children: [
+                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                                className: "fas fa-file-csv"
+                                            }),
+                                            " ",
+                                            showDownloadFilteredDataButton ? `Download filtered data (CSV)` : `Download stored query data (CSV)`
+                                        ]
+                                    })
+                                })
+                            }),
+                            showDownloadFullDataButton && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-left--2 ds-u-margin-bottom--2",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                    className: "ds-u-text-align--center ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1 ds-u-display--inline-block ds-l-col--12",
+                                    href: unfilteredDownloadURL,
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                        className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
+                                        children: [
+                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                                className: "fas fa-file-csv"
+                                            }),
+                                            " Download full dataset (CSV)"
+                                        ]
+                                    })
+                                })
+                            })
+                        ]
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
-                    heading: "Dataset Explorer",
-                    isOpen: modalOpen,
-                    onExit: ()=>setModalOpen(false),
-                    className: "dkan-full-screen-dataset-dialog",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
-                        isModal: true,
-                        closeFullScreenModal: ()=>setModalOpen(false)
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-l-col--12 ds-u-display--flex ds-u-align-items--end ds-u-flex-direction--row-reverse ds-u-sm-flex-direction--row ds-u-padding-x--0 ds-u-margin-bottom--2 ds-u-flex-wrap--wrap",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--8 ds-u-padding-x--0",
+                        children: !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2ed0091f7e32d1e6$export$2e2bcd8739ae039), {
+                            totalRows: intCount,
+                            limit: limit,
+                            offset: offset
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--4 ds-u-display--flex ds-u-justify-content--end ds-u-padding-x--0",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                                options: rowOptions.map((row)=>({
+                                        label: row.toString(),
+                                        value: row
+                                    })),
+                                size: "medium",
+                                label: "Rows per page:",
+                                labelClassName: "ds-u-margin-top--0",
+                                name: "datatable_rows_per_page",
+                                onChange: (e)=>{
+                                    setLimit(parseInt(e.target.value));
+                                    setPage(1);
+                                    setOffset(0);
+                                },
+                                value: limit.toString(),
+                                defaultValue: limit.toString()
+                            })
+                        })
                     })
-                })
+                ]
             })
         ]
     });
 };
-var $16bd41951b91f02d$export$2e2bcd8739ae039 = $16bd41951b91f02d$var$FullScreenDataTable;
-
-
-
-
-
+var $6380a4a580b24362$export$2e2bcd8739ae039 = $6380a4a580b24362$var$DataTableHeader;
 
 
 
@@ -2901,145 +2809,226 @@ var $16bd41951b91f02d$export$2e2bcd8739ae039 = $16bd41951b91f02d$var$FullScreenD
 
 
 
-
-
-function $eadd6431fddf4b6c$var$getStartDate(condition, schema, id) {
-    if (schema[id].fields[condition.property].mysql_type === "date") {
-        const newDate = new Date(condition.value.toString());
-        if (newDate instanceof Date && !isNaN(newDate.getTime())) return newDate;
-    }
-    return new Date();
-}
-const $eadd6431fddf4b6c$var$FilterItem = ({ id: id, condition: condition, index: index, update: update, remove: remove, propertyOptions: propertyOptions, schema: schema, className: className = "" })=>{
-    const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
-    const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
-    const [value, setValue] = (0, $hgUW1$useState)(condition.value);
-    const [startDate, setStartDate] = (0, $hgUW1$react).useState($eadd6431fddf4b6c$var$getStartDate(condition, schema, id));
-    const xl = (0, $hgUW1$useMediaQuery)({
-        minWidth: 1280
+const $bef7bff2823feea2$var$QueryTitle = ({ conditions: conditions, schema: schema, customColumns: customColumns })=>{
+    const { fields: fields } = schema;
+    const prependedMessage = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+        children: "Data filters: "
     });
-    (0, $hgUW1$useEffect)(()=>{
-        if (property !== condition.property) {
-            if (property) update(index, "property", property);
-            else update(index, "property", "");
-            if (schema[id].fields[condition.property].mysql_type === "date") {
-                if (!value) setValue(startDate.toJSON().slice(0, 10));
-            }
-        }
-    }, [
-        property,
-        value,
-        startDate,
-        schema,
-        id,
-        condition
-    ]);
-    (0, $hgUW1$useEffect)(()=>{
-        if (operator !== condition.operator) {
-            if (operator) update(index, "operator", operator);
-            else update(index, "operator", "");
-        }
-    }, [
-        operator
-    ]);
-    (0, $hgUW1$useEffect)(()=>{
-        if (value !== condition.value) {
-            if (value) update(index, "value", value);
-            else update(index, "value", "");
-        }
-    }, [
-        value
+    if (!conditions || !conditions.length) return /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+        className: "ds-u-margin-y--0",
+        children: [
+            prependedMessage,
+            " none"
+        ]
+    });
+    function formatValue(text, property) {
+        if (customColumns && customColumns.length > 0) {
+            let newValue = text;
+            let customColumn = customColumns.find((c)=>c.accessor === property);
+            if (customColumn && customColumn.cell) return customColumn.cell({
+                value: text
+            });
+            return text;
+        } else return text;
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+        className: "dc-querybuilder-title",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                className: "ds-u-margin-y--0",
+                children: prependedMessage
+            }),
+            conditions.map((c)=>{
+                const field = fields[c.property];
+                const description = field && field.description ? field.description : c.property;
+                const operator = (0, $7264a673914aa746$export$5f89a5ae87bc48e1).find((op)=>op.value === c.operator);
+                const cleanedText = (0, $7264a673914aa746$export$6b5e57d20078142b)(c.value);
+                const formattedText = formatValue(cleanedText, c.property);
+                return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                    className: "ds-u-fill--background ds-u-padding--1 ds-u-margin-y--1 ds-u-display--inline-block ds-u-font-weight--semibold",
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-font-weight--bold",
+                            children: description
+                        }),
+                        " ",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-font-weight--normal",
+                            children: operator.label.toUpperCase()
+                        }),
+                        " ",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-color--success",
+                            children: formattedText
+                        })
+                    ]
+                });
+            }).reduce((prev, curr)=>[
+                    prev,
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
+                        className: "ds-u-margin-x--1",
+                        variation: "info",
+                        children: "AND"
+                    }),
+                    curr
+                ])
+        ]
+    });
+};
+var $bef7bff2823feea2$export$2e2bcd8739ae039 = $bef7bff2823feea2$var$QueryTitle;
+
+
+
+
+
+
+
+
+
+function $6369abf590ca298f$var$getStartDate(condition, schema, id) {
+    if (schema[id].fields[condition.property].mysql_type === "date") {
+        const newDate = new Date(condition.value.toString());
+        if (newDate instanceof Date && !isNaN(newDate.getTime())) return newDate;
+    }
+    return new Date();
+}
+const $6369abf590ca298f$var$QueryRow = ({ id: id, condition: condition, index: index, update: update, remove: remove, propertyOptions: propertyOptions, schema: schema })=>{
+    const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
+    const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
+    const [value, setValue] = (0, $hgUW1$useState)(condition.value);
+    const [startDate, setStartDate] = (0, $hgUW1$react).useState($6369abf590ca298f$var$getStartDate(condition, schema, id));
+    const xl = (0, $hgUW1$useMediaQuery)({
+        minWidth: 1280
+    });
+    (0, $hgUW1$useEffect)(()=>{
+        if (property !== condition.property) {
+            if (property) update(index, "property", property);
+            else update(index, "property", "");
+            if (schema[id].fields[condition.property].mysql_type === "date") {
+                if (!value) setValue(startDate.toJSON().slice(0, 10));
+            }
+        }
+    }, [
+        property,
+        value,
+        startDate,
+        schema,
+        id,
+        condition
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (operator !== condition.operator) {
+            if (operator) update(index, "operator", operator);
+            else update(index, "operator", "");
+        }
+    }, [
+        operator
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (value !== condition.value) {
+            if (value) update(index, "value", value);
+            else update(index, "value", "");
+        }
+    }, [
+        value
     ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
-        className: `dkan-filter-dataset-control ds-u-padding-x--2 ds-u-md-padding-x--3 ds-u-padding-y--1 ds-u-margin-top--05${className !== "" ? ` ${className}` : ""}`,
+        className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-align-items--center ds-u-border--0",
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                options: propertyOptions,
-                className: "ds-u-padding-x--0",
-                value: property,
-                label: "Column Name",
-                name: `${condition.key}_property`,
-                onChange: (e)=>setProperty(e.target.value)
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
-                className: "ds-u-padding-x--0",
-                value: operator,
-                label: "Condition",
-                name: `${condition.key}_operator`,
-                onChange: (e)=>setOperator(e.target.value)
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-l-col--12 ds-l-md-col--8 ds-u-display--flex ds-u-justify-content--between ds-u-padding-x--0",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                        options: propertyOptions,
+                        className: "ds-l-col--8 ds-u-padding-left--0",
+                        value: property,
+                        label: "Column Name",
+                        name: `${condition.key}_property`,
+                        onChange: (e)=>setProperty(e.target.value)
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                        options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
+                        className: "ds-l-col--4 ds-u-padding-x--0",
+                        value: operator,
+                        label: "Operator",
+                        name: `${condition.key}_operator`,
+                        onChange: (e)=>setOperator(e.target.value)
+                    })
+                ]
             }),
-            schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-l-col--12 ds-l-md-col--4 ds-u-padding-x--0 ds-u-md-padding-left--2 ds-u-display--flex ds-u-justify-content--between",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
-                        className: "ds-c-label",
-                        htmlFor: `${condition.key}_date_value`,
-                        id: `${condition.key}_date_value-label`,
+                    schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
+                                className: "ds-c-label",
+                                htmlFor: `${condition.key}_date_value`,
+                                id: `${condition.key}_date_value-label`,
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    children: "Value"
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker), {
+                                name: `${condition.key}_date_value`,
+                                selected: (0, $7264a673914aa746$export$e284ae5d89467c8f)(startDate),
+                                onChange: (date)=>{
+                                    setStartDate(date);
+                                    setValue(date.toJSON().slice(0, 10));
+                                },
+                                showMonthDropdown: true,
+                                showYearDropdown: true,
+                                dropdownMode: "select",
+                                className: "ds-c-field",
+                                withPortal: true
+                            })
+                        ]
+                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
+                        className: "ds-l-col--11 ds-u-padding-x--0",
+                        label: "Value",
+                        name: `${condition.key}_value`,
+                        value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
+                        onChange: (e)=>setValue(e.target.value)
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                        variation: "ghost",
+                        size: "small",
+                        className: "ds-u-margin-top--6 ds-u-padding-right--0",
+                        "aria-label": "Delete filter",
+                        onClick: ()=>remove(index),
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            children: "Value"
+                            className: "fas fa-trash"
                         })
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker), {
-                        name: `${condition.key}_date_value`,
-                        selected: (0, $7264a673914aa746$export$e284ae5d89467c8f)(startDate),
-                        onChange: (date)=>{
-                            setStartDate(date);
-                            setValue(date.toJSON().slice(0, 10));
-                        },
-                        showMonthDropdown: true,
-                        showYearDropdown: true,
-                        dropdownMode: "select",
-                        className: "ds-c-field",
-                        withPortal: true
                     })
                 ]
-            }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
-                className: "ds-u-padding-x--0",
-                label: "Value",
-                name: `${condition.key}_value`,
-                value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
-                onChange: (e)=>setValue(e.target.value),
-                placeholder: "Enter value"
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                variation: "ghost",
-                size: "small",
-                className: "dkan-delete-dataset-filter-button ds-u-padding-x--0 ds-u-margin-left--05 ds-u-md-margin-top--0 ds-u-border--1 ds-u-border--dark ds-u-color--black",
-                "aria-label": "Delete filter",
-                onClick: ()=>remove(index),
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                    className: "far fa-trash"
-                })
             })
         ]
     });
 };
-var $eadd6431fddf4b6c$export$2e2bcd8739ae039 = $eadd6431fddf4b6c$var$FilterItem;
+var $6369abf590ca298f$export$2e2bcd8739ae039 = $6369abf590ca298f$var$QueryRow;
 
 
 
 
 
 
-
-const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn, disableDefaultClasses: disableDefaultClasses = false, className: className = "" })=>{
+const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn })=>{
     const small = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 544
     });
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
         disabled: disabled,
-        className: `dkan-clear-dataset-filters-button ${disableDefaultClasses ? "" : " ds-u-float--right ds-l-md-col--6 ds-l-col--5"}${className !== "" ? ` ${className}` : ""}`,
+        className: "ds-u-float--right ds-l-md-col--6 ds-l-col--5",
         variation: small ? "ghost" : undefined,
         onClick: ()=>clearFiltersFn(),
-        children: "Reset"
+        children: small ? "Clear all" : "Clear all filters"
     });
 };
 var $2eec38d4d0dbf714$export$2e2bcd8739ae039 = $2eec38d4d0dbf714$var$ClearFiltersButton;
 
 
-
-function $6f4318b1e14124e5$var$updateQueryForDatastore(condition) {
+function $ee4ad47aa483e5b5$var$updateQueryForDatastore(condition) {
     let cond = condition;
     delete cond.key;
     if (cond.operator === "=" || cond.operator === "<>") {
@@ -3057,19 +3046,12 @@ function $6f4318b1e14124e5$var$updateQueryForDatastore(condition) {
     if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
     return cond;
 }
-const $6f4318b1e14124e5$var$FilterDataset = ()=>{
-    const { distribution: distribution, resource: resource, customColumns: customColumns = [] } = (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;
+const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, customColumns: customColumns, isModal: isModal = false, setPage: setPage, setOffset: setOffset })=>{
+    const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
     const fields = Object.keys(schema[id].fields);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
-    const [titleConditions, setTitleConditions] = (0, $hgUW1$useState)([]);
+    const [titleConditions, setTitleConditions] = (0, $hgUW1$useState)([]); // Add use effect to load conditions on first load if needed
     const [conditionsChanged, setConditionsChanged] = (0, $hgUW1$useState)(false);
-    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
     const syncConditions = ()=>{
         if (conditions && conditions.length) {
             const keyedConditions = conditions.map((oc)=>({
@@ -3104,7 +3086,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
         ]);
     };
     // Sync the UI with the actual data conditions whenever those change
-    (0, $hgUW1$useEffect)(()=>{
+    (0, $hgUW1$react).useEffect(()=>{
         syncConditions();
         setTitleConditions(conditions);
     }, [
@@ -3130,37 +3112,21 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
         });
         window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
     };
-    const submitConditions = ()=>{
+    const submitConditions = (e)=>{
         // only update the data conditions when "Apply filters" is pressed
+        e.preventDefault();
         const submitConditions = queryConditions.filter((oc)=>{
             if (oc.property) return oc;
             return false;
         }).map((oc)=>{
             let cond = Object.assign({}, oc);
-            return $6f4318b1e14124e5$var$updateQueryForDatastore(cond);
+            return $ee4ad47aa483e5b5$var$updateQueryForDatastore(cond);
         });
-        const completeConditions = conditionsReadyToSubmit(submitConditions);
-        if (completeConditions.length) {
-            setConditions(completeConditions);
-            setPage(1);
-            setOffset(0);
-            setConditionsChanged(false);
-            updateBrowserURL(completeConditions);
-            setModalOpen(false);
-        }
-    };
-    const conditionsReadyToSubmit = (conditions)=>{
-        const isEmpty = (val)=>{
-            if (typeof val === "string") return val.trim() === "";
-            if (Array.isArray(val)) return val.length === 0;
-            return true;
-        };
-        const completeConditions = conditions.filter((condition)=>{
-            if (condition) {
-                if (!isEmpty(condition.property) && !isEmpty(condition.operator) && !isEmpty(condition.value)) return condition;
-            }
-        });
-        return completeConditions;
+        setConditions(submitConditions);
+        setPage(1);
+        setOffset(0);
+        setConditionsChanged(false);
+        updateBrowserURL(submitConditions);
     };
     const updateCondition = (index, key, value)=>{
         let newConditions = [
@@ -3176,451 +3142,258 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
         newConditions.splice(index, 1);
         setQueryConditions(newConditions);
         setConditionsChanged(true);
-        if (newConditions.length === 0) {
-            setConditions([]);
-            updateBrowserURL([]);
-        }
-    };
-    const disableFilterSubmitButton = ()=>{
-        return !conditionsChanged || queryConditions.length === 0 || conditionsReadyToSubmit(queryConditions).length === 0;
     };
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-        children: Object.keys(resource).length && columns.length && resource.schema && Object.keys(distribution).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: "dkan-filter-dataset-wrapper",
-            children: [
-                /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-                    "aria-label": "Filter dataset - Opens in a dialog",
-                    className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
-                    onClick: ()=>{
-                        setModalOpen(true);
-                    },
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "dc-query-builder ds-u-margin-bottom--3",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+            className: "ds-c-accordion ds-c-accordion--bordered",
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
+                heading: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bef7bff2823feea2$export$2e2bcd8739ae039), {
+                    schema: schema[id],
+                    conditions: titleConditions,
+                    customColumns: customColumns
+                }),
+                defaultOpen: !isModal,
+                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
+                    onSubmit: (e)=>submitConditions(e),
                     children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                            className: "fa fa-filter ds-u-margin-right--1"
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            children: queryConditions.map((qf, index)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $6369abf590ca298f$export$2e2bcd8739ae039), {
+                                    id: id,
+                                    schema: schema,
+                                    condition: qf,
+                                    index: index,
+                                    propertyOptions: propertyOptions,
+                                    update: updateCondition,
+                                    remove: removeCondition
+                                }, qf.key))
                         }),
-                        /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                        /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            className: "dc-query-bulder--form-buttons ds-u-padding-x--2 ds-u-padding-top--0 ds-u-md-padding-top--2 ds-u-display--flex ds-u-flex-wrap--wrap",
                             children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    className: "ds-u-display--none ds-u-lg-display--inline-block",
-                                    children: conditions.length > 0 ? `Edit Filters` : "Filter Dataset"
-                                }),
-                                conditions.length > 0 && ` (${conditions.length})`
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
-                        heading: "Filter Dataset",
-                        isOpen: modalOpen,
-                        onExit: ()=>setModalOpen(false),
-                        className: "dkan-filter-dataset-dialog",
-                        ariaCloseLabel: "Close filter dataset dialog",
-                        actions: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-u-display--flex ds-u-justify-content--end ds-u-padding-x--2 ds-u-md-padding-x--3 ds-u-padding-y--2",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "ds-u-display--flex ",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
-                                        disabled: queryConditions.length === 0,
-                                        clearFiltersFn: ()=>{
-                                            setConditions([]);
-                                            updateBrowserURL([]);
-                                        },
-                                        disableDefaultClasses: true,
-                                        className: "ds-l-md-col--auto ds-l-col--auto ds-u-margin--right--0 ds-u-sm-margin-right--2"
-                                    }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                        disabled: disableFilterSubmitButton(),
-                                        className: "dkan-apply-dataset-filters-button ds-u-float--right ds-l-md-col--auto ds-l-col--auto",
-                                        onClick: submitConditions,
-                                        variation: "solid",
-                                        children: `Apply ${conditionsReadyToSubmit(queryConditions).length || ""} filter${conditionsReadyToSubmit(queryConditions).length === 1 ? "" : "s"}`
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "ds-l-col--12 ds-l-md-col--4 ds-l-md-col--6 ds-u-padding-x--0 ds-u-margin-bottom--2 ds-u-md-margin-bottom--0",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                        variation: "ghost",
+                                        onClick: ()=>addCondition(null),
+                                        className: "ds-u-padding-left--0",
+                                        children: "+ Add filter"
                                     })
-                                ]
-                            })
-                        }),
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                    className: "ds-u-margin--0 ds-u-margin-top--1 ds-u-margin-bottom--2 ds-u-padding-x--2 ds-u-md-padding-x--3",
-                                    children: "Add filters to only display data that meets your criteria. Filtered results can be downloaded."
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                    className: "dkan-filter-dataset-controls-header ds-u-padding-x--2 ds-u-md-padding-x--3 ds-u-padding-y--1 ds-u-margin-top--05 ds-u-fill--gray-lightest",
+                                    className: "ds-u-display--flex ds-u-justify-content--end ds-l-col--12 ds-l-md-col--6 ds-u-padding-x--0",
                                     children: [
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
-                                            className: "ds-u-margin--0 ds-u-font-weight--bold ds-u-padding--0",
-                                            children: "Column Name"
-                                        }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
-                                            className: "ds-u-margin--0 ds-u-font-weight--bold ds-u-padding--0",
-                                            children: "Condition"
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                            disabled: !conditionsChanged,
+                                            className: "ds-u-float--right ds-l-md-col--6 ds-u-margin--right--0 ds-u-sm-margin-right--2",
+                                            type: "submit",
+                                            variation: "solid",
+                                            children: "Apply filters"
                                         }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
-                                            className: "ds-u-margin--0 ds-u-font-weight--bold ds-u-padding--0",
-                                            children: "Value"
-                                        }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                            className: "dkan-filter-dataset-controls-header-gutter"
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
+                                            disabled: queryConditions.length === 0,
+                                            clearFiltersFn: ()=>{
+                                                setConditions([]);
+                                                updateBrowserURL([]);
+                                            }
                                         })
                                     ]
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "dkan-filter-dataset-form-container ds-u-display--flex ds-u-flex-direction--column ds-u-border-bottom--1",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                        className: "ds-u-padding-bottom--05",
-                                        children: [
-                                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                                className: "dkan-filter-dataset-controls",
-                                                children: queryConditions.map((qf, index)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $eadd6431fddf4b6c$export$2e2bcd8739ae039), {
-                                                        id: id,
-                                                        schema: schema,
-                                                        condition: qf,
-                                                        index: index,
-                                                        propertyOptions: propertyOptions,
-                                                        update: updateCondition,
-                                                        remove: removeCondition,
-                                                        className: index !== 0 ? "ds-u-border-top--1" : "ds-u-border--0"
-                                                    }, qf.key))
-                                            }),
-                                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                                className: "ds-u-padding-x--2 ds-u-md-padding-x--3 ds-u-padding-y--1 ds-u-border-top--1 ds-u-margin-top--05",
-                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                                    onClick: ()=>addCondition(null),
-                                                    className: "dkan-add-dataset-filter-button ds-l-col--12 ds-u-radius--pill ds-u-margin-top--05 ds-u-font-weight--normal",
-                                                    children: "+ Add filter"
-                                                })
-                                            })
-                                        ]
-                                    })
                                 })
                             ]
                         })
-                    })
+                    ]
                 })
-            ]
-        }) : null
+            })
+        })
     });
 };
-var $6f4318b1e14124e5$export$2e2bcd8739ae039 = $6f4318b1e14124e5$var$FilterDataset;
+var $ee4ad47aa483e5b5$export$2e2bcd8739ae039 = $ee4ad47aa483e5b5$var$QueryBuilder;
 
 
 
+const $43a30d745a7bbc86$var$DataTableContext = /*#__PURE__*/ (0, $hgUW1$createContext)({
+    id: null
+});
+var $43a30d745a7bbc86$export$2e2bcd8739ae039 = $43a30d745a7bbc86$var$DataTableContext;
 
 
-const $c5b172e8d1a8197c$var$FliterChip = ({ iconClass: iconClass, text: text, onClick: onClick })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-        className: "dkan-filter-chip ds-u-display--flex ds-u-font-size--sm ds-u-align-items--center ds-u-padding-x--1 ds-u-padding-y--05 ds-u-margin--0 ds-u-margin-right--1 ds-u-margin-bottom--1",
-        onClick: onClick,
+
+function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
+    return columns.map((column)=>({
+            header: schema && schema.fields[column].description ? schema.fields[column].description : column,
+            accessor: column
+        }));
+}
+const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, closeFullScreenModal: closeFullScreenModal, showQueryBuilder: showQueryBuilder = true, showCopyLinkButton: showCopyLinkButton = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
+    const { id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
+    const { page: page, setPage: setPage } = (0, $hgUW1$useContext)((0, $ebda441784d176a5$export$2e2bcd8739ae039));
+    const defaultPageSize = 10;
+    const customColumnHeaders = (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution.identifier]);
+    const columns = customColumnHeaders ? customColumnHeaders : $a35cf16d1488f54e$export$1147582dfae658c6(resource.columns, resource.schema[id]);
+    const { limit: limit, setOffset: setOffset } = resource;
+    const pageSize = limit ? limit : defaultPageSize;
+    const downloadURL = `${rootUrl}/datastore/query/${id}/0/download?${(0, $hgUW1$qs).stringify({
+        conditions: resource.conditions
+    }, {
+        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), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                className: `${iconClass} ds-u-color--primary ds-u-margin-right--1`
+            showQueryBuilder && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ee4ad47aa483e5b5$export$2e2bcd8739ae039), {
+                resource: resource,
+                id: distribution.identifier,
+                customColumns: customColumnHeaders,
+                isModal: isModal,
+                setPage: setPage,
+                setOffset: setOffset
+            }),
+            dataDictionaryBanner && !isModal && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                    children: 'Click on the "Data Dictionary" tab above for full column definitions'
+                })
             }),
-            text,
-            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                className: "fa fa-xmark ds-u-font-size--sm ds-u-margin-left--1"
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6380a4a580b24362$export$2e2bcd8739ae039), {
+                resource: resource,
+                downloadURL: downloadURL,
+                unfilteredDownloadURL: distribution.data.downloadURL,
+                setPage: setPage,
+                showCopyLinkButton: showCopyLinkButton,
+                showDownloadFilteredDataButton: showDownloadFilteredDataButton,
+                showDownloadFullDataButton: showDownloadFullDataButton,
+                showStoredQueryDownloadButton: showStoredQueryDownloadButton
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: `ds-u-border-x--1 ds-u-border-bottom--1 ${isModal && "dkan-datatable-fullscreen-mode"}`,
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
+                    canResize: true,
+                    columns: columns,
+                    sortTransform: (0, $aa4450dcbeef3ac0$export$385a5aba38cc3325),
+                    tablePadding: "ds-u-padding-y--2",
+                    loading: resource.loading,
+                    isModal: isModal,
+                    closeFullScreenModal: closeFullScreenModal
+                })
+            }),
+            !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-u-md-justify-content--between ds-u-margin-top--2 ds-u-align-items--center",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
+                    totalPages: Math.ceil(resource.count ? resource.count / pageSize : 1),
+                    currentPage: Number(page),
+                    onPageChange: (evt, page)=>{
+                        evt.preventDefault();
+                        setOffset((page - 1) * limit);
+                        setPage(page);
+                    },
+                    renderHref: (p)=>`?page=${p}`,
+                    className: "ds-l-col--12 ds-u-padding-x--0"
+                })
             })
         ]
     });
+    else return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+        "aria-valuetext": "Dataset loading",
+        role: "status",
+        className: "ds-u-margin--3"
+    });
 };
-var $c5b172e8d1a8197c$export$2e2bcd8739ae039 = $c5b172e8d1a8197c$var$FliterChip;
-
-
-
-
-
-
+var $a35cf16d1488f54e$export$2e2bcd8739ae039 = $a35cf16d1488f54e$var$DatasetTable;
 
 
-const $dae856e97a09bcd6$var$DisplaySettings = ()=>{
-    const { resource: resource } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
-    const { setPage: setPage, tableDensity: tableDensity, setTableDensity: setTableDensity } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
-    const rowOptions = [
-        10,
-        25,
-        50,
-        100
-    ];
-    if (!resource) return null;
-    const { limit: limit, setLimit: setLimit, setOffset: setOffset } = resource;
+const $16bd41951b91f02d$var$FullScreenDataTable = ({ modalOpen: modalOpen, setModalOpen: setModalOpen })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "dkan-display-settings-wrapper",
-        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
-            className: "dkan-filter-dataset-toolbar-button ds-u-display--flex ds-u-align-items--center ds-u-color--primary ds-u-border--0 ds-u-padding--0 ds-u-padding-x--2 ds-u-margin--0 ds-u-fill--transparent ds-u-font-size--sm",
-            activeClassName: "dkan-data-table-display-settings-tooltip-open",
-            dialog: true,
-            offset: [
-                0,
-                5
-            ],
-            placement: "bottom-start",
-            maxWidth: "350px",
-            "aria-label": "Display Settings",
-            title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-display--flex ds-u-flex-direction--column",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "dkan-data-table-display-settings-row ds-u-padding-bottom--1",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    className: "ds-u-font-size--md ds-u-font-weight--normal",
-                                    children: "Row height"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "ds-u-display--flex ds-u-align-items--start",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                        onClick: ()=>setTableDensity("expanded"),
-                                        "aria-label": "Row height, Expanded",
-                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === "expanded" ? "active ds-u-fill--primary-lightest" : ""}`,
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                            className: "ds-u-display--block",
-                                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
-                                                className: "ds-u-display--block",
-                                                viewBox: "0 0 512 512",
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                "aria-hidden": "true",
-                                                focusable: "false",
-                                                height: "16",
-                                                role: "img",
-                                                width: "16",
-                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                                                    d: "M496,384 C504.836556,384 512,391.163444 512,400 L512,496 C512,504.836556 504.836556,512 496,512 L16,512 C7.163444,512 1.082166e-15,504.836556 0,496 L0,400 C-1.082166e-15,391.163444 7.163444,384 16,384 L496,384 Z M496,192 C504.836556,192 512,199.163444 512,208 L512,304 C512,312.836556 504.836556,320 496,320 L16,320 C7.163444,320 1.082166e-15,312.836556 0,304 L0,208 C-1.082166e-15,199.163444 7.163444,192 16,192 L496,192 Z M496,0 C504.836556,-1.623249e-15 512,7.163444 512,16 L512,112 C512,120.836556 504.836556,128 496,128 L16,128 C7.163444,128 1.082166e-15,120.836556 0,112 L0,16 C-1.082166e-15,7.163444 7.163444,1.623249e-15 16,0 L496,0 Z"
-                                                })
-                                            })
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                        onClick: ()=>setTableDensity("normal"),
-                                        "aria-label": "Row height, Normal",
-                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === "normal" ? "active ds-u-fill--primary-lightest" : ""}`,
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                            className: "ds-u-display--block",
-                                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
-                                                className: "ds-u-display--block",
-                                                viewBox: "0 0 512 512",
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                "aria-hidden": "true",
-                                                focusable: "false",
-                                                height: "16",
-                                                role: "img",
-                                                width: "16",
-                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                                                    d: "M496,416 C504.836556,416 512,423.163444 512,432 L512,496 C512,504.836556 504.836556,512 496,512 L16,512 C7.163444,512 1.082166e-15,504.836556 0,496 L0,432 C-1.082166e-15,423.163444 7.163444,416 16,416 L496,416 Z M496,277 C504.836556,277 512,284.163444 512,293 L512,357 C512,365.836556 504.836556,373 496,373 L16,373 C7.163444,373 1.082166e-15,365.836556 0,357 L0,293 C-1.082166e-15,284.163444 7.163444,277 16,277 L496,277 Z M496,139 C504.836556,139 512,146.163444 512,155 L512,219 C512,227.836556 504.836556,235 496,235 L16,235 C7.163444,235 1.082166e-15,227.836556 0,219 L0,155 C-1.082166e-15,146.163444 7.163444,139 16,139 L496,139 Z M496,0 C504.836556,-1.623249e-15 512,7.163444 512,16 L512,80 C512,88.836556 504.836556,96 496,96 L16,96 C7.163444,96 1.082166e-15,88.836556 0,80 L0,16 C-1.082166e-15,7.163444 7.163444,1.623249e-15 16,0 L496,0 Z"
-                                                })
-                                            })
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                        onClick: ()=>setTableDensity("compact"),
-                                        "aria-label": "Row height, Compact",
-                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === "compact" ? "active ds-u-fill--primary-lightest " : ""}`,
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                            className: "ds-u-display--block",
-                                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
-                                                className: "ds-u-display--block",
-                                                viewBox: "0 0 512 512",
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                "aria-hidden": "true",
-                                                focusable: "false",
-                                                height: "16",
-                                                role: "img",
-                                                width: "16",
-                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                                                    d: "M496,448 C504.836556,448 512,455.163444 512,464 L512,496 C512,504.836556 504.836556,512 496,512 L16,512 C7.163444,512 1.082166e-15,504.836556 0,496 L0,464 C-1.082166e-15,455.163444 7.163444,448 16,448 L496,448 Z M496,336 C504.836556,336 512,343.163444 512,352 L512,384 C512,392.836556 504.836556,400 496,400 L16,400 C7.163444,400 1.082166e-15,392.836556 0,384 L0,352 C-1.082166e-15,343.163444 7.163444,336 16,336 L496,336 Z M496,224 C504.836556,224 512,231.163444 512,240 L512,272 C512,280.836556 504.836556,288 496,288 L16,288 C7.163444,288 1.082166e-15,280.836556 0,272 L0,240 C-1.082166e-15,231.163444 7.163444,224 16,224 L496,224 Z M496,112 C504.836556,112 512,119.163444 512,128 L512,160 C512,168.836556 504.836556,176 496,176 L16,176 C7.163444,176 1.082166e-15,168.836556 0,160 L0,128 C-1.082166e-15,119.163444 7.163444,112 16,112 L496,112 Z M496,0 C504.836556,-1.623249e-15 512,7.163444 512,16 L512,48 C512,56.836556 504.836556,64 496,64 L16,64 C7.163444,64 1.082166e-15,56.836556 0,48 L0,16 C-1.082166e-15,7.163444 7.163444,1.623249e-15 16,0 L496,0 Z"
-                                                })
-                                            })
-                                        })
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "dkan-data-table-display-settings-row ds-u-border-top--1 ds-u-padding-top--1",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    className: "ds-u-font-size--md ds-u-font-weight--normal",
-                                    children: "Rows per page"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                                className: "",
-                                options: rowOptions.map((row)=>({
-                                        label: row.toString(),
-                                        value: row
-                                    })),
-                                size: "medium",
-                                label: "Rows per page:",
-                                labelClassName: "ds-u-margin-top--0 ds-u-font-size--md ds-u-font-weight--normal",
-                                name: "datatable_rows_per_page",
-                                onChange: (e)=>{
-                                    setLimit(parseInt(e.target.value));
-                                    setPage(1);
-                                    setOffset(0);
-                                },
-                                value: limit.toString(),
-                                defaultValue: limit.toString()
-                            })
-                        ]
-                    })
-                ]
-            }),
-            children: [
-                /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                    className: "far fa-sliders-h ds-u-margin-right--1"
-                }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                    className: "ds-u-display--none ds-u-lg-display--inline-block",
-                    children: "Display Settings"
-                }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                    className: "fa fa-chevron-down ds-u-margin-left--1 ds-u-font-weight--bold"
-                }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                    className: "fa fa-chevron-up ds-u-margin-left--1 ds-u-font-weight--bold"
-                })
-            ]
+        className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
+            heading: "Dataset Explorer",
+            isOpen: modalOpen,
+            onExit: ()=>setModalOpen(false),
+            className: "dkan-full-screen-dataset-dialog",
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
+                isModal: true,
+                closeFullScreenModal: ()=>setModalOpen(false)
+            })
         })
     });
 };
-var $dae856e97a09bcd6$export$2e2bcd8739ae039 = $dae856e97a09bcd6$var$DisplaySettings;
-
+var $16bd41951b91f02d$export$2e2bcd8739ae039 = $16bd41951b91f02d$var$FullScreenDataTable;
 
 
-const $85f8ff1ff89899c7$var$updateBrowserURL = (newConditions)=>{
-    const url = new URL(window.location.href);
-    const urlString = (0, $hgUW1$qs).stringify({
-        conditions: newConditions
-    }, {
-        encodeValuesOnly: true,
-        addQueryPrefix: true
-    });
-    window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
-};
-const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, isModal: isModal, closeFullScreenModal: closeFullScreenModal, datasetTableControls: datasetTableControls, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility })=>{
-    const { limit: limit, offset: offset, count: count, conditions: conditions, setConditions: setConditions } = resource;
-    const intCount = count ? count : 0;
-    const hiddenColumns = Object.keys(columnVisibility).filter((key)=>columnVisibility[key] === false).length;
-    const resetColumnVisibility = ()=>{
-        const columns = {
-            ...columnVisibility
-        };
-        for(let key in columns)if (columns[key] === false) columns[key] = true;
-        setColumnVisibility(columns);
-        // save to localStorage
-        const currentLocalStorage = JSON.parse(localStorage.getItem(id));
-        const updatedLocalStorageData = {
-            ...currentLocalStorage,
-            tableColumnVisibility: columns
-        };
-        localStorage.setItem(id, JSON.stringify(updatedLocalStorageData));
-    };
-    const removeCondition = (index)=>{
-        // just removes the condition from the UI - "Apply Filters" must be clicked to change the data model
-        let updatedConditions = JSON.parse(JSON.stringify(conditions));
-        updatedConditions.splice(index, 1);
-        setConditions(updatedConditions);
-        $85f8ff1ff89899c7$var$updateBrowserURL(updatedConditions);
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "ds-u-margin-top--2",
+const $71b4324f265dec16$var$DataTableControls = ({ id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, isModal: isModal, closeFullScreenModal: closeFullScreenModal })=>{
+    const [manageColumnsModalOpen, setManageColumnsModalOpen] = (0, $hgUW1$useState)(false);
+    const [fullScreenModalOpen, setFullScreenModalOpen] = (0, $hgUW1$useState)(false);
+    const hiddenColumns = columns.filter((c)=>c.getIsVisible() === false).length;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "dkan-filter-dataset-toolbar ds-u-fill--white ds-u-border--1",
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                    className: "ds-l-col--12 ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-flex-wrap--wrap ds-u-padding-x--0 ds-u-padding-y--2",
-                    children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-u-padding-x--2",
-                            children: !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2ed0091f7e32d1e6$export$2e2bcd8739ae039), {
-                                totalRows: intCount,
-                                limit: limit,
-                                offset: offset,
-                                className: "data-table-results ds-u-margin--0 ds-u-font-size--sm ds-u-padding-y--0 ds-u-md-padding-y--1 ds-u-padding-bottom--2 ds-u-md-padding-bottom--0"
-                            })
-                        }),
-                        datasetTableControls && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            className: "dkan-data-table-toolbar-controls ds-u-display--flex ds-u-flex-wrap--wrap ds-u-align-items--center ds-l-md-col--auto ds-l-col--12 ds-u-padding-x--2 ds-u-padding-top--2 ds-u-md-padding-top--0",
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-u-border-top--1 ds-u-fill--gray-lightest ds-u-display--flex ds-u-justify-content--between",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        children: hiddenColumns > 0 && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Alert), {
+                            variation: "warn",
                             children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6f4318b1e14124e5$export$2e2bcd8739ae039), {}),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5d9e2ce238d53d29$export$2e2bcd8739ae039), {
-                                    id: id,
-                                    columns: columns,
-                                    defaultColumnOrder: defaultColumnOrder
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $dae856e97a09bcd6$export$2e2bcd8739ae039), {}),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $16bd41951b91f02d$export$2e2bcd8739ae039), {
-                                    isModal: isModal,
-                                    closeFullScreenModal: closeFullScreenModal
-                                })
+                                hiddenColumns,
+                                " Columns Hidden"
                             ]
                         })
-                    ]
-                })
-            }),
-            (conditions.length > 0 || hiddenColumns > 0) && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-fill--white ds-u-padding-x--0 ds-u-md-padding-x--2 ds-u-padding-top--2",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                        className: "ds-u-margin--0 ds-u-margin-bottom--2 ds-u-font-size--lg ds-u-font-weight--bold",
-                        children: "Selected filters"
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-md-align-items--end ds-u-flex-direction--column ds-u-md-flex-direction--row",
                         children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "ds-u-display--flex ds-u-padding-right--0 ds-u-md-padding-right--4 ds-u-flex-wrap--wrap",
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
+                                "aria-label": "Manage columns - Opens in a dialog",
+                                className: "ds-c-button ds-c-button--ghost ds-u-margin-y--1",
+                                onClick: ()=>{
+                                    setManageColumnsModalOpen(true);
+                                },
                                 children: [
-                                    conditions.length > 0 ? conditions.map((condition, index)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $c5b172e8d1a8197c$export$2e2bcd8739ae039), {
-                                            iconClass: "far fa-filter",
-                                            text: `"${condition.property}" ${condition.operator} ${condition.value}`,
-                                            onClick: ()=>{
-                                                removeCondition(index);
-                                            }
-                                        }, index)) : null,
-                                    hiddenColumns > 0 ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $c5b172e8d1a8197c$export$2e2bcd8739ae039), {
-                                        iconClass: "fa fa-columns",
-                                        text: `${hiddenColumns} Column${hiddenColumns === 1 ? "" : "s"} Hidden`,
-                                        onClick: ()=>{
-                                            resetColumnVisibility();
-                                        }
-                                    }) : null
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "far fa-cog ds-u-margin-right--1"
+                                    }),
+                                    "Manage Columns"
                                 ]
                             }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-l-col--auto ds-u-padding--0 ds-u-display--flex ds-u-justify-content--end",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                    className: "dkan-clear-all-filters-button ds-u-color--primary ds-u-font-size--md ds-u-font-weight--bold ds-u-border--0 ds-u-padding--0 ds-u-margin--0 ds-u-fill--transparent ds-u-text-decoration--underline ds-u-margin-bottom--1",
-                                    onClick: ()=>{
-                                        setConditions([]);
-                                        $85f8ff1ff89899c7$var$updateBrowserURL([]);
-                                        resetColumnVisibility();
-                                    },
-                                    children: "Clear all filters"
-                                })
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
+                                "aria-label": isModal ? "Close Full Screen dialog" : "Full Screen mode - Opens in a dialog",
+                                className: "ds-c-button ds-c-button--ghost ds-u-margin-y--1",
+                                onClick: ()=>{
+                                    if (isModal) closeFullScreenModal();
+                                    else setFullScreenModalOpen(true);
+                                },
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: `fa ${isModal ? "fa-compress" : "fa-expand"} ds-u-margin-right--1`
+                                    }),
+                                    isModal ? "Exit Full Screen" : "Full Screen"
+                                ]
                             })
                         ]
                     })
                 ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5d9e2ce238d53d29$export$2e2bcd8739ae039), {
+                        id: id,
+                        columns: columns,
+                        defaultColumnOrder: defaultColumnOrder,
+                        modalOpen: manageColumnsModalOpen,
+                        setModalOpen: setManageColumnsModalOpen
+                    }),
+                    !isModal && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $16bd41951b91f02d$export$2e2bcd8739ae039), {
+                        modalOpen: fullScreenModalOpen,
+                        setModalOpen: setFullScreenModalOpen
+                    })
+                ]
             })
         ]
     });
 };
-var $85f8ff1ff89899c7$export$2e2bcd8739ae039 = $85f8ff1ff89899c7$var$DataTableToolbar;
+var $71b4324f265dec16$export$2e2bcd8739ae039 = $71b4324f265dec16$var$DataTableControls;
+
 
 
-const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, isModal: isModal, closeFullScreenModal: closeFullScreenModal, downloadURL: downloadURL, unfilteredDownloadURL: unfilteredDownloadURL, setPage: setPage, showCopyLinkButton: showCopyLinkButton, showDownloadFilteredDataButton: showDownloadFilteredDataButton, showDownloadFullDataButton: showDownloadFullDataButton, showStoredQueryDownloadButton: showStoredQueryDownloadButton })=>{
-    const { id: id, resource: resource, datasetTableControls: datasetTableControls, dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
-    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
-    const { conditions: conditions } = resource;
+
+const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, isModal: isModal, closeFullScreenModal: closeFullScreenModal })=>{
+    const { id: id, resource: resource, datasetTableControls: datasetTableControls } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
+    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility } = (0, $hgUW1$useContext)((0, $ebda441784d176a5$export$2e2bcd8739ae039));
     const data = resource.values;
     const [sorting, setSorting] = (0, $hgUW1$useState)([]);
     const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
@@ -3682,142 +3455,17 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
     ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-u-margin-bottom--3",
-                children: showDownloadFullDataButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                    className: "dkan-data-table-download-full-dataset-button ds-u-fill--primary ds-u-color--white ds-u-text-align--center ds-u-padding-x--3 ds-u-margin-x--0 ds-u-margin-y--0",
-                    href: unfilteredDownloadURL,
-                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                        className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-margin-x--0 ds-u-padding--0",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                className: "fas fa-file-csv"
-                            }),
-                            " Download full dataset (CSV)"
-                        ]
-                    })
+            datasetTableControls && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $71b4324f265dec16$export$2e2bcd8739ae039), {
+                    id: id,
+                    columns: table.getAllLeafColumns(),
+                    defaultColumnOrder: defaultColumnOrder,
+                    isModal: isModal,
+                    closeFullScreenModal: closeFullScreenModal
                 })
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $85f8ff1ff89899c7$export$2e2bcd8739ae039), {
-                id: id,
-                columns: table.getAllLeafColumns(),
-                defaultColumnOrder: defaultColumnOrder,
-                isModal: isModal,
-                closeFullScreenModal: closeFullScreenModal,
-                resource: resource,
-                datasetTableControls: datasetTableControls,
-                columnVisibility: columnVisibility,
-                setColumnVisibility: setColumnVisibility
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-display--flex ds-l-col--12 ds-l-md-col--11 ds-u-justify-content--between ds-u-padding--0 ds-u-margin-y--2 ds-u-md-margin-y--3 ds-u-flex-direction--column ds-u-md-flex-direction--row",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "dkan-data-table-info-container ds-u-padding-right--0 ds-u-md-padding-right--4",
-                        children: [
-                            dataDictionaryBanner && !isModal && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-u-margin-bottom--3",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                                    children: 'Click on the "Data Dictionary" tab above for full column definitions'
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                className: "ds-u-margin--0",
-                                children: "Activate the column resize button and use the right and left arrow keys to resize a column or use your mouse to drag/resize. Press escape to cancel the resizing."
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "dkan-data-table-share-container ds-l-col--auto ds-u-padding--0 ds-u-margin-bottom--2 ds-u-md-margin-bottom--0",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
-                            className: "dkan-data-table-share-button ds-u-display--flex ds-u-align-items--center ds-u-fill--primary ds-u-radius--pill ds-u-color--white ds-u-border--0 ds-u-padding-x--3 ds-u-padding-y--1 ds-u-font-weight--bold ds-l-col--12 ds-l-md-col--auto ds-u-justify-content--center",
-                            activeClassName: "dkan-data-table-share-tooltip-open",
-                            dialog: true,
-                            offset: [
-                                0,
-                                5
-                            ],
-                            placement: "bottom-start",
-                            maxWidth: "320px",
-                            title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "dc-c-resource-header--buttons ds-u-display--flex ds-u-flex-direction--column ds-l-col--12 ds-u-padding-x--0",
-                                children: [
-                                    showCopyLinkButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-                                        children: conditions && conditions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
-                                            onOpen: ()=>{
-                                                navigator.clipboard.writeText(window.location.href);
-                                            },
-                                            className: "dkan-data-table-download-button ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
-                                            placement: "bottom",
-                                            dialog: true,
-                                            ariaLabel: "Copy link to filtered data",
-                                            title: "Link copied to clipboard",
-                                            "aria-disabled": !conditions || conditions.length === 0,
-                                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                                className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-margin-x--0 ds-u-padding--0",
-                                                children: [
-                                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                                        className: "fas fa-copy"
-                                                    }),
-                                                    " Copy link to filtered data"
-                                                ]
-                                            })
-                                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                            "aria-disabled": true,
-                                            "aria-label": "Copy link to filtered data",
-                                            className: "dkan-data-table-download-button ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
-                                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                                className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-padding--0",
-                                                children: [
-                                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                                        className: "fas fa-copy"
-                                                    }),
-                                                    " Copy link to filtered data"
-                                                ]
-                                            })
-                                        })
-                                    }),
-                                    (showDownloadFilteredDataButton || showStoredQueryDownloadButton) && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                        className: "ds-l-col--12 ds-u-padding-x--0 ds-u-margin-x--0",
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                            className: "dkan-data-table-download-button ds-u-text-align--center ds-u-display--inline-block ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
-                                            href: downloadURL,
-                                            "aria-disabled": !conditions || conditions.length === 0,
-                                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                                className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-padding--0",
-                                                children: [
-                                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                                        className: "fas fa-file-csv"
-                                                    }),
-                                                    " ",
-                                                    showDownloadFilteredDataButton ? `Download filtered data (CSV)` : `Download stored query data (CSV)`
-                                                ]
-                                            })
-                                        })
-                                    })
-                                ]
-                            }),
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                    className: "far fa-share-alt"
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    className: "ds-u-margin-x--05",
-                                    children: "Share"
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                    className: "fa fa-chevron-down"
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                    className: "fa fa-chevron-up"
-                                })
-                            ]
-                        })
-                    })
-                ]
-            }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "dc-c-datatable-wrapper ds-u-border-x--1 ds-u-border-bottom--1",
+                className: "dc-c-datatable-wrapper",
                 tabIndex: 0,
                 ref: dataTableWrapperElement,
                 children: [
@@ -4379,6 +4027,61 @@ var $5723016a5461c1ca$export$2e2bcd8739ae039 = $5723016a5461c1ca$var$PageHeader;
 
 
 
+function $eff7d34c30f5a0fc$export$959638e8dca60ce6(facets) {
+    let facetObj = {};
+    if (facets) {
+        facets.forEach((f)=>{
+            if (facetObj[f.type]) facetObj[f.type] = [
+                ...facetObj[f.type],
+                f
+            ];
+            else facetObj[f.type] = [
+                f
+            ];
+        });
+        // sort facets descending by int value, put non int last
+        if (facetObj.keyword) facetObj.keyword.sort((a, b)=>{
+            if (Number(a.name) && Number(b.name)) return Number(b.name) - Number(a.name);
+        });
+        return facetObj;
+    }
+}
+function $eff7d34c30f5a0fc$export$60ec7cc1d341a524(searchParams, defaultSortOptions) {
+    const params = (0, $hgUW1$qs).parse(searchParams, {
+        ignoreQueryPrefix: true
+    });
+    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: {
+            theme: themes ? themes : [],
+            keyword: keywords ? keywords : []
+        }
+    };
+}
+async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA) {
+    const { fulltext: fulltext, selectedFacets: selectedFacets, sort: sort, sortOrder: sortOrder, page: page, pageSize: pageSize } = options;
+    let params = {
+        fulltext: fulltext ? fulltext : undefined,
+        ...selectedFacets,
+        sort: sort ? sort : undefined,
+        ["sort-order"]: sortOrder ? sortOrder : undefined,
+        page: page !== 1 ? page : undefined,
+        ["page-size"]: pageSize !== 10 ? pageSize : undefined
+    };
+    return await (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
+        arrayFormat: "comma",
+        encode: false
+    })}`);
+}
+
+
+
+
 
 const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const { rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
@@ -4728,7 +4431,8 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                         downloadUrl: showDownloadIcon ? getDownloadUrl(item) : null,
                                                         largeFile: showLargeFile,
                                                         paginationEnabled: enablePagination,
-                                                        dataDictionaryLinks: dataDictionaryLinks
+                                                        dataDictionaryLinks: dataDictionaryLinks,
+                                                        distribution: "%Ref:distribution" in item ? item["%Ref:distribution"][0] : {}
                                                     }, item.identifier);
                                                 }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                     variation: "error",
@@ -4779,11 +4483,10 @@ var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
-const $550bcc185f420ff5$var$DatasetList = (props)=>{
-    const { rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
-        defaultSort: "modified",
-        defaultOrder: "desc"
-    }, pageTitle: pageTitle = "What's New ", showLargeFileWarning: showLargeFileWarning = false, introText: introText = "", dataDictionaryLinks: dataDictionaryLinks = false } = props;
+const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
+    defaultSort: "modified",
+    defaultOrder: "desc"
+}, pageTitle: pageTitle = "What's New ", showLargeFileWarning: showLargeFileWarning = false, introText: introText = "", dataDictionaryLinks: dataDictionaryLinks = false })=>{
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const sortOptions = [
         {
@@ -4915,29 +4618,26 @@ const $550bcc185f420ff5$var$DatasetList = (props)=>{
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-row",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                             className: "ds-l-col--12",
-                            children: [
-                                introText ? introText : null,
-                                showLargeFileWarning && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "ds-l-row ds-u-margin-bottom--2 ds-u-margin-top--4",
-                                    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), {})
-                                            })
+                            children: showLargeFileWarning && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-row ds-u-margin-bottom--2 ds-u-margin-top--4",
+                                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)("div", {
-                        className: "ds-l-row ds-u-padding-top--4",
+                        className: "ds-l-row",
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                             className: "ds-l-col--12",
                             children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
@@ -4949,32 +4649,40 @@ const $550bcc185f420ff5$var$DatasetList = (props)=>{
                                     /*#__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",
                                         children: [
-                                            enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                                 className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8 ds-u-sm-padding-left--0",
                                                 children: [
-                                                    /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                                        className: "ds-u-margin-y--0",
-                                                        "aria-hidden": "true",
-                                                        children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                                                            children: [
-                                                                "Showing ",
-                                                                currentResultNumbers.startingNumber,
-                                                                " -",
-                                                                " ",
-                                                                currentResultNumbers.endingNumber,
-                                                                " of ",
-                                                                data.data.total,
-                                                                " datasets"
-                                                            ]
-                                                        })
+                                                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                                        className: "ds-u-margin-bottom--3",
+                                                        children: introText ? introText : null
                                                     }),
-                                                    /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                                        className: "ds-u-visibility--screen-reader",
-                                                        role: "status",
-                                                        "aria-live": "assertive",
-                                                        "aria-atomic": "true",
-                                                        "data-testid": "currentResults",
-                                                        children: announcementText
+                                                    enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                                        children: [
+                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                                className: "ds-u-margin-y--0",
+                                                                "aria-hidden": "true",
+                                                                children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                                                    children: [
+                                                                        "Showing ",
+                                                                        currentResultNumbers.startingNumber,
+                                                                        " -",
+                                                                        " ",
+                                                                        currentResultNumbers.endingNumber,
+                                                                        " of ",
+                                                                        data.data.total,
+                                                                        " datasets"
+                                                                    ]
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                                className: "ds-u-visibility--screen-reader",
+                                                                role: "status",
+                                                                "aria-live": "assertive",
+                                                                "aria-atomic": "true",
+                                                                "data-testid": "currentResults",
+                                                                children: announcementText
+                                                            })
+                                                        ]
                                                     })
                                                 ]
                                             }),
@@ -4993,7 +4701,7 @@ const $550bcc185f420ff5$var$DatasetList = (props)=>{
                                     }),
                                     /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
                                         className: "dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-margin-bottom--4 ds-u-display--block",
-                                        "data-testid": "results-list",
+                                        "data-testid": "datasetlist-results-list",
                                         children: [
                                             noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                 variation: "error",
@@ -5055,7 +4763,6 @@ var $550bcc185f420ff5$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
-
 const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl)=>{
     const [dataset, setDataset] = (0, $hgUW1$useState)({
         title: "",
@@ -5507,23 +5214,6 @@ const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
 var $0958733ee130fc44$export$2e2bcd8739ae039 = $0958733ee130fc44$var$ResourceInformation;
 
 
-function $f764661366bd9e1b$export$ee48b7e0e4eb536e(dist) {
-    if (dist && dist.data) {
-        if (dist.data.format) return dist.data.format.toLowerCase();
-        if (dist.data.mediaType) {
-            const mediaType = dist.data.mediaType.split("/");
-            if (mediaType.length && mediaType[1]) return mediaType[1].toLowerCase();
-        }
-        if (dist.data["%Ref:downloadURL"].length && dist.data["%Ref:downloadURL"][0].data) {
-            if (dist.data["%Ref:downloadURL"][0].data.mimeType) {
-                const mimeType = dist.data["%Ref:downloadURL"][0].data.mimeType.split("/");
-                if (mimeType.length && mimeType[1]) return mimeType[1].toLowerCase();
-            }
-        }
-    }
-    return "";
-}
-
 
 
 const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource: resource, title: title })=>{
@@ -6205,9 +5895,32 @@ var $6012b86ffcaf3f71$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
-const $39bc4d98030a5599$var$DataTableStateWrapper = ({ showCopyLinkButton: showCopyLinkButton = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ee0d4d4f34048447$export$2e2bcd8739ae039), {
+
+const $39bc4d98030a5599$var$DataTableStateWrapper = ({ showQueryBuilder: showQueryBuilder = true, showCopyLinkButton: showCopyLinkButton = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
+    const { id: id, datasetTableControls: datasetTableControls } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
+    // a wrapper component to keep column state synced between full screen and regular modes
+    const localStorageData = id ? JSON.parse(localStorage.getItem(id)) : null;
+    const defaultPage = 1;
+    const [page, setPage] = (0, $hgUW1$useState)(defaultPage);
+    const [columnOrder, setColumnOrder] = (0, $hgUW1$useState)(()=>{
+        if (datasetTableControls && localStorageData) return localStorageData.tableColumnOrder;
+        else return [];
+    });
+    const [columnVisibility, setColumnVisibility] = (0, $hgUW1$useState)(()=>{
+        if (datasetTableControls && localStorageData) return localStorageData.tableColumnVisibility;
+        else return {};
+    });
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ebda441784d176a5$export$2e2bcd8739ae039).Provider, {
+        value: {
+            columnOrder: columnOrder,
+            setColumnOrder: setColumnOrder,
+            columnVisibility: columnVisibility,
+            setColumnVisibility: setColumnVisibility,
+            page: page,
+            setPage: setPage
+        },
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
+            showQueryBuilder: showQueryBuilder,
             showCopyLinkButton: showCopyLinkButton,
             showDownloadFilteredDataButton: showDownloadFilteredDataButton,
             showDownloadFullDataButton: showDownloadFullDataButton,
@@ -6358,6 +6071,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
         window.location.hash
     ]);
     const displayDataDictionaryTab = distribution.data && distribution.data.describedBy && distribution.data.describedByType === "application/vnd.tableschema+json" || datasetSitewideDictionary && datasetSitewideDictionary.length > 0;
+    const formatType = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution);
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: dataset.error ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $026cb986f9fea2b1$export$2e2bcd8739ae039), {
             content: notFoundContent,
@@ -6409,7 +6123,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                             },
                             selectedId: selectedTab,
                             children: [
-                                (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
                                     id: "data-table",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
@@ -6421,7 +6135,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                         ]
                                     }),
                                     className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039).Provider, {
+                                    children: (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039).Provider, {
                                         value: {
                                             id: id,
                                             resource: resource,
@@ -6432,6 +6146,8 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             datasetTableControls: !disableTableControls
                                         },
                                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $39bc4d98030a5599$export$2e2bcd8739ae039), {})
+                                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                        children: "There is no Data Table associated with this dataset. Data Tables will only display for CSV files."
                                     })
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
@@ -6453,7 +6169,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                         metadataMapping: metadataMapping
                                     })
                                 }),
-                                !hideDataDictionary && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TabPanel), {
+                                !hideDataDictionary && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
                                     id: "data-dictionary",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
@@ -6465,17 +6181,14 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                         ]
                                     }),
                                     className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
-                                    children: [
-                                        displayDataDictionaryTab && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6012b86ffcaf3f71$export$2e2bcd8739ae039), {
-                                            datasetSitewideDictionary: datasetSitewideDictionary,
-                                            datasetDictionaryEndpoint: distribution.data.describedBy,
-                                            title: "Data Dictionary",
-                                            csvDownload: dataDictionaryCSV
-                                        }),
-                                        !displayDataDictionaryTab && /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                            children: "There is no Data Dictionary associated with this dataset."
-                                        })
-                                    ]
+                                    children: displayDataDictionaryTab ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6012b86ffcaf3f71$export$2e2bcd8739ae039), {
+                                        datasetSitewideDictionary: datasetSitewideDictionary,
+                                        datasetDictionaryEndpoint: distribution.data.describedBy,
+                                        title: "Data Dictionary",
+                                        csvDownload: dataDictionaryCSV
+                                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                        children: "There is no Data Dictionary associated with this dataset."
+                                    })
                                 }),
                                 distribution && distribution.data && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
                                     id: "api",
@@ -7305,6 +7018,7 @@ function $8b67b7ee3fcfb629$export$2e2bcd8739ae039({ id: id, rootUrl: rootUrl, cu
             datasetTableControls: !disableTableControls
         },
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $39bc4d98030a5599$export$2e2bcd8739ae039), {
+            showQueryBuilder: false,
             showCopyLinkButton: false,
             showDownloadFilteredDataButton: false,
             showDownloadFullDataButton: false,
@@ -7454,78 +7168,6 @@ var $374c4669b044ddf8$export$2e2bcd8739ae039 = $374c4669b044ddf8$var$QueryRow;
 
 
 
-
-const $bef7bff2823feea2$var$QueryTitle = ({ conditions: conditions, schema: schema, customColumns: customColumns })=>{
-    const { fields: fields } = schema;
-    const prependedMessage = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-        children: "Data filters: "
-    });
-    if (!conditions || !conditions.length) return /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
-        className: "ds-u-margin-y--0",
-        children: [
-            prependedMessage,
-            " none"
-        ]
-    });
-    function formatValue(text, property) {
-        if (customColumns && customColumns.length > 0) {
-            let newValue = text;
-            let customColumn = customColumns.find((c)=>c.accessor === property);
-            if (customColumn && customColumn.cell) return customColumn.cell({
-                value: text
-            });
-            return text;
-        } else return text;
-    }
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-        className: "dc-querybuilder-title",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                className: "ds-u-margin-y--0",
-                children: prependedMessage
-            }),
-            conditions.map((c)=>{
-                const field = fields[c.property];
-                const description = field && field.description ? field.description : c.property;
-                const operator = (0, $7264a673914aa746$export$5f89a5ae87bc48e1).find((op)=>op.value === c.operator);
-                const cleanedText = (0, $7264a673914aa746$export$6b5e57d20078142b)(c.value);
-                const formattedText = formatValue(cleanedText, c.property);
-                return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                    className: "ds-u-fill--background ds-u-padding--1 ds-u-margin-y--1 ds-u-display--inline-block ds-u-font-weight--semibold",
-                    children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "ds-u-font-weight--bold",
-                            children: description
-                        }),
-                        " ",
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "ds-u-font-weight--normal",
-                            children: operator.label.toUpperCase()
-                        }),
-                        " ",
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "ds-u-color--success",
-                            children: formattedText
-                        })
-                    ]
-                });
-            }).reduce((prev, curr)=>[
-                    prev,
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
-                        className: "ds-u-margin-x--1",
-                        variation: "info",
-                        children: "AND"
-                    }),
-                    curr
-                ])
-        ]
-    });
-};
-var $bef7bff2823feea2$export$2e2bcd8739ae039 = $bef7bff2823feea2$var$QueryTitle;
-
-
-
-
 function $3b6ca952e79f0695$var$updateQueryForDatastore(condition) {
     let cond = condition;
     delete cond.key;
@@ -8041,5 +7683,5 @@ var $90fb213ab8eeb2e7$export$2e2bcd8739ae039 = $90fb213ab8eeb2e7$var$useScrollTo
 
 
 
-export {$e49d4387bed21287$export$2e2bcd8739ae039 as ApiRowLimitNotice, $a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $c068004d499082cc$export$2e2bcd8739ae039 as DatasetListItem, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $17711e94d2ce0ee4$export$2e2bcd8739ae039 as DatasetDateItem, $20de4fedf33d4f9a$export$2e2bcd8739ae039 as DatasetDate, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $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, $bdb071ea3a6d3466$export$2e2bcd8739ae039 as SearchInput, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $550bcc185f420ff5$export$2e2bcd8739ae039 as DatasetList, $9384a736d4d6f425$export$2e2bcd8739ae039 as DatasetListSubmenu, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $8b67b7ee3fcfb629$export$2e2bcd8739ae039 as StoredQueryPage, $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, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ee0d4d4f34048447$export$2e2bcd8739ae039 as DataTableActionsProvider, $844981eac9b63865$export$eccc29c8d0ff408 as ACAContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6d5c0212e738499b$export$34e95918366a058e as acaToParams, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping};
+export {$e49d4387bed21287$export$2e2bcd8739ae039 as ApiRowLimitNotice, $a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $c068004d499082cc$export$2e2bcd8739ae039 as DatasetListItem, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $17711e94d2ce0ee4$export$2e2bcd8739ae039 as DatasetDateItem, $20de4fedf33d4f9a$export$2e2bcd8739ae039 as DatasetDate, $10bc3aae21fc1572$export$2e2bcd8739ae039 as DatasetListSubmenu, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $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, $bdb071ea3a6d3466$export$2e2bcd8739ae039 as SearchInput, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $550bcc185f420ff5$export$2e2bcd8739ae039 as DatasetList, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $8b67b7ee3fcfb629$export$2e2bcd8739ae039 as StoredQueryPage, $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, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $844981eac9b63865$export$eccc29c8d0ff408 as ACAContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6d5c0212e738499b$export$34e95918366a058e as acaToParams, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping};
 //# sourceMappingURL=main.js.map