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

package/dist/main.js

@@ -1,6 +1,6 @@
 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, Choice as $hgUW1$Choice, Dropdown as $hgUW1$Dropdown, 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 {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, Choice as $hgUW1$Choice, Dropdown as $hgUW1$Dropdown, 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 $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useContext as $hgUW1$useContext, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
 import {NavLink as $hgUW1$NavLink, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams} from "react-router-dom";
 import $hgUW1$qs from "qs";
@@ -41,7 +41,7 @@ function $e49d4387bed21287$export$2e2bcd8739ae039() {
                         /*#__PURE__*/ (0, $hgUW1$jsx)("strong", {
                             children: "offset"
                         }),
-                        " ",
+                        ' ',
                         "parameters to iterate through result sets that are larger than the row limit when running queries against the datastore API."
                     ]
                 })
@@ -72,7 +72,7 @@ var $3c72c298c3a7f21f$export$2e2bcd8739ae039 = $3c72c298c3a7f21f$var$HeaderTagli
 const $1555e1cb3eb7b3e3$var$HeaderNavIconLink = (props)=>{
     const { url: url, urlTitle: urlTitle, logoFilePath: logoFilePath, logoAltText: logoAltText, backArrow: backArrow } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: `dkan-c-header-nav-icon-link ${backArrow ? "show-back-arrow" : ""} ds-u-valign--middle	`,
+        className: `dkan-c-header-nav-icon-link ${backArrow ? 'show-back-arrow' : ''} ds-u-valign--middle	`,
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
             href: url,
             title: urlTitle,
@@ -232,7 +232,7 @@ const $046ded0064bd0a3d$var$FAQAccordion = (props)=>{
                 type: "button",
                 variation: "ghost",
                 onClick: ()=>toggleAll(),
-                children: `${expanded ? "Collapse" : "Expand"} all FAQs`
+                children: `${expanded ? 'Collapse' : 'Expand'} all FAQs`
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
                 children: faqItems.map((faq)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
@@ -333,8 +333,8 @@ const $844981eac9b63865$export$eccc29c8d0ff408 = (0, $hgUW1$createContext)({
 
 
 const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 4, defaultSort: defaultSort = {
-    defaultSort: "modified",
-    defaultOrder: "desc"
+    defaultSort: 'modified',
+    defaultOrder: 'desc'
 }, subLinkClasses: subLinkClasses })=>{
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
@@ -354,8 +354,8 @@ const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagi
     ]);
     let params = {
         sort: defaultSort.defaultSort,
-        ["sort-order"]: defaultSort.defaultOrder,
-        ["page-size"]: defaultPageSize
+        ['sort-order']: defaultSort.defaultOrder,
+        ['page-size']: defaultPageSize
     };
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
@@ -364,7 +364,7 @@ const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagi
         ],
         queryFn: ()=>{
             return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-                arrayFormat: "comma",
+                arrayFormat: 'comma',
                 encode: false
             })}`);
         }
@@ -507,11 +507,11 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
         function handleFocusOut(event) {
             if (currentMenu && !currentMenu.contains(event.relatedTarget)) setIsExpanded(false);
         }
-        document.addEventListener("mousedown", handleClickOutside);
-        currentMenu?.addEventListener("focusout", handleFocusOut);
+        document.addEventListener('mousedown', handleClickOutside);
+        currentMenu?.addEventListener('focusout', handleFocusOut);
         return ()=>{
-            document.removeEventListener("mousedown", handleClickOutside);
-            if (currentMenu) currentMenu.removeEventListener("focusout", handleFocusOut);
+            document.removeEventListener('mousedown', handleClickOutside);
+            if (currentMenu) currentMenu.removeEventListener('focusout', handleFocusOut);
         };
     }, [
         isExpanded
@@ -533,7 +533,7 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
         }
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
-        className: `dkan-c-nav-submenu has-submenu${isExpanded ? " open" : ""}`,
+        className: `dkan-c-nav-submenu has-submenu${isExpanded ? ' open' : ''}`,
         ref: menu,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
@@ -569,12 +569,12 @@ var $4f153ca537d853e5$export$2e2bcd8739ae039 = $4f153ca537d853e5$var$SubMenu;
 const $fea9297ba4dd394c$var$HeaderSearch = (props)=>{
     const { headingText: headingText = "Dataset Search" } = props;
     const navigate = (0, $hgUW1$useNavigate)();
-    const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)("");
+    const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)('');
     const [modalSearch, setModalSearch] = (0, $hgUW1$useState)(false);
     function searchForDataset(e) {
         e.preventDefault();
         if (window) {
-            if (window.location.pathname !== "/datasets") navigate(`/datasets?fulltext=${modalSearchTerm}`);
+            if (window.location.pathname !== '/datasets') navigate(`/datasets?fulltext=${modalSearchTerm}`);
             else {
                 window.location.search = `fulltext=${modalSearchTerm}`;
                 setModalSearch(false);
@@ -642,9 +642,9 @@ const $b939b31651e82908$var$HeaderNav = (props)=>{
     const headerContext = (0, $hgUW1$react).useContext((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
     const { links: links, topNavLinks: topNavLinks, wrapperClasses: wrapperClasses, searchInMobile: searchInMobile } = props;
     const navMenuOpenClass = `dkan-c-nav-menu--${headerContext.mobileMenuOpen ? "open" : "close"}`;
-    const isMobileClass = `dkan-c-nav-menu--${headerContext.isMobile ? "mobile" : "desktop"}`;
-    const linkClasses = "dkan-c-header--link ds-c-button ds-c-button--ghost";
-    const listClasses = "dkan-c-header--link-list ";
+    const isMobileClass = `dkan-c-nav-menu--${headerContext.isMobile ? 'mobile' : 'desktop'}`;
+    const linkClasses = 'dkan-c-header--link ds-c-button ds-c-button--ghost';
+    const listClasses = 'dkan-c-header--link-list ';
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: `dkan-c-nav-menu ${wrapperClasses} ${navMenuOpenClass} ${isMobileClass}`,
         ref: headerContext.menuRef,
@@ -814,8 +814,8 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
     const { title: title, links: links, mobileMax: mobileMax } = props;
     const active = (0, $hgUW1$useLocation)().pathname;
     const [menuOpen, setMenuOpen] = (0, $hgUW1$useState)(false);
-    const styleClasses = "dkan-c--sidebar-nav-wrapper ds-u-border--1 ds-u-border--color-gray-lightest ds-u-padding--2";
-    const mobileClass = `dkan-c-sidebar-nav--${mobileMax ? "mobile" : "desktop"}`;
+    const styleClasses = 'dkan-c--sidebar-nav-wrapper ds-u-border--1 ds-u-border--color-gray-lightest ds-u-padding--2';
+    const mobileClass = `dkan-c-sidebar-nav--${mobileMax ? 'mobile' : 'desktop'}`;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: `dkan-c-sidebar-nav ${mobileClass}`,
         children: [
@@ -829,7 +829,7 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
                     /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
                         "aria-haspopup": "true",
                         variation: "ghost",
-                        "aria-expanded": `${menuOpen ? "true" : "false"}`,
+                        "aria-expanded": `${menuOpen ? 'true' : 'false'}`,
                         onDark: true,
                         onClick: ()=>setMenuOpen(!menuOpen),
                         children: [
@@ -838,7 +838,7 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
                                 children: "Toggle menu"
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ArrowIcon), {
-                                direction: menuOpen ? "up" : "down"
+                                direction: menuOpen ? 'up' : 'down'
                             })
                         ]
                     })
@@ -847,7 +847,7 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 className: ``,
                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
-                    className: `${styleClasses} dkan-c-sidebar-nav-menu dkan-c-sidebar-nav-menu--${menuOpen ? "open" : "close"}`,
+                    className: `${styleClasses} dkan-c-sidebar-nav-menu dkan-c-sidebar-nav-menu--${menuOpen ? 'open' : 'close'}`,
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                             className: "ds-u-padding--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest",
@@ -859,7 +859,7 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
                         /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                             className: "ds-u-padding-bottom--2",
                             children: links.map(({ url: url, label: label })=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                                    className: `ds-u-padding--1 ds-u-padding-top--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest ${active === url ? "active" : ""}`,
+                                    className: `ds-u-padding--1 ds-u-padding-top--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest ${active === url ? 'active' : ''}`,
                                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                         className: "ds-u-display--flex ds-u-padding-y--1",
                                         children: [
@@ -894,12 +894,12 @@ const $b0968edc60d7d3a4$var$SidebarPage = (props)=>{
         query: `(max-width: ${mobileMaxWidth}px)`
     });
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: `${mobileMax ? "a" : "ds-l-container"}`,
+        className: `${mobileMax ? "a" : 'ds-l-container'}`,
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `${mobileMax ? "a" : "ds-l-row"}`,
+            className: `${mobileMax ? "a" : 'ds-l-row'}`,
             children: [
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: `${mobileMax ? "a" : "ds-l-col--4"}`,
+                    className: `${mobileMax ? 'a' : "ds-l-col--4"}`,
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $953b286f7778640e$export$2e2bcd8739ae039), {
                         links: links,
                         title: menuTitle,
@@ -922,9 +922,9 @@ var $b0968edc60d7d3a4$export$2e2bcd8739ae039 = $b0968edc60d7d3a4$var$SidebarPage
 
 
 
-const $59a079354baa335c$var$Hero = ({ title: title, description: description, searchUrl: searchUrl = "datasets", searchKey: searchKey = "fulltext", textfieldLabel: textfieldLabel = "Search for a dataset", searchButtonText: searchButtonText = "Search" })=>{
+const $59a079354baa335c$var$Hero = ({ title: title, description: description, searchUrl: searchUrl = 'datasets', searchKey: searchKey = 'fulltext', textfieldLabel: textfieldLabel = 'Search for a dataset', searchButtonText: searchButtonText = 'Search' })=>{
     const navigate = (0, $hgUW1$useNavigate)();
-    const [searchValue, setSearchValue] = (0, $hgUW1$react).useState("");
+    const [searchValue, setSearchValue] = (0, $hgUW1$react).useState('');
     function submitHero(e) {
         e.preventDefault();
         navigate(`/${searchUrl}?${searchKey}=${searchValue}`);
@@ -951,24 +951,24 @@ const $59a079354baa335c$var$Hero = ({ title: title, description: description, se
                     onSubmit: (e)=>submitHero(e),
                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                         style: {
-                            position: "relative"
+                            position: 'relative'
                         },
                         className: "ds-l-row ds-u-align-items--stretch ds-u-margin-y--4 ds-u-flex-wrap--nowrap",
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                 className: "ds-u-padding--0 ds-u-margin-right--1",
                                 style: {
-                                    flex: "1 1 100%",
-                                    maxWidth: "100%"
+                                    flex: '1 1 100%',
+                                    maxWidth: '100%'
                                 },
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
                                     label: textfieldLabel,
                                     labelClassName: "ds-u-visibility--screen-reader",
                                     name: "search_text_input",
                                     style: {
-                                        maxWidth: "none",
-                                        height: "61px",
-                                        margin: "0 20px 0 0"
+                                        maxWidth: 'none',
+                                        height: '61px',
+                                        margin: '0 20px 0 0'
                                     },
                                     onChange: (e)=>setSearchValue(e.target.value)
                                 })
@@ -1006,14 +1006,14 @@ var $59a079354baa335c$export$2e2bcd8739ae039 = $59a079354baa335c$var$Hero;
 
 
 const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date, options: options = {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    timeZone: "UTC"
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric',
+    timeZone: 'UTC'
 } })=>{
     const rawDate = new Date(date);
-    let modifiedDate = "";
-    if (rawDate) modifiedDate = rawDate.toLocaleDateString("en-US", options);
+    let modifiedDate = '';
+    if (rawDate) modifiedDate = rawDate.toLocaleDateString('en-US', options);
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: modifiedDate
     });
@@ -1027,25 +1027,25 @@ const $c068004d499082cc$var$DatasetListItem = (props)=>{
         minWidth: 1024
     });
     const { title: title, modified: modified, 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";
+    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";
+        linkContainerClasses = 'ds-u-padding-x--0';
+        linkClasses += ' ds-l-col--4 ds-l-md-col--auto';
     }
     return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
         className: "dc-c-list-item ds-u-padding-top--4",
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
+            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$jsxs)("div", {
                     className: "ds-l-row ds-u-align-items--start",
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                             id: `dataset-${identifier}-updated-date`,
-                            className: `ds-l-col--12 ds-u-text-align--left ds-text-heading--sm ${paginationEnabled ? "ds-u-padding-top--3" : "ds-u-padding-top--0"}`,
+                            className: `ds-l-col--12 ds-u-text-align--left ds-text-heading--sm ${paginationEnabled ? 'ds-u-padding-top--3' : 'ds-u-padding-top--0'}`,
                             children: [
                                 "Updated ",
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
@@ -1103,7 +1103,7 @@ var $c068004d499082cc$export$2e2bcd8739ae039 = $c068004d499082cc$var$DatasetList
 
 const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
     switch(props.id){
-        case "overview":
+        case 'overview':
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "16px",
                 height: "16px",
@@ -1146,7 +1146,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                     })
                 ]
             });
-        case "data-table":
+        case 'data-table':
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "16px",
                 height: "12px",
@@ -1179,7 +1179,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                     })
                 ]
             });
-        case "api":
+        case 'api':
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "16px",
                 height: "13px",
@@ -1212,7 +1212,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                     })
                 ]
             });
-        case "download":
+        case 'download':
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "16px",
                 height: "16px",
@@ -1242,7 +1242,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                     })
                 ]
             });
-        case "data-dictionary":
+        case 'data-dictionary':
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "14px",
                 height: "16px",
@@ -1345,13 +1345,13 @@ var $b61856b23f5f58a2$export$2e2bcd8739ae039 = $b61856b23f5f58a2$var$LargeFileDi
 
 
 function $1a2bf34e2a8f6b80$export$59a943b34a82e690(textString, textLength = 240) {
-    if (!textString) return "";
+    if (!textString) return '';
     let cleanedText = textString;
-    if (cleanedText.split("</p>").length > 1) cleanedText = cleanedText.split("</p>")[0];
-    if (cleanedText.split("<br/>").length > 1) cleanedText = cleanedText.split("<br/>")[0];
+    if (cleanedText.split('</p>').length > 1) cleanedText = cleanedText.split('</p>')[0];
+    if (cleanedText.split('<br/>').length > 1) cleanedText = cleanedText.split('<br/>')[0];
     cleanedText = (0, $hgUW1$lodashtruncate)(cleanedText, {
-        "length": textLength,
-        "separator": " "
+        'length': textLength,
+        'separator': ' '
     });
     return (0, $hgUW1$dompurify).sanitize(cleanedText, {
         ALLOWED_TAGS: []
@@ -1369,9 +1369,9 @@ function $1a2bf34e2a8f6b80$export$59a943b34a82e690(textString, textLength = 240)
 const $17711e94d2ce0ee4$var$DatasetDateItem = (props)=>{
     const { type: type, date: date, boldLabel: boldLabel = false, displayTooltips: displayTooltips = true } = props;
     const dateText = {
-        modified: "Last Modified",
-        released: "Released",
-        refresh: "Planned Update"
+        modified: 'Last Modified',
+        released: 'Released',
+        refresh: 'Planned Update'
     };
     const tooltipContent = {
         modified: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
@@ -1408,7 +1408,7 @@ const $17711e94d2ce0ee4$var$DatasetDateItem = (props)=>{
         })
     };
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: `dataset-date-item${boldLabel ? " bold-label" : ""}`,
+        className: `dataset-date-item${boldLabel ? ' bold-label' : ''}`,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                 className: "dataset-data-item-label",
@@ -1478,7 +1478,7 @@ 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("/");
+            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) {
@@ -1488,7 +1488,7 @@ function $f764661366bd9e1b$export$ee48b7e0e4eb536e(dist) {
             }
         }
     }
-    return "";
+    return '';
 }
 
 
@@ -1498,20 +1498,20 @@ const $52c6454cae137465$var$DatasetSearchListItem = (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";
-    else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
-    let linkClasses = "ds-u-display--block ds-u-text-align--left";
+    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";
+        linkContainerClasses = 'ds-u-padding-x--0';
+        linkClasses += ' ds-l-col--4 ds-l-md-col--auto';
     }
     let themes;
     if (theme && showTopics) themes = /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
         className: "theme-list item-theme",
         children: theme.map((topic, index)=>{
-            const title = topic || "Unknown Topic";
-            const prefix = "topics";
+            const title = topic || 'Unknown Topic';
+            const prefix = 'topics';
             // Use the provided slug or fallback to a simple slug generation
             const slug = topicSlugs?.[title];
             const link = `/${prefix}/${slug}`;
@@ -1522,7 +1522,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                     state: {
                         fromUrl: location.pathname,
                         fromTitle: false,
-                        fromSearchList: location.pathname.includes("search")
+                        fromSearchList: location.pathname.includes('search')
                     },
                     children: title
                 })
@@ -1564,7 +1564,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     };
     const dataDictionaryExists = ()=>{
         if (distribution && "data" in distribution) {
-            if ("describedBy" in distribution.data && "describedByType" in distribution.data) return distribution.data.describedByType === "application/vnd.tableschema+json";
+            if ("describedBy" in distribution.data && "describedByType" in distribution.data) return distribution.data.describedByType === 'application/vnd.tableschema+json';
         }
         return false;
     };
@@ -1598,7 +1598,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
         className: "dc-c-search-list-item ds-u-padding-top--3",
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
+            className: `dc-c-searchlist-item ${paginationEnabled ? 'ds-u-border-top--1' : 'ds-u-border-bottom--1 ds-u-padding-bottom--3'}`,
             children: [
                 themes,
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -1606,7 +1606,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                     children: [
                         !showDateDetails && /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                             id: `dataset-${identifier}-updated-date`,
-                            className: `ds-l-col--12 ds-u-text-align--right ${paginationEnabled ? "ds-u-padding-top--2" : "ds-u-padding-top--0"}`,
+                            className: `ds-l-col--12 ds-u-text-align--right ${paginationEnabled ? 'ds-u-padding-top--2' : 'ds-u-padding-top--0'}`,
                             children: [
                                 /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                                     children: "Updated:"
@@ -1635,13 +1635,13 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             (0, $1a2bf34e2a8f6b80$export$59a943b34a82e690)(description),
                             description.length > 240 ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
                                 children: [
-                                    " ",
+                                    ' ',
                                     /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
                                         to: `/dataset/${identifier}`,
                                         children: "See more"
                                     })
                                 ]
-                            }) : ""
+                            }) : ''
                         ]
                     })
                 }),
@@ -1669,14 +1669,14 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             "Download"
                         ]
                     })
-                }) : "",
+                }) : '',
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
-                    className: `ds-l-row ds-u-padding--0 ds-u-flex-direction--row ds-u-justify-content--between ds-u-md-justify-content--start ds-u-margin-top--3 ds-u-margin-x--0 ${!dataDictionaryLinks ? "ds-u-justify-content--center ds-u-md-justify-content--start" : ""}`,
+                    className: `ds-l-row ds-u-padding--0 ds-u-flex-direction--row ds-u-justify-content--between ds-u-md-justify-content--start ds-u-margin-top--3 ds-u-margin-x--0 ${!dataDictionaryLinks ? 'ds-u-justify-content--center ds-u-md-justify-content--start' : ''}`,
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             className: linkContainerClasses,
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: `${linkClasses}${(0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? "" : " dkan-disabled-link-wrapper"}`,
+                                className: `${linkClasses}${(0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? '' : ' dkan-disabled-link-wrapper'}`,
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)(DataTableLink, {})
                             })
                         }),
@@ -1698,10 +1698,10 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                         dataDictionaryLinks ? /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             className: linkContainerClasses,
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: `${linkClasses}${dataDictionaryExists() ? "" : " dkan-disabled-link-wrapper"}`,
+                                className: `${linkClasses}${dataDictionaryExists() ? '' : ' dkan-disabled-link-wrapper'}`,
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)(DataDictionaryLink, {})
                             })
-                        }) : "",
+                        }) : '',
                         /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             className: linkContainerClasses,
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -1797,7 +1797,7 @@ var $789279954d8eff7f$export$2e2bcd8739ae039 = $789279954d8eff7f$var$ApiDocument
 
 
 
-const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className = "data-table-results" })=>{
+const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className = 'data-table-results' })=>{
     const numTotalRows = totalRows;
     if (numTotalRows === 0) return /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
         className: className,
@@ -1815,18 +1815,18 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limi
         className: className,
         children: [
             "Displaying",
-            " ",
+            ' ',
             /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                 className: "ds-u-font-weight--bold",
                 children: `${startTotal().toLocaleString()} - ${ofTotal().toLocaleString()}`
             }),
-            " ",
+            ' ',
             "of ",
             /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                 className: "ds-u-font-weight--bold",
                 children: `${numTotalRows.toLocaleString()}`
             }),
-            " ",
+            ' ',
             "results"
         ]
     });
@@ -1852,16 +1852,16 @@ const $1e012d1e3b534af0$var$DataTableDensity = ({ setTablePadding: setTablePaddi
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
             options: [
                 {
-                    label: "Tight",
-                    value: "ds-u-padding-y--0"
+                    label: 'Tight',
+                    value: 'ds-u-padding-y--0'
                 },
                 {
-                    label: "Normal",
-                    value: "ds-u-padding-y--1"
+                    label: 'Normal',
+                    value: 'ds-u-padding-y--1'
                 },
                 {
-                    label: "Expanded",
-                    value: "ds-u-padding-y--2"
+                    label: 'Expanded',
+                    value: 'ds-u-padding-y--2'
                 }
             ],
             label: "Display density:",
@@ -2104,7 +2104,7 @@ function $aa4450dcbeef3ac0$export$385a5aba38cc3325(sortArray) {
     sortArray.forEach((s)=>{
         return newQuery.push({
             property: s.id,
-            order: s.desc ? "desc" : "asc"
+            order: s.desc ? 'desc' : 'asc'
         });
     });
     return newQuery;
@@ -2142,103 +2142,103 @@ function $7264a673914aa746$export$e284ae5d89467c8f(date) {
 }
 function $7264a673914aa746$export$6b5e57d20078142b(value, operator) {
     let newValue = value;
-    if (Array.isArray(newValue)) newValue = newValue.join(",");
+    if (Array.isArray(newValue)) newValue = newValue.join(',');
     // return newValue.replace(/(^\%+|\%+$)/gm, '');
     return newValue;
 }
 const $7264a673914aa746$export$5f89a5ae87bc48e1 = [
     {
-        label: "Is",
-        value: "="
+        label: 'Is',
+        value: '='
     },
     {
-        label: "Starts With",
-        value: "starts with"
+        label: 'Starts With',
+        value: 'starts with'
     },
     {
-        label: "Contains",
-        value: "contains"
+        label: 'Contains',
+        value: 'contains'
     },
     {
-        label: "Is Not",
-        value: "<>"
+        label: 'Is Not',
+        value: '<>'
     },
     {
-        label: "Or",
-        value: "in"
+        label: 'Or',
+        value: 'in'
     },
     {
-        label: "Is",
-        value: "="
+        label: 'Is',
+        value: '='
     },
     {
-        label: "Is Not",
-        value: "<>"
+        label: 'Is Not',
+        value: '<>'
     },
     {
-        label: "Greater Than",
-        value: ">"
+        label: 'Greater Than',
+        value: '>'
     },
     {
-        label: "Less Than",
-        value: "<"
+        label: 'Less Than',
+        value: '<'
     }
 ];
 function $7264a673914aa746$export$2b9377795161999(type) {
     switch(type){
-        case "text":
-        case "string":
+        case 'text':
+        case 'string':
             return [
                 {
-                    label: "Is",
-                    value: "="
+                    label: 'Is',
+                    value: '='
                 },
                 {
-                    label: "Starts With",
-                    value: "starts with"
+                    label: 'Starts With',
+                    value: 'starts with'
                 },
                 {
-                    label: "Contains",
-                    value: "contains"
+                    label: 'Contains',
+                    value: 'contains'
                 },
                 {
-                    label: "Is Not",
-                    value: "<>"
+                    label: 'Is Not',
+                    value: '<>'
                 },
                 {
-                    label: "Or",
-                    value: "in"
+                    label: 'Or',
+                    value: 'in'
                 }
             ];
-        case "date":
+        case 'date':
             return [
                 {
-                    label: "Is",
-                    value: "="
+                    label: 'Is',
+                    value: '='
                 },
                 {
-                    label: "Is Not",
-                    value: "<>"
+                    label: 'Is Not',
+                    value: '<>'
                 },
                 {
-                    label: "Greater Than",
-                    value: ">"
+                    label: 'Greater Than',
+                    value: '>'
                 },
                 {
-                    label: "Less Than",
-                    value: "<"
+                    label: 'Less Than',
+                    value: '<'
                 }
             ];
         default:
             // These 2 should be safe for all data types
             return [
                 {
-                    label: "Is",
-                    value: "="
+                    label: 'Is',
+                    value: '='
                 },
                 {
-                    label: "Is Not",
-                    value: "<>"
+                    label: 'Is Not',
+                    value: '<>'
                 }
             ];
     }
@@ -2255,13 +2255,13 @@ function $7264a673914aa746$export$2b9377795161999(type) {
 
 
 const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: header, sortElement: sortElement, setAriaLiveFeedback: setAriaLiveFeedback })=>{
-    const [columnResizing, setColumnResizing] = (0, $hgUW1$useState)("");
+    const [columnResizing, setColumnResizing] = (0, $hgUW1$useState)('');
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("th", {
         key: header.id,
         style: {
             width: header.getSize()
         },
-        title: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "",
+        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", {
@@ -2274,7 +2274,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                     }),
                     sortElement && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
                         onClick: header.column.getToggleSortingHandler(),
-                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
+                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : '',
                         "aria-label": `${header.column.columnDef.header} sort order`
                     })
                 ]
@@ -2282,18 +2282,18 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
             /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
                 onMouseDown: header.getResizeHandler(),
                 onTouchStart: header.getResizeHandler(),
-                className: `dc-c-resize-handle ds-u-focus-visible ${header.column.getIsResizing() || header.column.id == columnResizing ? "isResizing" : ""}`,
+                className: `dc-c-resize-handle ds-u-focus-visible ${header.column.getIsResizing() || header.column.id == columnResizing ? 'isResizing' : ''}`,
                 "aria-label": `Resize ${header.column.columnDef.header} column`,
                 onKeyDown: (e)=>{
                     const columnSizingObject = table.getState().columnSizing;
                     switch(e.key){
-                        case "Enter":
-                        case " ":
+                        case 'Enter':
+                        case ' ':
                             e.preventDefault();
                             e.stopPropagation();
                             if (columnResizing) {
                                 // end resizing
-                                setColumnResizing("");
+                                setColumnResizing('');
                                 setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
                             } else {
                                 // start resizing
@@ -2301,13 +2301,13 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                                 setAriaLiveFeedback(`${header.column.columnDef.header} grabbed.`);
                             }
                             break;
-                        case "Escape":
+                        case 'Escape':
                             if (columnResizing) {
-                                setColumnResizing("");
+                                setColumnResizing('');
                                 setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
                             }
                             break;
-                        case "ArrowRight":
+                        case 'ArrowRight':
                             e.preventDefault();
                             e.stopPropagation();
                             if (columnResizing) {
@@ -2316,7 +2316,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                                 setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
                             }
                             break;
-                        case "ArrowLeft":
+                        case 'ArrowLeft':
                             e.preventDefault();
                             e.stopPropagation();
                             if (columnResizing) {
@@ -2328,7 +2328,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                     }
                 },
                 onBlur: ()=>{
-                    setColumnResizing("");
+                    setColumnResizing('');
                 }
             })
         ]
@@ -2377,7 +2377,7 @@ const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table, sortElement: sortE
                                     children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    className: header.column.getCanSort() ? `cursor-pointer select-none ${sortElement(header.column.getIsSorted())}` : ""
+                                    className: header.column.getCanSort() ? `cursor-pointer select-none ${sortElement(header.column.getIsSorted())}` : ''
                                 })
                             ]
                         })
@@ -2391,6 +2391,67 @@ 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;
+
+
+
+
 
 
 
@@ -2413,9 +2474,9 @@ const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility
         transition: transition,
         opacity: isDragging ? 0.7 : 1,
         zIndex: isDragging ? 1 : 0,
-        position: "relative",
-        background: "white",
-        touchAction: "none"
+        position: 'relative',
+        background: 'white',
+        touchAction: 'none'
     };
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
         className: "ds-u-display--flex ds-u-justify-content--between ds-u-border-bottom--1",
@@ -2430,7 +2491,7 @@ const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility
             // this code forces the repaint without user interaction
             const target = e.target;
             if (isDragging && target.tagName.toLowerCase() === "label") setTimeout(()=>{
-                target.parentNode.querySelector("input").checked = visible;
+                target.parentNode.querySelector('input').checked = visible;
             }, 1);
         },
         children: [
@@ -2447,7 +2508,7 @@ const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility
                 }
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                className: `ds-l-col--2 dkan-manage-columns-reorder-button ${isDragging && "grabbed"}`,
+                className: `ds-l-col--2 dkan-manage-columns-reorder-button ${isDragging && 'grabbed'}`,
                 "aria-label": `Reorder ${id} column`,
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                     className: "fa fa-sort"
@@ -2460,16 +2521,12 @@ 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
     static activators = [
         {
-            eventName: "onKeyDown",
+            eventName: 'onKeyDown',
             handler: ({ nativeEvent: event })=>{
                 // prevent scrolling the list
                 const isCheckbox = [
@@ -2492,7 +2549,7 @@ class $5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor extends (0, $hgUW1$Poin
     // Custom function to stop accidental checkbox clicks on pointer activation
     static activators = [
         {
-            eventName: "onPointerDown",
+            eventName: 'onPointerDown',
             handler: ({ nativeEvent: event })=>{
                 if (event.target.tagName.toLowerCase() === "input") return false;
                 if (event.target.tagName.toLowerCase() === "label") event.target.blur();
@@ -2501,8 +2558,10 @@ class $5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor extends (0, $hgUW1$Poin
         }
     ];
 }
-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));
+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);
     // 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 {
@@ -2559,137 +2618,164 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, default
             };
         }));
     };
-    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",
+    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);
+                },
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                        className: "fa fa-columns ds-u-margin-right--1"
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                         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)("span", {
+                                className: "ds-u-display--none ds-u-lg-display--inline-block",
+                                children: "Manage 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"
+                            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",
+                        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)("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)("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];
+                    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 {
-                                        ...card,
-                                        visible: true
+                                        ...c,
+                                        visible: cardHiddenColumns !== 0
                                     };
                                 }));
                             },
-                            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"
+                            className: "ds-u-padding-x--3",
+                            name: "",
+                            value: "",
+                            label: "Select all",
+                            hint: cardHiddenColumns && cardHiddenColumns + " columns hidden"
                         }),
-                        /*#__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);
+                        /*#__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"
+                                })
+                            ]
+                        }),
+                        /*#__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;
@@ -2708,139 +2794,112 @@ 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, showDataTableToolbar: showDataTableToolbar = 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,
+                    showDataTableToolbar: showDataTableToolbar,
+                    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 $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
-    ];
+const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal, closeFullScreenModal: closeFullScreenModal })=>{
+    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
+    if (isModal) return null;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between",
+        className: "dkan-fullscreen-data-table-wrapper",
         children: [
-            /*#__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",
+            /*#__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);
+                },
                 children: [
-                    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)("i", {
+                        className: `fa ${isModal ? 'fa-compress' : 'fa-expand'} ds-u-margin-right--1`
                     }),
-                    /*#__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)("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-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()
-                            })
-                        })
+            /*#__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)
                     })
-                ]
+                })
             })
         ]
     });
 };
-var $6380a4a580b24362$export$2e2bcd8739ae039 = $6380a4a580b24362$var$DataTableHeader;
+var $16bd41951b91f02d$export$2e2bcd8739ae039 = $16bd41951b91f02d$var$FullScreenDataTable;
 
 
 
@@ -2852,102 +2911,33 @@ var $6380a4a580b24362$export$2e2bcd8739ae039 = $6380a4a580b24362$var$DataTableHe
 
 
 
-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 $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
+
+
+
+
+
+
+
+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
     });
     (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 (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));
             }
         }
@@ -2961,140 +2951,140 @@ const $6369abf590ca298f$var$QueryRow = ({ id: id, condition: condition, index: i
     ]);
     (0, $hgUW1$useEffect)(()=>{
         if (operator !== condition.operator) {
-            if (operator) update(index, "operator", operator);
-            else update(index, "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", "");
+            if (value) update(index, 'value', value);
+            else update(index, 'value', '');
         }
     }, [
         value
     ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
-        className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-align-items--center ds-u-border--0",
+        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}` : ''}`,
         children: [
-            /*#__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)
-                    })
-                ]
+            /*#__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$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",
+            /*#__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)
+            }),
+            schema[id].fields[property].mysql_type === 'date' ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                 children: [
-                    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),
+                    /*#__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", {
-                            className: "fas fa-trash"
+                            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-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 $6369abf590ca298f$export$2e2bcd8739ae039 = $6369abf590ca298f$var$QueryRow;
+var $eadd6431fddf4b6c$export$2e2bcd8739ae039 = $eadd6431fddf4b6c$var$FilterItem;
 
 
 
 
 
 
-const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn })=>{
+
+const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn, disableDefaultClasses: disableDefaultClasses = false, className: className = '' })=>{
     const small = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 544
     });
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
         disabled: disabled,
-        className: "ds-u-float--right ds-l-md-col--6 ds-l-col--5",
-        variation: small ? "ghost" : undefined,
+        className: `dkan-clear-dataset-filters-button ${disableDefaultClasses ? '' : ' ds-u-float--right ds-l-md-col--6 ds-l-col--5'}${className !== '' ? ` ${className}` : ''}`,
+        variation: small ? 'ghost' : undefined,
         onClick: ()=>clearFiltersFn(),
-        children: small ? "Clear all" : "Clear all filters"
+        children: "Reset"
     });
 };
 var $2eec38d4d0dbf714$export$2e2bcd8739ae039 = $2eec38d4d0dbf714$var$ClearFiltersButton;
 
 
-function $ee4ad47aa483e5b5$var$updateQueryForDatastore(condition) {
+
+function $6f4318b1e14124e5$var$updateQueryForDatastore(condition) {
     let cond = condition;
     delete cond.key;
-    if (cond.operator === "=" || cond.operator === "<>") {
+    if (cond.operator === '=' || cond.operator === '<>') {
         if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, "");
+        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, '');
     }
-    if (cond.operator.toLowerCase() === "like") {
+    if (cond.operator.toLowerCase() === 'like') {
         if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, "");
+        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, '');
         cond.value = `%${cleanedValue}%`;
     }
-    if (cond.operator.toLowerCase() === "in") {
-        if (!Array.isArray(cond.value)) cond.value = cond.value.split(",");
+    if (cond.operator.toLowerCase() === 'in') {
+        if (!Array.isArray(cond.value)) cond.value = cond.value.split(',');
     }
-    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
+    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ''));
     return cond;
 }
-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 $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 fields = Object.keys(schema[id].fields);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
-    const [titleConditions, setTitleConditions] = (0, $hgUW1$useState)([]); // Add use effect to load conditions on first load if needed
+    const [titleConditions, setTitleConditions] = (0, $hgUW1$useState)([]);
     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)=>({
@@ -3105,7 +3095,7 @@ const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, custom
         } else setQueryConditions([
             {
                 property: fields[0],
-                value: "",
+                value: '',
                 operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
                 key: Date.now().toString()
             }
@@ -3122,14 +3112,14 @@ const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, custom
             ...queryConditions,
             {
                 property: fields[0],
-                value: "",
+                value: '',
                 operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
                 key: Date.now().toString()
             }
         ]);
     };
     // Sync the UI with the actual data conditions whenever those change
-    (0, $hgUW1$react).useEffect(()=>{
+    (0, $hgUW1$useEffect)(()=>{
         syncConditions();
         setTitleConditions(conditions);
     }, [
@@ -3153,23 +3143,39 @@ const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, custom
             encodeValuesOnly: true,
             addQueryPrefix: true
         });
-        window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
+        window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
     };
-    const submitConditions = (e)=>{
+    const submitConditions = ()=>{
         // 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 $ee4ad47aa483e5b5$var$updateQueryForDatastore(cond);
+            return $6f4318b1e14124e5$var$updateQueryForDatastore(cond);
         });
-        setConditions(submitConditions);
-        setPage(1);
-        setOffset(0);
-        setConditionsChanged(false);
-        updateBrowserURL(submitConditions);
+        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;
     };
     const updateCondition = (index, key, value)=>{
         let newConditions = [
@@ -3185,261 +3191,454 @@ const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, custom
         newConditions.splice(index, 1);
         setQueryConditions(newConditions);
         setConditionsChanged(true);
+        if (newConditions.length === 0) {
+            setConditions([]);
+            updateBrowserURL([]);
+        }
     };
-    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),
+    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);
+                    },
                     children: [
-                        /*#__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$jsx)("i", {
+                            className: "fa fa-filter ds-u-margin-right--1"
                         }),
-                        /*#__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",
+                        /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                             children: [
-                                /*#__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"
+                                /*#__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'}`
                                     })
+                                ]
+                            })
+                        }),
+                        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: "ds-u-display--flex ds-u-justify-content--end ds-l-col--12 ds-l-md-col--6 ds-u-padding-x--0",
+                                    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",
                                     children: [
-                                        /*#__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: "Column Name"
                                         }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
-                                            disabled: queryConditions.length === 0,
-                                            clearFiltersFn: ()=>{
-                                                setConditions([]);
-                                                updateBrowserURL([]);
-                                            }
+                                        /*#__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)("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)("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 $ee4ad47aa483e5b5$export$2e2bcd8739ae039 = $ee4ad47aa483e5b5$var$QueryBuilder;
+var $6f4318b1e14124e5$export$2e2bcd8739ae039 = $6f4318b1e14124e5$var$FilterDataset;
 
 
 
-const $43a30d745a7bbc86$var$DataTableContext = /*#__PURE__*/ (0, $hgUW1$createContext)({
-    id: null
-});
-var $43a30d745a7bbc86$export$2e2bcd8739ae039 = $43a30d745a7bbc86$var$DataTableContext;
-
 
 
-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), {
+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,
         children: [
-            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'
-                })
+            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                className: `${iconClass} ds-u-color--primary ds-u-margin-right--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
-                })
+            text,
+            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                className: "fa fa-xmark ds-u-font-size--sm ds-u-margin-left--1"
+            })
+        ]
+    });
+};
+var $c5b172e8d1a8197c$export$2e2bcd8739ae039 = $c5b172e8d1a8197c$var$FliterChip;
+
+
+
+
+
+
+
+
+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;
+    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()
+                            })
+                        ]
+                    })
+                ]
             }),
-            !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"
+            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"
                 })
-            })
-        ]
-    });
-    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;
+var $dae856e97a09bcd6$export$2e2bcd8739ae039 = $dae856e97a09bcd6$var$DisplaySettings;
 
 
-const $16bd41951b91f02d$var$FullScreenDataTable = ({ modalOpen: modalOpen, setModalOpen: setModalOpen })=>{
-    return /*#__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)
-            })
-        })
+
+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}`);
 };
-var $16bd41951b91f02d$export$2e2bcd8739ae039 = $16bd41951b91f02d$var$FullScreenDataTable;
-
-
-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), {
+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",
         children: [
-            /*#__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",
+            /*#__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",
                             children: [
-                                hiddenColumns,
-                                " Columns Hidden"
+                                /*#__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
+                                })
                             ]
                         })
+                    ]
+                })
+            }),
+            Array.isArray(conditions) && (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)("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);
-                                },
+                            /*#__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",
                                 children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                        className: "far fa-cog ds-u-margin-right--1"
-                                    }),
-                                    "Manage Columns"
+                                    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$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$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)("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 $71b4324f265dec16$export$2e2bcd8739ae039 = $71b4324f265dec16$var$DataTableControls;
-
+var $85f8ff1ff89899c7$export$2e2bcd8739ae039 = $85f8ff1ff89899c7$var$DataTableToolbar;
 
 
-
-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 $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, showDataTableToolbar: showDataTableToolbar, 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 data = resource.values;
     const [sorting, setSorting] = (0, $hgUW1$useState)([]);
-    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
+    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)('');
     const dataTableWrapperElement = (0, $hgUW1$useRef)(null);
     const columnHelper = (0, $hgUW1$createColumnHelper)();
     const table_columns = columns.map((col)=>{
@@ -3458,9 +3657,9 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
         columnOrder
     ]);
     const sortElement = (isSorted, onClickFn)=>{
-        if (isSorted === "asc") return "dc-c-sort--asc";
-        if (isSorted === "desc") return "dc-c-sort--desc";
-        return "dc-c-sort--default";
+        if (isSorted === 'asc') return 'dc-c-sort--asc';
+        if (isSorted === 'desc') return 'dc-c-sort--desc';
+        return 'dc-c-sort--default';
     };
     const filters = [];
     const table = (0, $hgUW1$useReactTable)({
@@ -3472,7 +3671,7 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
             columnVisibility: columnVisibility,
             sorting: sorting
         },
-        columnResizeMode: "onChange",
+        columnResizeMode: 'onChange',
         onSortingChange: setSorting,
         onColumnOrderChange: setColumnOrder,
         onColumnVisibilityChange: setColumnVisibility,
@@ -3489,7 +3688,7 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
     const defaultColumnOrder = (0, $hgUW1$useMemo)(()=>table_columns.map((column)=>column.accessorKey), []);
     const tableWrapperWidth = ()=>{
         if (dataTableWrapperElement.current) return dataTableWrapperElement.current.offsetWidth;
-        return "auto";
+        return 'auto';
     };
     (0, $hgUW1$useEffect)(()=>{
         setHighlightRow(null);
@@ -3498,17 +3697,146 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
     ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            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
-                })
+            showDataTableToolbar && /*#__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: "ds-c-button ds-c-button--solid ds-l-col--12 ds-l-md-col--auto",
+                            href: unfilteredDownloadURL,
+                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                className: "ds-u-font-weight--bold 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)"
+                                ]
+                            })
+                        })
+                    }),
+                    /*#__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: "ds-c-button ds-c-button--solid ds-u-display--flex ds-u-align-items--center 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: "ds-c-button ds-c-button--solid ds-u-font-weight-bold ds-l-col--12 ds-l-md-col--auto",
+                                                    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",
+                className: "dc-c-datatable-wrapper ds-u-border-x--1 ds-u-border-bottom--1",
                 tabIndex: 0,
                 ref: dataTableWrapperElement,
                 children: [
@@ -3591,7 +3919,7 @@ function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header, a
         },
         labelClassName: "ds-u-visibility--screen-reader",
         name: accessor,
-        value: filterValue || ""
+        value: filterValue || ''
     });
 }
 const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id: id, canResize: canResize = true })=>{
@@ -3667,7 +3995,7 @@ const $ec3e23baa005dc03$var$Breadcrumb = ({ currentPage: currentPage, pageTrail:
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                         children: currentPage
                     })
-                }) : ""
+                }) : ''
             ]
         })
     });
@@ -3724,11 +4052,11 @@ var $10acbeaa4d8f6040$export$2e2bcd8739ae039 = $10acbeaa4d8f6040$var$ChevronRigh
 
 
 
-const $bdb071ea3a6d3466$var$SearchInput = ({ placeholder: placeholder = "Search the Data", showMagnifyingGlass: showMagnifyingGlass, showSearchButton: showSearchButton, onDark: onDark, onChange: onChange, onSubmit: onSubmit, onKeyDown: onKeyDown, defaultValue: defaultValue = "" })=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+const $bdb071ea3a6d3466$var$SearchInput = ({ placeholder: placeholder = 'Search the Data', showMagnifyingGlass: showMagnifyingGlass, showSearchButton: showSearchButton, onDark: onDark, onChange: onChange, onSubmit: onSubmit, onKeyDown: onKeyDown, defaultValue: defaultValue = '' })=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: "search-input-container",
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
-                className: `${showMagnifyingGlass ? "left-padding" : ""} ${showSearchButton ? "right-padding" : ""}`,
+                className: `${showMagnifyingGlass ? 'left-padding' : ''} ${showSearchButton ? 'right-padding' : ''}`,
                 label: placeholder,
                 labelClassName: "ds-u-visibility--screen-reader",
                 placeholder: placeholder,
@@ -3743,7 +4071,7 @@ const $bdb071ea3a6d3466$var$SearchInput = ({ placeholder: placeholder = "Search
             }),
             showSearchButton && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
                 variation: "solid",
-                className: onDark && "on-dark",
+                className: onDark && 'on-dark',
                 onClick: onSubmit,
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -3862,7 +4190,7 @@ const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth = true, rootUrl: roo
                     url: `${rootUrl}${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
                         addQueryPrefix: true
                     })}`,
-                    docExpansion: "list",
+                    docExpansion: 'list',
                     defaultModelsExpandDepth: -1,
                     plugins: [
                         (0, $hgUW1$SpanOpenAPIVersion),
@@ -3970,7 +4298,7 @@ const $0a551147dc92a718$var$SearchButton = (props)=>{
         size: "big",
         type: "submit",
         style: {
-            width: "70px"
+            width: '70px'
         },
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
             className: "fas fa-search small-text"
@@ -3987,7 +4315,7 @@ const $0a551147dc92a718$var$SearchButton = (props)=>{
                 className: "full-text ds-u-display--none ds-u-sm-display--inline-block ds-u-display--flex ds-u-align-items--center",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        children: text ? text : "Search"
+                        children: text ? text : 'Search'
                     }),
                     ` `,
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -4072,12 +4400,12 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
         fulltext: fulltext ? fulltext : undefined,
         ...selectedFacets,
         sort: sort ? sort : undefined,
-        ["sort-order"]: sortOrder ? sortOrder : undefined,
+        ['sort-order']: sortOrder ? sortOrder : undefined,
         page: page !== 1 ? page : undefined,
-        ["page-size"]: pageSize !== 10 ? pageSize : 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",
+        arrayFormat: 'comma',
         encode: false
     })}`);
 }
@@ -4088,26 +4416,26 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
 
 const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const { rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
-        defaultSort: "modified",
-        defaultOrder: "desc"
-    }, pageTitle: pageTitle = "Dataset Explorer", filterTitle: filterTitle = "Tags", showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = "", showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton, dataDictionaryLinks: dataDictionaryLinks = false } = props;
+        defaultSort: 'modified',
+        defaultOrder: 'desc'
+    }, pageTitle: pageTitle = 'Dataset Explorer', filterTitle: filterTitle = 'Tags', showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = '', showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton, dataDictionaryLinks: dataDictionaryLinks = false } = props;
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const sortOptions = [
         {
-            label: "Newest",
-            value: "newest"
+            label: 'Newest',
+            value: 'newest'
         },
         {
-            label: "Oldest",
-            value: "oldest"
+            label: 'Oldest',
+            value: 'oldest'
         },
         {
-            label: "Title A-Z",
-            value: "titleAZ"
+            label: 'Title A-Z',
+            value: 'titleAZ'
         },
         {
-            label: "Title Z-A",
-            value: "titleZA"
+            label: 'Title Z-A',
+            value: 'titleZA'
         }
     ];
     const defaultSortBy = "";
@@ -4126,7 +4454,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         endingNumber: 0
     });
     const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
-    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)("");
+    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)('');
     let [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
     const [fulltext, setFullText] = (0, $hgUW1$useState)(transformedParams.fulltext);
     const [filterText, setFilterText] = (0, $hgUW1$useState)(transformedParams.fulltext);
@@ -4135,7 +4463,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const [sort, setSort] = (0, $hgUW1$useState)(transformedParams.sort ? transformedParams.sort : defaultSort ? defaultSort.defaultSort : defaultSortBy);
     const [sortOrder, setSortOrder] = (0, $hgUW1$useState)(transformedParams.sortOrder ? transformedParams.sortOrder : defaultSort ? defaultSort.defaultOrder : defaultSortOrder);
     const [sortDisplay, setSortDisplay] = (0, $hgUW1$useState)(()=>{
-        return sort === "modified" ? sortOrder === "desc" ? "newest" : "oldest" : sortOrder === "desc" ? "titleZA" : "titleAZ";
+        return sort === 'modified' ? sortOrder === 'desc' ? 'newest' : 'oldest' : sortOrder === 'desc' ? 'titleZA' : 'titleAZ';
     });
     const [selectedFacets, setSelectedFacets] = (0, $hgUW1$useState)(transformedParams.selectedFacets ? transformedParams.selectedFacets : {
         theme: [],
@@ -4144,21 +4472,21 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const setSortOptions = (value)=>{
         setSortDisplay(value);
         switch(value){
-            case "newest":
-                setSort("modified");
-                setSortOrder("desc");
+            case 'newest':
+                setSort('modified');
+                setSortOrder('desc');
                 break;
-            case "oldest":
-                setSort("modified");
-                setSortOrder("asc");
+            case 'oldest':
+                setSort('modified');
+                setSortOrder('asc');
                 break;
-            case "titleAZ":
-                setSort("title");
-                setSortOrder("asc");
+            case 'titleAZ':
+                setSort('title');
+                setSortOrder('asc');
                 break;
-            case "titleZA":
-                setSort("title");
-                setSortOrder("desc");
+            case 'titleZA':
+                setSort('title');
+                setSortOrder('desc');
                 break;
         }
     };
@@ -4166,12 +4494,12 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         const newFacets = {
             ...selectedFacets
         };
-        if (key === "theme") {
+        if (key === 'theme') {
             const existingFacet = newFacets.theme.findIndex((s)=>s === value);
             if (existingFacet > -1) newFacets.theme.splice(existingFacet, 1);
             else newFacets.theme.push(value);
         }
-        if (key === "keyword") {
+        if (key === 'keyword') {
             const existingFacet = newFacets.keyword.findIndex((s)=>s === value);
             if (existingFacet > -1) newFacets.keyword.splice(existingFacet, 1);
             else newFacets.keyword.push(value);
@@ -4185,14 +4513,14 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         });
         setSelectedFacets(newFacets);
         const url = new URL(window.location.href);
-        window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
+        window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
     }
     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}`);
+        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);
@@ -4231,14 +4559,14 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         setSelectedFacets(defaultSelectedFacets);
         setPage(defaultPage);
         const url = new URL(window.location.href);
-        window.history.pushState({}, "", `${url.origin}${url.pathname}`);
+        window.history.pushState({}, '', `${url.origin}${url.pathname}`);
     }
     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;
-        if (fulltext !== "") newParams.fulltext = fulltext;
+        if (fulltext !== '') newParams.fulltext = fulltext;
         if (Object.keys(selectedFacets).length) Object.keys(selectedFacets).forEach((key)=>{
             newParams[key] = selectedFacets[key];
         });
@@ -4251,9 +4579,9 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         fulltext: fulltext ? fulltext : undefined,
         ...selectedFacets,
         sort: sort ? sort : undefined,
-        ["sort-order"]: sortOrder ? sortOrder : undefined,
+        ['sort-order']: sortOrder ? sortOrder : undefined,
         page: page !== 1 ? page : undefined,
-        ["page-size"]: pageSize !== 10 ? pageSize : undefined
+        ['page-size']: pageSize !== 10 ? pageSize : undefined
     };
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
@@ -4262,7 +4590,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         ],
         queryFn: ()=>{
             return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-                arrayFormat: "comma",
+                arrayFormat: 'comma',
                 encode: false
             })}`);
         }
@@ -4313,7 +4641,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
                                             fieldClassName: "ds-u-margin--0",
                                             value: filterText,
-                                            className: `ds-u-padding-right--2 ${altMobileSearchButton ? "ds-l-col--12 ds-l-md-col--10 --alt-style" : "ds-l-col--10"}`,
+                                            className: `ds-u-padding-right--2 ${altMobileSearchButton ? 'ds-l-col--12 ds-l-md-col--10 --alt-style' : 'ds-l-col--10'}`,
                                             label: "Search datasets",
                                             labelClassName: "ds-u-visibility--screen-reader",
                                             placeholder: "Search datasets",
@@ -4375,7 +4703,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                                     "Showing ",
                                                                     currentResultNumbers.startingNumber,
                                                                     " -",
-                                                                    " ",
+                                                                    ' ',
                                                                     currentResultNumbers.endingNumber,
                                                                     " of ",
                                                                     data.data.total,
@@ -4453,7 +4781,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                             },
                                             renderHref: (page)=>{
                                                 const searchParams = buildSearchParams(false);
-                                                const includeAnd = searchParams ? "&" : "";
+                                                const includeAnd = searchParams ? '&' : '';
                                                 return `/datasets?page=${page}${includeAnd}${searchParams}`;
                                             }
                                         })
@@ -4487,26 +4815,26 @@ var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 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 })=>{
+    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 = [
         {
-            label: "Newest",
-            value: "newest"
+            label: 'Newest',
+            value: 'newest'
         },
         {
-            label: "Oldest",
-            value: "oldest"
+            label: 'Oldest',
+            value: 'oldest'
         },
         {
-            label: "Title A-Z",
-            value: "titleAZ"
+            label: 'Title A-Z',
+            value: 'titleAZ'
         },
         {
-            label: "Title Z-A",
-            value: "titleZA"
+            label: 'Title Z-A',
+            value: 'titleZA'
         }
     ];
     const defaultSortBy = "";
@@ -4520,33 +4848,33 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
         endingNumber: 0
     });
     const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
-    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)("");
+    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 [sortDisplay, setSortDisplay] = (0, $hgUW1$useState)(()=>{
-        return sort === "modified" ? sortOrder === "desc" ? "newest" : "oldest" : sortOrder === "desc" ? "titleZA" : "titleAZ";
+        return sort === 'modified' ? sortOrder === 'desc' ? 'newest' : 'oldest' : sortOrder === 'desc' ? 'titleZA' : 'titleAZ';
     });
     const setSortOptions = (value)=>{
         setSortDisplay(value);
         switch(value){
-            case "newest":
-                setSort("modified");
-                setSortOrder("desc");
+            case 'newest':
+                setSort('modified');
+                setSortOrder('desc');
                 break;
-            case "oldest":
-                setSort("modified");
-                setSortOrder("asc");
+            case 'oldest':
+                setSort('modified');
+                setSortOrder('asc');
                 break;
-            case "titleAZ":
-                setSort("title");
-                setSortOrder("asc");
+            case 'titleAZ':
+                setSort('title');
+                setSortOrder('asc');
                 break;
-            case "titleZA":
-                setSort("title");
-                setSortOrder("desc");
+            case 'titleZA':
+                setSort('title');
+                setSortOrder('desc');
                 break;
         }
     };
@@ -4555,7 +4883,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
         // 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}`);
+        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);
@@ -4594,9 +4922,9 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
     }
     let params = {
         sort: sort ? sort : undefined,
-        ["sort-order"]: sortOrder ? sortOrder : undefined,
+        ['sort-order']: sortOrder ? sortOrder : undefined,
         page: page !== 1 ? page : undefined,
-        ["page-size"]: pageSize !== 10 ? pageSize : undefined
+        ['page-size']: pageSize !== 10 ? pageSize : undefined
     };
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
@@ -4605,7 +4933,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
         ],
         queryFn: ()=>{
             return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-                arrayFormat: "comma",
+                arrayFormat: 'comma',
                 encode: false
             })}`);
         }
@@ -4669,7 +4997,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                                                         "Showing ",
                                                                         currentResultNumbers.startingNumber,
                                                                         " -",
-                                                                        " ",
+                                                                        ' ',
                                                                         currentResultNumbers.endingNumber,
                                                                         " of ",
                                                                         data.data.total,
@@ -4736,7 +5064,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                         },
                                         renderHref: (page)=>{
                                             const searchParams = buildSearchParams(false);
-                                            const includeAnd = searchParams ? "&" : "";
+                                            const includeAnd = searchParams ? '&' : '';
                                             return `/datasets?page=${page}${includeAnd}${searchParams}`;
                                         }
                                     })
@@ -4768,12 +5096,12 @@ var $550bcc185f420ff5$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl)=>{
     const [dataset, setDataset] = (0, $hgUW1$useState)({
-        title: "",
+        title: '',
         distribution: [],
-        error: "",
-        description: "",
-        identifier: "",
-        modified: ""
+        error: '',
+        description: '',
+        identifier: '',
+        modified: ''
     });
     const [id, setId] = (0, $hgUW1$useState)(datasetId);
     const [rootUrl, setRootUrl] = (0, $hgUW1$useState)(rootAPIUrl);
@@ -4783,7 +5111,7 @@ const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl)=>{
             "metastore" + id
         ],
         queryFn: ()=>{
-            return (0, $hgUW1$axios).get(`${rootUrl}/metastore/schemas/dataset/items/${id}?show-reference-ids${ACA ? "&" : ""}${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`).then((res)=>res.data).catch((error)=>{
+            return (0, $hgUW1$axios).get(`${rootUrl}/metastore/schemas/dataset/items/${id}?show-reference-ids${ACA ? '&' : ''}${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`).then((res)=>res.data).catch((error)=>{
                 return {
                     title: dataset.title,
                     distribution: dataset.distribution,
@@ -4849,7 +5177,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
         ...additionalParams
     };
     params = (0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA);
-    const paramsString = Object.keys(params).length ? `${(0, $hgUW1$qs).stringify(params)}` : "";
+    const paramsString = Object.keys(params).length ? `${(0, $hgUW1$qs).stringify(params)}` : '';
     let enabled = false;
     if (id) {
         if (!requireConditions) enabled = true;
@@ -4929,65 +5257,65 @@ var $1d3d480a9cfaabe0$export$2e2bcd8739ae039 = $1d3d480a9cfaabe0$var$useDatastor
 
 
 const $28f16f59778efa64$export$82b1b1d517e5388a = {
-    "R/P10Y": {
-        name: "Decennial"
+    'R/P10Y': {
+        name: 'Decennial'
     },
-    "R/P4Y": {
-        name: "Quadrennial"
+    'R/P4Y': {
+        name: 'Quadrennial'
     },
-    "R/P1Y": {
-        name: "Annual"
+    'R/P1Y': {
+        name: 'Annual'
     },
-    "R/P2M": {
-        name: "Bimonthly"
+    'R/P2M': {
+        name: 'Bimonthly'
     },
-    "R/P3.5D": {
-        name: "Semiweekly"
+    'R/P3.5D': {
+        name: 'Semiweekly'
     },
-    "R/P1D": {
-        name: "Daily"
+    'R/P1D': {
+        name: 'Daily'
     },
-    "R/P2W": {
-        name: "Biweekly"
+    'R/P2W': {
+        name: 'Biweekly'
     },
-    "R/P6M": {
-        name: "Semiannual"
+    'R/P6M': {
+        name: 'Semiannual'
     },
-    "R/P2Y": {
-        name: "Biennial"
+    'R/P2Y': {
+        name: 'Biennial'
     },
-    "R/P3Y": {
-        name: "Triennial"
+    'R/P3Y': {
+        name: 'Triennial'
     },
-    "R/P0.33W": {
-        name: "Three times a week"
+    'R/P0.33W': {
+        name: 'Three times a week'
     },
-    "R/P0.33M": {
-        name: "Three times a month"
+    'R/P0.33M': {
+        name: 'Three times a month'
     },
-    "R/PT1S": {
-        name: "Continuously updated"
+    'R/PT1S': {
+        name: 'Continuously updated'
     },
-    "R/P1M": {
-        name: "Monthly"
+    'R/P1M': {
+        name: 'Monthly'
     },
-    "R/P3M": {
-        name: "Quarterly"
+    'R/P3M': {
+        name: 'Quarterly'
     },
-    "R/P0.5M": {
-        name: "Semimonthly"
+    'R/P0.5M': {
+        name: 'Semimonthly'
     },
-    "R/P4M": {
-        name: "Three times a year"
+    'R/P4M': {
+        name: 'Three times a year'
     },
-    "R/P1W": {
-        name: "Weekly"
+    'R/P1W': {
+        name: 'Weekly'
     },
-    "R/PT1H": {
-        name: "Hourly"
+    'R/PT1H': {
+        name: 'Hourly'
     },
     irregular: {
-        name: "Irregular"
+        name: 'Irregular'
     }
 };
 
@@ -4996,7 +5324,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     modified: (data)=>{
         return [
             {
-                label: "Modified",
+                label: 'Modified',
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
                     date: data
                 })
@@ -5006,7 +5334,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     issued: (data)=>{
         return [
             {
-                label: "Issued",
+                label: 'Issued',
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
                     date: data
                 })
@@ -5016,7 +5344,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     accrualPeriodicity: (data)=>{
         return [
             {
-                label: "Frequency",
+                label: 'Frequency',
                 value: (0, $28f16f59778efa64$export$82b1b1d517e5388a)[data].name
             }
         ];
@@ -5024,7 +5352,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     publisher: (data)=>{
         if (data.data && data.data.name) return [
             {
-                label: "Publisher",
+                label: 'Publisher',
                 value: data.data.name
             }
         ];
@@ -5033,7 +5361,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     identifier: (data)=>{
         return [
             {
-                label: "Identifier",
+                label: 'Identifier',
                 value: data
             }
         ];
@@ -5041,11 +5369,11 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     contactPoint: (data)=>{
         let rows = [];
         if (data.fn) rows.push({
-            label: "Contact",
+            label: 'Contact',
             value: data.fn
         });
         if (data.hasEmail) rows.push({
-            label: "Contact Email",
+            label: 'Contact Email',
             value: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
                 href: data.hasEmail.includes("mailto:") ? data.hasEmail : `mailto:${data.hasEmail}`,
                 children: data.hasEmail.replace("mailto:", "")
@@ -5056,7 +5384,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     bureauCode: (data)=>{
         if (data.length) return [
             {
-                label: "Bureau Code",
+                label: 'Bureau Code',
                 value: data[0]
             }
         ];
@@ -5064,7 +5392,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     programCode: (data)=>{
         if (data.length) return [
             {
-                label: "Program Code",
+                label: 'Program Code',
                 value: data[0]
             }
         ];
@@ -5072,13 +5400,13 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     theme: (data)=>{
         return [
             {
-                label: "Category",
+                label: 'Category',
                 value: data.map((theme)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
                         to: `/datasets?theme[]=${theme.data}`,
                         children: theme.data
                     }, theme.data)).reduce((prev, curr)=>[
                         prev,
-                        ", ",
+                        ', ',
                         curr
                     ])
             }
@@ -5087,13 +5415,13 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     keyword: (data)=>{
         return [
             {
-                label: "Tags",
+                label: 'Tags',
                 value: data.map((keyword)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
                         to: `/datasets?keyword[]=${keyword.data}`,
                         children: keyword.data
                     }, keyword.data)).reduce((prev, curr)=>[
                         prev,
-                        ", ",
+                        ', ',
                         curr
                     ])
             }
@@ -5102,7 +5430,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     license: (data)=>{
         return [
             {
-                label: "License",
+                label: 'License',
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
                     href: data,
                     children: data
@@ -5113,7 +5441,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     accessLevel: (data)=>{
         return [
             {
-                label: "Public Access Level",
+                label: 'Public Access Level',
                 value: data
             }
         ];
@@ -5121,7 +5449,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     temporal: (data)=>{
         return [
             {
-                label: "Temporal Coverage",
+                label: 'Temporal Coverage',
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                     className: "dc-c-word-break--all",
                     children: data
@@ -5132,7 +5460,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     spatial: (data)=>{
         return [
             {
-                label: "Spacial/Geographical Coverage",
+                label: 'Spacial/Geographical Coverage',
                 value: data
             }
         ];
@@ -5140,7 +5468,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     references: (data)=>{
         return [
             {
-                label: "Related Documents",
+                label: 'Related Documents',
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                     className: "ds-u-margin--0 ds-u-padding-y--0 ds-u-padding-left--2 ds-u-padding-right--0",
                     children: data.map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
@@ -5258,8 +5586,8 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource
                                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
                                     href: dist.data.downloadURL,
                                     style: {
-                                        order: sm ? "1" : "0",
-                                        width: sm ? "100%" : "auto"
+                                        order: sm ? '1' : '0',
+                                        width: sm ? '100%' : 'auto'
                                     },
                                     "aria-label": `Download ${dist.data.title || title} ${fileFormat}`,
                                     className: "ds-c-button",
@@ -5272,7 +5600,7 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource
                                 })
                             }),
                             dist.data.description && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-u-measure--wide ds-u-margin-bottom--7",
+                                className: 'ds-u-measure--wide ds-u-margin-bottom--7',
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                     className: "dc-c-metadata-description ds-u-margin--0",
                                     dangerouslySetInnerHTML: {
@@ -5344,7 +5672,7 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
                                 const tooltip = tooltips.find((item)=>item.label === r.label.toLowerCase());
                                 return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
                                     children: [
-                                        md ? "" : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
+                                        md ? '' : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
                                             component: "th",
                                             className: "ds-u-font-weight--bold",
                                             children: [
@@ -5355,8 +5683,8 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
                                                         title: tooltip.title,
                                                         // @ts-ignore
                                                         style: {
-                                                            border: "none",
-                                                            background: "none"
+                                                            border: 'none',
+                                                            background: 'none'
                                                         },
                                                         maxWidth: "400px",
                                                         placement: "auto",
@@ -5415,10 +5743,10 @@ const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: ap
                             href: apiUrl,
                             children: [
                                 "View API",
-                                " ",
+                                ' ',
                                 /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                     style: {
-                                        whiteSpace: "nowrap"
+                                        whiteSpace: 'nowrap'
                                     },
                                     children: [
                                         "specification ",
@@ -5459,20 +5787,20 @@ var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
 
 const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns, tableData: tableData, pageSize: pageSize, columnFilters: columnFilters })=>{
     const [sorting, setSorting] = (0, $hgUW1$useState)([]);
-    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
+    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)('');
     const mobile = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 544
     });
     const sortElement = (isSorted)=>{
-        if (isSorted === "asc") return "dc-c-sort--asc";
-        if (isSorted === "desc") return "dc-c-sort--desc";
-        return "dc-c-sort--default";
+        if (isSorted === 'asc') return 'dc-c-sort--asc';
+        if (isSorted === 'desc') return 'dc-c-sort--desc';
+        return 'dc-c-sort--default';
     };
     const table = (0, $hgUW1$useReactTable)({
         data: tableData,
         columns: tableColumns,
-        columnResizeMode: "onChange",
+        columnResizeMode: 'onChange',
         getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
         getFilteredRowModel: (0, $hgUW1$getFilteredRowModel)(),
         getPaginationRowModel: (0, $hgUW1$getPaginationRowModel)(),
@@ -5491,49 +5819,49 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
     });
     const sortOptions = [
         {
-            value: "default",
-            label: "No Sort"
+            value: 'default',
+            label: 'No Sort'
         },
         {
-            value: "titleasc",
-            label: "Title A-Z"
+            value: 'titleasc',
+            label: 'Title A-Z'
         },
         {
-            value: "titledesc",
-            label: "Title Z-A"
+            value: 'titledesc',
+            label: 'Title Z-A'
         },
         {
-            value: "typeasc",
-            label: "Type A-Z"
+            value: 'typeasc',
+            label: 'Type A-Z'
         },
         {
-            value: "typedesc",
-            label: "Type Z-A"
+            value: 'typedesc',
+            label: 'Type Z-A'
         }
     ];
     const sortStatesLookup = {
         default: [],
         titleasc: [
             {
-                id: "titleResizable",
+                id: 'titleResizable',
                 desc: false
             }
         ],
         titledesc: [
             {
-                id: "titleResizable",
+                id: 'titleResizable',
                 desc: true
             }
         ],
         typeasc: [
             {
-                id: "type",
+                id: 'type',
                 desc: false
             }
         ],
         typedesc: [
             {
-                id: "type",
+                id: 'type',
                 desc: true
             }
         ]
@@ -5561,7 +5889,7 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                     /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
                         className: "dc-c-datatable",
                         style: {
-                            width: "100%"
+                            width: '100%'
                         },
                         stackable: true,
                         children: [
@@ -5577,12 +5905,12 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                                             }, header.id + "_resize") : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
                                                 key: header.id,
                                                 className: `ds-u-border-y--2 ds-u-border--dark ds-u-border-x--0`,
-                                                id: "dataDictionary_" + header.id,
+                                                id: 'dataDictionary_' + header.id,
                                                 children: [
                                                     (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext()),
-                                                    header.id === "type" && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
+                                                    header.id === 'type' && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
                                                         onClick: header.column.getToggleSortingHandler(),
-                                                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
+                                                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : '',
                                                         "aria-label": `${header.column.columnDef.header} sort order`
                                                     })
                                                 ]
@@ -5597,12 +5925,12 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                                             return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                                 key: cell.id,
                                                 style: {
-                                                    maxWidth: mobile ? "100%" : cell.column.getSize(),
-                                                    whiteSpace: cell.column.id === "description" ? "pre-wrap" : "normal"
+                                                    maxWidth: mobile ? '100%' : cell.column.getSize(),
+                                                    whiteSpace: cell.column.id === "description" ? 'pre-wrap' : 'normal'
                                                 },
-                                                className: `${cell.column.id === "titleResizable" ? "ds-u-word-break" : ""}`,
-                                                headers: "dataDictionary_" + cell.column.id,
-                                                stackedTitle: cell.column.id === "titleResizable" ? "Title" : cell.column.columnDef.header,
+                                                className: `${cell.column.id === 'titleResizable' ? 'ds-u-word-break' : ''}`,
+                                                headers: 'dataDictionary_' + cell.column.id,
+                                                stackedTitle: cell.column.id === 'titleResizable' ? 'Title' : cell.column.columnDef.header,
                                                 children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
                                             });
                                         })
@@ -5631,7 +5959,7 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                     table.setPageIndex(page - 1);
                 },
                 renderHref: (page)=>`/page=${page}`
-            }) : ""
+            }) : ''
         ]
     });
 };
@@ -5641,17 +5969,17 @@ var $6765a74df807d015$export$2e2bcd8739ae039 = $6765a74df807d015$var$DataDiction
 const $a24829b27758fe6c$var$SitewideDataDictionaryTable = ({ datasetDictionary: datasetDictionary, pageSize: pageSize })=>{
     const columnHelper = (0, $hgUW1$createColumnHelper)();
     const tableColumns = [
-        columnHelper.accessor("name", {
-            header: "Name"
+        columnHelper.accessor('name', {
+            header: 'Name'
         }),
-        columnHelper.accessor("title", {
-            header: "Title"
+        columnHelper.accessor('title', {
+            header: 'Title'
         }),
-        columnHelper.accessor("type", {
-            header: "Type"
+        columnHelper.accessor('type', {
+            header: 'Type'
         }),
-        columnHelper.accessor("format", {
-            header: "Format"
+        columnHelper.accessor('format', {
+            header: 'Format'
         })
     ];
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
@@ -5695,7 +6023,7 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
     });
     const columnHelper = (0, $hgUW1$createColumnHelper)();
     const tableColumns = [
-        columnHelper.accessor("titleResizable", {
+        columnHelper.accessor('titleResizable', {
             header: ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                     className: "dc-c-tooltip-width-override",
                     children: [
@@ -5704,8 +6032,8 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
                             title: "Title represents the column headers of the data file",
                             // @ts-ignore
                             style: {
-                                border: "none",
-                                background: "none"
+                                border: 'none',
+                                background: 'none'
                             },
                             maxWidth: "400px",
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TooltipIcon), {})
@@ -5715,48 +6043,48 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
             size: 300,
             minSize: 132
         }),
-        columnHelper.accessor("description", {
-            header: "Description",
+        columnHelper.accessor('description', {
+            header: 'Description',
             minSize: 600
         }),
-        columnHelper.accessor("type", {
-            header: "Type",
+        columnHelper.accessor('type', {
+            header: 'Type',
             size: 150,
             enableResizing: false
         })
     ];
     const typeOptions = [
         {
-            value: "all",
-            label: "All Types"
+            value: 'all',
+            label: 'All Types'
         },
         {
-            value: "string",
-            label: "String"
+            value: 'string',
+            label: 'String'
         },
         {
-            value: "date",
-            label: "Date"
+            value: 'date',
+            label: 'Date'
         },
         {
-            value: "datetime",
-            label: "Datetime"
+            value: 'datetime',
+            label: 'Datetime'
         },
         {
-            value: "year",
-            label: "Year"
+            value: 'year',
+            label: 'Year'
         },
         {
-            value: "integer",
-            label: "Integer"
+            value: 'integer',
+            label: 'Integer'
         },
         {
-            value: "number",
-            label: "Number"
+            value: 'number',
+            label: 'Number'
         },
         {
-            value: "boolean",
-            label: "Boolean"
+            value: 'boolean',
+            label: 'Boolean'
         }
     ];
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
@@ -5863,7 +6191,7 @@ const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionaryEndpoint: datas
                                     href: datasetDictionaryEndpoint + "/csv",
                                     className: "ds-c-button",
                                     style: {
-                                        width: "100%"
+                                        width: '100%'
                                     },
                                     children: [
                                         /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
@@ -5898,33 +6226,11 @@ var $6012b86ffcaf3f71$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
-
-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
-        },
+const $39bc4d98030a5599$var$DataTableStateWrapper = ({ showCopyLinkButton: showCopyLinkButton = true, showDataTableToolbar: showDataTableToolbar = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ee0d4d4f34048447$export$2e2bcd8739ae039), {
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
-            showQueryBuilder: showQueryBuilder,
             showCopyLinkButton: showCopyLinkButton,
+            showDataTableToolbar: showDataTableToolbar,
             showDownloadFilteredDataButton: showDownloadFilteredDataButton,
             showDownloadFullDataButton: showDownloadFullDataButton,
             showStoredQueryDownloadButton: showStoredQueryDownloadButton
@@ -5942,7 +6248,7 @@ const $2bd73bb95b0c04ed$var$DatasetDescription = ({ distribution: distribution,
     const [description, setDescription] = (0, $hgUW1$useState)("");
     if (!distribution && !dataset?.identifier) return null;
     (0, $hgUW1$useEffect)(()=>{
-        let newDescription = "";
+        let newDescription = '';
         if (customDescription) newDescription = customDescription(dataset, distribution, resource);
         else {
             if (distribution.data && distribution.data.description) newDescription = distribution.data.description;
@@ -5957,7 +6263,7 @@ const $2bd73bb95b0c04ed$var$DatasetDescription = ({ distribution: distribution,
         customDescription
     ]);
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "ds-u-measure--wide ds-u-margin-bottom--7",
+        className: 'ds-u-measure--wide ds-u-margin-bottom--7',
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
             className: "ds-u-margin-top--0 dc-c-metadata-description",
             dangerouslySetInnerHTML: {
@@ -5979,7 +6285,7 @@ const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl)=>{
         ],
         queryFn: ()=>{
             return fetch(`${dataDictionaryUrl}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA), {
-                arrayFormat: "comma",
+                arrayFormat: 'comma',
                 encode: false
             })}`).then((res)=>res.json());
         }
@@ -5998,7 +6304,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
         conditions: []
     };
     const { dataset: dataset, isPending: isPending } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl);
-    const title = dataset.title ? dataset.title : "";
+    const title = dataset.title ? dataset.title : '';
     const metadataMapping = {
         ...(0, $6da0396069e23175$export$bc27cf7ecf44639d),
         ...customMetadataMapping
@@ -6006,7 +6312,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
     let distribution = {};
     let distributions = dataset.distribution ? dataset.distribution : [];
     if (distributions.length) distribution = distributions[0];
-    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
+    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)('', rootUrl, {
         ...options,
         limit: defaultPageSize
     });
@@ -6018,7 +6324,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
     }) : null;
     (0, $hgUW1$useEffect)(()=>{
         const localFileFormat = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution);
-        if (localFileFormat === "csv") resource.setResource(distribution.identifier);
+        if (localFileFormat === 'csv') resource.setResource(distribution.identifier);
     }, [
         distribution
     ]);
@@ -6073,27 +6379,27 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
         distribution,
         window.location.hash
     ]);
-    const displayDataDictionaryTab = distribution.data && distribution.data.describedBy && distribution.data.describedByType === "application/vnd.tableschema+json" || datasetSitewideDictionary && datasetSitewideDictionary.length > 0;
+    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,
             siteUrl: rootUrl
         }) : /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: "ds-l-container",
+            className: 'ds-l-container',
             children: [
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                    className: "ds-l-row",
+                    className: 'ds-l-row',
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-l-md-col--9",
+                            className: 'ds-l-md-col--9',
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
                                 className: "ds-text-heading--3xl",
                                 children: title
                             })
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-l-md-col--12 ds-u-margin-y--1 ds-u-text-align--right",
+                            className: 'ds-l-md-col--12 ds-u-margin-y--1 ds-u-text-align--right',
                             children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
                                 className: "ds-u-margin--0",
                                 children: [
@@ -6105,7 +6411,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                             })
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-l-md-col--9",
+                            className: 'ds-l-md-col--9',
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2bd73bb95b0c04ed$export$2e2bcd8739ae039), {
                                 distribution: distribution,
                                 dataset: dataset,
@@ -6117,9 +6423,9 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                     ]
                 }),
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "ds-l-row",
+                    className: 'ds-l-row',
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-md-col--12 dc-dataset",
+                        className: 'ds-l-md-col--12 dc-dataset',
                         children: !isPending && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tabs), {
                             onChange: (selectedId, prevSelectedId)=>{
                                 setSelectedTab(selectedId);
@@ -6127,7 +6433,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                             selectedId: selectedTab,
                             children: [
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
-                                    id: "data-table",
+                                    id: 'data-table',
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
                                         children: [
@@ -6137,7 +6443,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Data Table"
                                         ]
                                     }),
-                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
+                                    className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
                                     children: (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039).Provider, {
                                         value: {
                                             id: id,
@@ -6154,7 +6460,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                     })
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
-                                    id: "overview",
+                                    id: 'overview',
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
                                         children: [
@@ -6164,7 +6470,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Overview"
                                         ]
                                     }),
-                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
+                                    className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $364dc44850cd8f7f$export$2e2bcd8739ae039), {
                                         resource: resource,
                                         dataset: dataset,
@@ -6173,7 +6479,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                     })
                                 }),
                                 !hideDataDictionary && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
-                                    id: "data-dictionary",
+                                    id: 'data-dictionary',
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
                                         children: [
@@ -6183,7 +6489,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Data Dictionary"
                                         ]
                                     }),
-                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
+                                    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,
@@ -6194,7 +6500,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                     })
                                 }),
                                 distribution && distribution.data && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
-                                    id: "api",
+                                    id: 'api',
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
                                         children: [
@@ -6204,7 +6510,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "API"
                                         ]
                                     }),
-                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
+                                    className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf6eaefd6b928de3$export$2e2bcd8739ae039), {
                                         id: id,
                                         rootUrl: rootUrl,
@@ -6241,13 +6547,13 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
     });
     const menu = (0, $hgUW1$useRef)(null);
     function closeMobileMenu() {
-        const mobileMenuButtonElement = document.querySelector(".dkan-c-mobile-menu-button");
+        const mobileMenuButtonElement = document.querySelector('.dkan-c-mobile-menu-button');
         if (!mobileMenuButtonElement) return;
         mobileMenuButtonElement.focus();
     }
     // Close mobile menu with escape.
     function handleMenuClose(event) {
-        if (event.key === "Escape" && mobileMenuOpen) setMobileMenuOpen(false);
+        if (event.key === 'Escape' && mobileMenuOpen) setMobileMenuOpen(false);
     }
     function handleClick(event) {
         // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.    
@@ -6282,7 +6588,7 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
             const focusableEls = getFocusableElements(menu.current).selectors.visible;
             const firstEl = focusableEls[0];
             const lastEl = focusableEls[focusableEls.length - 1];
-            if (event.key === "Tab") {
+            if (event.key === 'Tab') {
                 if (event.shiftKey && document.activeElement === firstEl) {
                     lastEl?.focus();
                     event.preventDefault();
@@ -6294,15 +6600,15 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
         }
     };
     (0, $hgUW1$useEffect)(()=>{
-        document.addEventListener("keyup", handleMenuClose);
-        document.addEventListener("mousedown", handleClick);
+        document.addEventListener('keyup', handleMenuClose);
+        document.addEventListener('mousedown', handleClick);
         if (mobileMenuOpen) handleFocusIn();
         else closeMobileMenu();
-        if (menu.current) menu.current.addEventListener("keydown", (evt)=>trapFocus(evt));
+        if (menu.current) menu.current.addEventListener('keydown', (evt)=>trapFocus(evt));
         return ()=>{
-            document.removeEventListener("keyup", handleMenuClose);
-            document.addEventListener("mousedown", handleClick);
-            if (menu.current) menu.current.removeEventListener("keydown", trapFocus);
+            document.removeEventListener('keyup', handleMenuClose);
+            document.addEventListener('mousedown', handleClick);
+            if (menu.current) menu.current.removeEventListener('keydown', trapFocus);
         };
     }, [
         mobileMenuOpen
@@ -6317,7 +6623,7 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
         },
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("header", {
             "aria-label": "Site header",
-            className: `dkan-c-header dkan-c-header--${mobileMax ? "mobile" : "desktop"}`,
+            className: `dkan-c-header dkan-c-header--${mobileMax ? 'mobile' : 'desktop'}`,
             children: [
                 topNav && topNav,
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -6360,7 +6666,7 @@ const $24918217e48ac525$var$NavLink = ({ link: link, className: className = null
 var $24918217e48ac525$export$2e2bcd8739ae039 = $24918217e48ac525$var$NavLink;
 
 
-const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = true, emailTitle: emailTitle = "Get Email Updates", emailBody: emailBody = "Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.", emailLink: emailLink = "", emailButton: emailButton = "Sign up for email updates", socialMediaLinks: socialMediaLinks = null, hhsLogo: hhsLogo, cmsLogo: cmsLogo, trademarkContent: trademarkContent = /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = true, emailTitle: emailTitle = 'Get Email Updates', emailBody: emailBody = 'Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.', emailLink: emailLink = '', emailButton: emailButton = 'Sign up for email updates', socialMediaLinks: socialMediaLinks = null, hhsLogo: hhsLogo, cmsLogo: cmsLogo, trademarkContent: trademarkContent = /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
     children: [
         /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
             children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
@@ -6448,14 +6754,14 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                 /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                                                     className: "ds-u-font-size--sm",
                                                     children: footerAdditionalResourcesLinks.filter((link)=>{
-                                                        const noOnClick = Object.keys(link).findIndex((l)=>l === "onClick");
+                                                        const noOnClick = Object.keys(link).findIndex((l)=>l === 'onClick');
                                                         if (noOnClick === -1 || link.onClick && link.dataTag) return link;
                                                     }).map((link)=>{
                                                         if (link.onClick && link.dataTag) return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                                                             className: "ds-u-margin-bottom--1",
                                                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
                                                                 href: link.url,
-                                                                ["data-" + link.dataTag.name]: link.dataTag.value,
+                                                                ['data-' + link.dataTag.name]: link.dataTag.value,
                                                                 onClick: link.onClick,
                                                                 children: link.label
                                                             })
@@ -6555,7 +6861,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                                     children: [
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                                                                             id: "svg-inline--fa-title-iRCARP7h6Kp3",
-                                                                            children: socialMediaLinks.facebook.title ? socialMediaLinks.facebook.title : "CMS Facebook"
+                                                                            children: socialMediaLinks.facebook.title ? socialMediaLinks.facebook.title : 'CMS Facebook'
                                                                         }),
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(160 256)",
@@ -6608,7 +6914,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                                     children: [
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                                                                             id: "svg-inline--fa-title-4z03ITiPPTVF",
-                                                                            children: socialMediaLinks.twitter.title ? socialMediaLinks.twitter.title : "CMS Twitter"
+                                                                            children: socialMediaLinks.twitter.title ? socialMediaLinks.twitter.title : 'CMS Twitter'
                                                                         }),
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(256 256)",
@@ -6661,7 +6967,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                                     children: [
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                                                                             id: "svg-inline--fa-title-Nm2qsuSKvuRZ",
-                                                                            children: socialMediaLinks.linkedin.title ? socialMediaLinks.linkedin.title : "CMS LinkedIn"
+                                                                            children: socialMediaLinks.linkedin.title ? socialMediaLinks.linkedin.title : 'CMS LinkedIn'
                                                                         }),
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(224 256)",
@@ -6713,7 +7019,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                                     children: [
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                                                                             id: "svg-inline--fa-title-youtube",
-                                                                            children: socialMediaLinks.youtube.title ? socialMediaLinks.youtube.title : "CMS youtube"
+                                                                            children: socialMediaLinks.youtube.title ? socialMediaLinks.youtube.title : 'CMS youtube'
                                                                         }),
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
                                                                             fill: "currentColor",
@@ -6813,26 +7119,26 @@ const $5655284dbbb89508$var$DocumentationTable = (props)=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
             stackable: true,
-            className: "ds-c-table",
+            className: 'ds-c-table',
             children: [
                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                id: "application",
-                                headers: "Application",
+                                id: 'application',
+                                headers: 'Application',
                                 children: "Application"
-                            }, "Application"),
+                            }, 'Application'),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                id: "notes",
-                                headers: "Notes",
+                                id: 'notes',
+                                headers: 'Notes',
                                 children: "Notes"
-                            }, "Notes"),
+                            }, 'Notes'),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                id: "links",
-                                headers: "Links",
+                                id: 'links',
+                                headers: 'Links',
                                 children: "Links"
-                            }, "Links")
+                            }, 'Links')
                         ]
                     })
                 }),
@@ -6842,19 +7148,19 @@ const $5655284dbbb89508$var$DocumentationTable = (props)=>{
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                     id: d.id,
                                     stackedTitle: "Application",
-                                    headers: "Application",
+                                    headers: 'Application',
                                     children: d.application
                                 }, d.id),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                     id: d.id,
                                     stackedTitle: "Notes",
-                                    headers: "Notes",
+                                    headers: 'Notes',
                                     children: d.notes
                                 }, `${d.id}-notes`),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                     id: d.id,
                                     stackedTitle: "Links",
-                                    headers: "Links",
+                                    headers: 'Links',
                                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
                                         className: "dkan-newtab",
                                         href: d.link,
@@ -6882,44 +7188,44 @@ var $5655284dbbb89508$export$2e2bcd8739ae039 = $5655284dbbb89508$var$Documentati
 
 const $c7bf75f7e8a68780$export$7850f4d545d994c6 = [
     {
-        id: "excel",
-        application: "Microsoft Excel",
-        notes: "Official size limitations for Microsoft Excel",
-        link: "https://support.microsoft.com/en-us/office/excel-specifications-and-limits-1672b34d-7043-467e-8e27-269d656771c3?redirectSourcePath=%252fen-us%252farticle%252fExcel-specifications-and-limits-ca36e2dc-1f09-4620-b726-67c00b05040f",
-        linkText: "Excel Specifications and Limits",
-        screenReaderOnlyText: "on microsoft.com"
+        id: 'excel',
+        application: 'Microsoft Excel',
+        notes: 'Official size limitations for Microsoft Excel',
+        link: 'https://support.microsoft.com/en-us/office/excel-specifications-and-limits-1672b34d-7043-467e-8e27-269d656771c3?redirectSourcePath=%252fen-us%252farticle%252fExcel-specifications-and-limits-ca36e2dc-1f09-4620-b726-67c00b05040f',
+        linkText: 'Excel Specifications and Limits',
+        screenReaderOnlyText: 'on microsoft.com'
     },
     {
-        id: "access",
-        application: "Microsoft Access",
-        notes: "Official size limitations for Microsoft Access",
-        link: "https://support.microsoft.com/en-us/office/access-specifications-0cf3c66f-9cf2-4e32-9568-98c1025bb47c?ui=en-us&rs=en-us&ad=us",
-        linkText: "Access 2016 Specifications",
-        screenReaderOnlyText: "on microsoft.com"
+        id: 'access',
+        application: 'Microsoft Access',
+        notes: 'Official size limitations for Microsoft Access',
+        link: 'https://support.microsoft.com/en-us/office/access-specifications-0cf3c66f-9cf2-4e32-9568-98c1025bb47c?ui=en-us&rs=en-us&ad=us',
+        linkText: 'Access 2016 Specifications',
+        screenReaderOnlyText: 'on microsoft.com'
     },
     {
-        id: "oracle-sql-developer",
-        application: "Oracle SQL Developer",
-        notes: "Oracle SQL Developer tool",
-        link: "https://www.oracle.com/database/sqldeveloper/",
-        linkText: "Oracle SQL Developer Overview",
-        screenReaderOnlyText: "on oracle.com"
+        id: 'oracle-sql-developer',
+        application: 'Oracle SQL Developer',
+        notes: 'Oracle SQL Developer tool',
+        link: 'https://www.oracle.com/database/sqldeveloper/',
+        linkText: 'Oracle SQL Developer Overview',
+        screenReaderOnlyText: 'on oracle.com'
     },
     {
-        id: "oracle-database",
-        application: "Oracle Database",
-        notes: "Oracle Database official size limitations",
-        link: "https://docs.oracle.com/cd/B28359_01/server.111/b28320/limits002.htm#i287915",
-        linkText: "Oracle Physical Database Limits",
-        screenReaderOnlyText: "on oracle.com"
+        id: 'oracle-database',
+        application: 'Oracle Database',
+        notes: 'Oracle Database official size limitations',
+        link: 'https://docs.oracle.com/cd/B28359_01/server.111/b28320/limits002.htm#i287915',
+        linkText: 'Oracle Physical Database Limits',
+        screenReaderOnlyText: 'on oracle.com'
     },
     {
-        id: "oracle-sql-client-tools",
-        application: "Oracle SQL Client Tools",
-        notes: "Oracle SQL Client Tools",
-        link: "https://www.oracle.com/database/technologies/oracle-database-software-downloads.html",
-        linkText: "Oracle SQL Client",
-        screenReaderOnlyText: "on oracle.com"
+        id: 'oracle-sql-client-tools',
+        application: 'Oracle SQL Client Tools',
+        notes: 'Oracle SQL Client Tools',
+        link: 'https://www.oracle.com/database/technologies/oracle-database-software-downloads.html',
+        linkText: 'Oracle SQL Client',
+        screenReaderOnlyText: 'on oracle.com'
     }
 ];
 
@@ -6947,7 +7253,7 @@ const $669d2782ec2e2250$var$SpecsAndLimits = (props)=>{
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                             heading: "Notice",
-                            className: "ds-u-margin-top--6",
+                            className: 'ds-u-margin-top--6',
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
                                 className: "ds-c-alert__text",
                                 children: "Be aware of the file size and row limitations of the software you are attempting to import the files into. For information on limitations, look at the software's official documentation."
@@ -6956,16 +7262,16 @@ const $669d2782ec2e2250$var$SpecsAndLimits = (props)=>{
                     ]
                 }),
                 /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
-                    className: "ds-u-margin-top--4 ds-l-row",
+                    className: 'ds-u-margin-top--4 ds-l-row',
                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-l-col--12",
+                        className: 'ds-l-col--12',
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
                                 className: "ds-text-heading--2xl ds-text-heading--2xl",
                                 children: "Documentation by Application"
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-u-margin-top--4",
+                                className: 'ds-u-margin-top--4',
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5655284dbbb89508$export$2e2bcd8739ae039), {
                                     data: documentationList
                                 })
@@ -6993,7 +7299,7 @@ function $8b67b7ee3fcfb629$export$2e2bcd8739ae039({ id: id, rootUrl: rootUrl, cu
     const options = {
         conditions: query ? JSON.parse(query).map(({ column: column, operator: operator, ...rest })=>({
                 property: column,
-                operator: operator === "is" ? "=" : operator === "is not" ? "<>" : operator === "or" ? "in" : operator,
+                operator: operator === 'is' ? '=' : operator === 'is not' ? '<>' : operator === 'or' ? 'in' : operator,
                 ...rest
             })) : []
     };
@@ -7001,13 +7307,13 @@ function $8b67b7ee3fcfb629$export$2e2bcd8739ae039({ id: id, rootUrl: rootUrl, cu
     let distribution = {};
     let distributions = dataset.distribution ? dataset.distribution : [];
     if (distributions.length) distribution = distributions[distributionIndex];
-    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
+    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)('', rootUrl, {
         ...options,
         limit: defaultPageSize
     });
     (0, $hgUW1$useEffect)(()=>{
         const localFileFormat = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution);
-        if (localFileFormat === "csv") resource.setResource(distribution.identifier);
+        if (localFileFormat === 'csv') resource.setResource(distribution.identifier);
     }, [
         distribution
     ]);
@@ -7021,7 +7327,6 @@ 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,
@@ -7058,7 +7363,7 @@ function $8b67b7ee3fcfb629$export$2e2bcd8739ae039({ id: id, rootUrl: rootUrl, cu
 
 
 function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
-    if (schema[id].fields[condition.property].mysql_type === "date") {
+    if (schema[id].fields[condition.property].mysql_type === 'date') {
         const newDate = new Date(condition.value);
         if (newDate instanceof Date && !isNaN(newDate)) return newDate;
     }
@@ -7075,9 +7380,9 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id, condition: condition, index: i
     const [startDate, setStartDate] = (0, $hgUW1$react).useState($374c4669b044ddf8$var$getStartDate(condition, schema, id));
     (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 (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));
             }
         }
@@ -7091,16 +7396,16 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id, condition: condition, index: i
     ]);
     (0, $hgUW1$useEffect)(()=>{
         if (operator !== condition.operator) {
-            if (operator) update(index, "operator", operator);
-            else update(index, "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", "");
+            if (value) update(index, 'value', value);
+            else update(index, 'value', '');
         }
     }, [
         value
@@ -7124,7 +7429,7 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id, condition: condition, index: i
                 onChange: (e)=>setOperator(e.target.value),
                 className: "ds-l-sm-col--3 ds-l-md-col--2 ds-l-col--12 ds-u-padding--0 ds-u-md-padding-right--2 ds-u-margin-bottom--0 ds-u-md-margin-bottom--2"
             }),
-            schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            schema[id].fields[property].mysql_type === 'date' ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                 className: "ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-sm-padding-right--2 ds-u-md-padding-right--0 ds-u-lg-padding-right--2 ds-u-margin-bottom--2",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
@@ -7171,22 +7476,94 @@ 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;
-    if (cond.operator === "=" || cond.operator === "<>") {
+    if (cond.operator === '=' || cond.operator === '<>') {
         if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, "");
+        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, '');
     }
-    if (cond.operator.toLowerCase() === "like") {
+    if (cond.operator.toLowerCase() === 'like') {
         if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, "");
+        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, '');
         cond.value = `%${cleanedValue}%`;
     }
-    if (cond.operator.toLowerCase() === "in") {
-        if (!Array.isArray(cond.value)) cond.value = cond.value.split(",");
+    if (cond.operator.toLowerCase() === 'in') {
+        if (!Array.isArray(cond.value)) cond.value = cond.value.split(',');
     }
-    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
+    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ''));
     return cond;
 }
 const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, customColumns: customColumns, setOffset: setOffset })=>{
@@ -7206,7 +7583,7 @@ const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, custom
             ...queryConditions,
             {
                 property: fields[0],
-                value: "",
+                value: '',
                 operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
                 key: Date.now()
             }
@@ -7246,7 +7623,7 @@ const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, custom
             encodeValuesOnly: true,
             addQueryPrefix: true
         });
-        window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
+        window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
     };
     const updateCondition = (index, key, value)=>{
         let newConditions = [
@@ -7319,7 +7696,7 @@ var $3b6ca952e79f0695$export$2e2bcd8739ae039 = $3b6ca952e79f0695$var$QueryBuilde
 
 
 const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset, distIndex: distIndex, location: location, customColumns: customColumns, columnSettings: columnSettings, columnWidths: columnWidths, customTitle: customTitle, customDescription: customDescription, rootUrl: rootUrl, updateAriaLive: updateAriaLive })=>{
-    const [tablePadding, setTablePadding] = (0, $hgUW1$react).useState("ds-u-padding-y--1");
+    const [tablePadding, setTablePadding] = (0, $hgUW1$react).useState('ds-u-padding-y--1');
     let apiDocs = (0, $hgUW1$useRef)();
     let distribution = {};
     let distribution_array = dataset.distribution ? dataset.distribution : [];
@@ -7331,7 +7708,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
     } : {
         conditions: []
     };
-    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
+    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)('', rootUrl, {
         ...options,
         limit: 25
     });
@@ -7345,7 +7722,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
     }, {
         encode: true
     })}&format=csv`;
-    const pageTitle = distribution.data.title && distribution.data.title.toLowerCase() !== "csv" ? distribution.data.title : dataset.title;
+    const pageTitle = distribution.data.title && distribution.data.title.toLowerCase() !== 'csv' ? distribution.data.title : dataset.title;
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     return /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
         className: "ds-l-container ds-u-padding-bottom--3 ds-u-margin-bottom--2",
@@ -7354,7 +7731,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
             children: Object.keys(distribution).length && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-md-col--9",
+                        className: 'ds-l-md-col--9',
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
                             to: `/dataset/${id}`,
                             className: "ds-u-padding-y--4 ds-u-display--block",
@@ -7365,14 +7742,14 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-md-col--9",
+                        className: 'ds-l-md-col--9',
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
                             className: "ds-text-heading--3xl",
                             children: customTitle ? customTitle : pageTitle
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-md-col--12 ds-u-margin-y--1 ds-u-text-align--right",
+                        className: 'ds-l-md-col--12 ds-u-margin-y--1 ds-u-text-align--right',
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
                             className: "ds-u-margin--0",
                             children: [
@@ -7384,7 +7761,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-md-col--9",
+                        className: 'ds-l-md-col--9',
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2bd73bb95b0c04ed$export$2e2bcd8739ae039), {
                             distribution: distribution,
                             dataset: dataset,
@@ -7394,13 +7771,13 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-md-col--12",
+                        className: 'ds-l-md-col--12',
                         children: Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b6ca952e79f0695$export$2e2bcd8739ae039), {
                             resource: resource,
                             id: distribution.identifier,
                             customColumns: customColumns,
                             setOffset: resource.setOffset
-                        }) : ""
+                        }) : ''
                     }),
                     Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039).Provider, {
                         value: {
@@ -7411,7 +7788,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                             customColumns: (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution_array[distIndex].identifier])
                         },
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            className: "ds-l-md-col--12",
+                            className: 'ds-l-md-col--12',
                             children: [
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $af099c546cb226c7$export$2e2bcd8739ae039), {
                                     includeDensity: true,
@@ -7433,14 +7810,14 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                             ]
                         })
                     }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-md-col--12",
+                        className: 'ds-l-md-col--12',
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
                             role: "status",
                             "aria-valuetext": "Resource loading"
                         })
                     }),
                     dataset.identifier && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-l-md-col--12",
+                        className: 'ds-l-md-col--12',
                         ref: apiDocs,
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
@@ -7449,7 +7826,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
                                 url: `${rootUrl}/metastore/schemas/dataset/items/${dataset.identifier}/docs?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`,
-                                docExpansion: "list",
+                                docExpansion: 'list',
                                 defaultModelsExpandDepth: -1
                             })
                         ]
@@ -7468,7 +7845,7 @@ const $f61ecf9f84951a61$var$FilteredResource = ({ id: id, dist_id: dist_id, loca
     const [ready, setReady] = (0, $hgUW1$useState)(false);
     const [error, setError] = (0, $hgUW1$useState)(false);
     const { dataset: dataset } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl);
-    const distIndex = dist_id === "data" ? 0 : dist_id;
+    const distIndex = dist_id === 'data' ? 0 : dist_id;
     (0, $hgUW1$useEffect)(()=>{
         if (dataset.error) setError(true);
         if (dataset.distribution && dataset.distribution.length) {
@@ -7686,5 +8063,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, $10bc3aae21fc1572$export$2e2bcd8739ae039 as DatasetListSubmenu, $e011250e8a3bd5e5$export$2e2bcd8739ae039 as DatasetSearchFacets, $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};
+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, $e011250e8a3bd5e5$export$2e2bcd8739ae039 as DatasetSearchFacets, $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, $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};
 //# sourceMappingURL=main.js.map