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

package/dist/main.js

@@ -1,9 +1,15 @@
-import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
-import {useState as $hgUW1$useState} from "react";
+import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
+import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect} from "react";
+import {Button as $hgUW1$Button, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Dropdown as $hgUW1$Dropdown, Spinner as $hgUW1$Spinner, Badge as $hgUW1$Badge, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Choice as $hgUW1$Choice, Tooltip as $hgUW1$Tooltip, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody} from "@cmsgov/design-system";
 import $hgUW1$proptypes from "prop-types";
-import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate} from "react-router-dom";
+import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link} from "react-router-dom";
 import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
-import {Button as $hgUW1$Button, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField} from "@cmsgov/design-system";
+import $hgUW1$swaggeruireact from "swagger-ui-react";
+import $hgUW1$qs from "qs";
+import $hgUW1$reacttexttruncate from "react-text-truncate";
+import $hgUW1$axios from "axios";
+import "@tanstack/react-table";
+import {usePopper as $hgUW1$usePopper} from "react-popper";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
@@ -11,17 +17,133 @@ function $parcel$interopDefault(a) {
 // Components
 
 
-// import SubMenu from '../SubMenu';
-// import NavLink from '../NavLink';
+
+
+
+
+
+
+
+// import validator from 'validator';
+const $cf8eeac354b9dd32$var$NavLink = ({ link: link , className: className , wrapLabel: wrapLabel  })=>{
+    const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+        children: link.label
+    }) : link.label;
+    // if (validator.isURL(link.url, { require_protocol: true })) {
+    //   return (
+    //     <a className={className} href={link.url}>
+    //       {innerHtml}
+    //     </a>
+    //   );
+    // } else {
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
+        className: ({ isActive: isActive  })=>isActive ? `dc-c-active-link ${className}` : `${className}`,
+        to: link.url,
+        children: innerHtml
+    });
+// }
+};
+$cf8eeac354b9dd32$var$NavLink.defaultProps = {
+    wrapLabel: false,
+    className: null
+};
+$cf8eeac354b9dd32$var$NavLink.propTypes = {
+    link: (0, $hgUW1$proptypes).shape({
+        url: (0, $hgUW1$proptypes).string,
+        label: (0, $hgUW1$proptypes).string
+    }).isRequired,
+    className: (0, $hgUW1$proptypes).string,
+    /**
+   * Will wrap the link label in a span for help with styling.
+   */ wrapLabel: (0, $hgUW1$proptypes).bool
+};
+var $cf8eeac354b9dd32$export$2e2bcd8739ae039 = $cf8eeac354b9dd32$var$NavLink;
+
+
+const $4f153ca537d853e5$var$SubMenu = ({ link: link , linkClasses: linkClasses , wrapLabel: wrapLabel  })=>{
+    const [isExpanded, setIsExapanded] = (0, $hgUW1$useState)(false);
+    const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+        children: link.label
+    }) : link.label;
+    const menu = (0, $hgUW1$useRef)();
+    (0, $hgUW1$useEffect)(()=>{
+        function handleClickOutside(event) {
+            if (menu.current && !menu.current.contains(event.target)) setIsExapanded(false);
+        }
+        function handleFocusOut(event) {
+            if (menu.current && !menu.current.contains(event.relatedTarget)) setIsExapanded(false);
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        menu.current.addEventListener("focusout", handleFocusOut);
+        return ()=>{
+            document.removeEventListener("mousedown", handleClickOutside);
+            if (menu.current) menu.current.removeEventListener("focusout", handleFocusOut);
+        };
+    }, [
+        menu,
+        isExpanded
+    ]);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
+        className: `has-submenu ${isExpanded ? "open" : ""}`,
+        ref: menu,
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                size: "small",
+                variation: "transparent",
+                inversed: true,
+                className: linkClasses,
+                "aria-haspopup": "true",
+                "aria-expanded": isExpanded,
+                onClick: (e)=>{
+                    e.preventDefault();
+                    setIsExapanded(!isExpanded);
+                },
+                children: innerHtml
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                className: "dc-c-site-menu--sub-menu",
+                children: link.submenu.map((s)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
+                            link: s,
+                            wrapLabel: wrapLabel
+                        })
+                    }, s.id))
+            })
+        ]
+    });
+};
+var $4f153ca537d853e5$export$2e2bcd8739ae039 = $4f153ca537d853e5$var$SubMenu;
+
+
+
 const $f57121650539d8c5$var$NavBar = ({ links: links , menuName: menuName , menuId: menuId , menuClasses: menuClasses , linkClasses: linkClasses , wrapLabel: wrapLabel  })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("nav", {
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
         className: `dc-c-${menuId}-menu`,
         "aria-labelledby": `dc-c-${menuId}-menu--heading`,
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-            id: `dc-c-${menuId}-menu--heading`,
-            className: "ds-u-visibility--screen-reader",
-            children: menuName
-        })
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                id: `dc-c-${menuId}-menu--heading`,
+                className: "ds-u-visibility--screen-reader",
+                children: menuName
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                className: menuClasses,
+                children: links.map((link)=>{
+                    if (link.submenu) return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4f153ca537d853e5$export$2e2bcd8739ae039), {
+                        link: link,
+                        wrapLabel: wrapLabel,
+                        linkClasses: linkClasses
+                    }, link.id);
+                    else return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
+                            link: link,
+                            className: linkClasses,
+                            wrapLabel: wrapLabel
+                        })
+                    }, link.id);
+                })
+            })
+        ]
     });
 };
 $f57121650539d8c5$var$NavBar.defaultProps = {
@@ -169,7 +291,13 @@ const $ca4d58501b237b60$var$Header = ({ siteName: siteName , headerClasses: head
                         ]
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-u-margin-left--auto"
+                        className: "ds-u-margin-left--auto",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f57121650539d8c5$export$2e2bcd8739ae039), {
+                            links: links.topnav,
+                            menuName: "CMS Main Header",
+                            menuId: "cmsheader",
+                            menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
+                        })
                     })
                 ]
             }),
@@ -177,18 +305,36 @@ const $ca4d58501b237b60$var$Header = ({ siteName: siteName , headerClasses: head
                 className: "dc-c-main-navigation",
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                     className: "ds-l-container",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                         className: "ds-l-row ds-u-align-items--center",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-                                to: "/",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    className: "ds-h1",
-                                    children: siteName
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
+                                    to: "/",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                        className: "ds-h1",
+                                        children: siteName
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f57121650539d8c5$export$2e2bcd8739ae039), {
+                                links: links.main,
+                                wrapLabel: true,
+                                menuName: "CMS Site Main Nav",
+                                menuId: "site",
+                                menuClasses: "ds-u-display--flex dc-c-header--links ds-u-align-items--center",
+                                linkClasses: linkClasses
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "dc-c-main-navigation--search ds-u-margin-left--auto ds-u-lg-padding-left--1 ds-u-xl-padding-left--3",
+                                children: customSearch ? customSearch : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e5bfafc6d4e6f207$export$2e2bcd8739ae039), {
+                                    searchModalText: searchModalText,
+                                    inversedModalButton: inversedModalButton,
+                                    inversedSearchButton: inversedSearchButton
                                 })
                             })
-                        })
+                        ]
                     })
                 })
             })
@@ -219,6 +365,25 @@ var $ca4d58501b237b60$export$2e2bcd8739ae039 = $ca4d58501b237b60$var$Header;
 
 
 
+
+const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth , additionalParams: additionalParams  })=>/*#__PURE__*/ (0, $hgUW1$jsx)("section", {
+        className: "ds-l-container",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
+            url: `${undefined}?${hideAuth ? "authentication=false&" : ""}${additionalParams && additionalParams.ACA ? "ACA=" + additionalParams.ACA + "&redirect=false" : ""}`,
+            docExpansion: "list",
+            defaultModelsExpandDepth: -1
+        })
+    });
+$c96c4b9ef7203c1f$var$APIPage.defaultProps = {
+    hideAuth: true
+};
+var $c96c4b9ef7203c1f$export$2e2bcd8739ae039 = $c96c4b9ef7203c1f$var$APIPage;
+
+
+
+
+
+
 const $026cb986f9fea2b1$var$PageNotFound = ({ siteUrl: siteUrl , content: content  })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
         className: "ds-l-container ds-u-padding-top--3",
@@ -266,6 +431,2463 @@ var $026cb986f9fea2b1$export$2e2bcd8739ae039 = $026cb986f9fea2b1$var$PageNotFoun
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date , options: options  })=>{
+    const rawDate = new Date(date);
+    let modifiedDate = "";
+    if (rawDate) modifiedDate = rawDate.toLocaleDateString("en-US", options);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+        children: modifiedDate
+    });
+};
+$bd76a91923d7e8a7$var$TransformedDate.defaultProps = {
+    options: {
+        year: "numeric",
+        month: "long",
+        day: "numeric",
+        timeZone: "UTC"
+    }
+};
+var $bd76a91923d7e8a7$export$2e2bcd8739ae039 = $bd76a91923d7e8a7$var$TransformedDate;
+
+
+const $dc6d3aaf3e07417b$var$dangerousDescriptionElement = ({ children: children  })=>/*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+        dangerouslySetInnerHTML: {
+            __html: children
+        }
+    });
+const $dc6d3aaf3e07417b$var$DatasetSearchListItem = ({ item: item , updateFacets: updateFacets  })=>{
+    const { title: title , modified: modified , description: description , theme: theme , keyword: keyword , identifier: identifier  } = item;
+    const truncatedDescription = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reacttexttruncate), {
+        line: 3,
+        element: "p",
+        containerClassName: "ds-u-margin-top--0",
+        truncateText: "…",
+        textElement: $dc6d3aaf3e07417b$var$dangerousDescriptionElement,
+        text: description,
+        textTruncateChild: ""
+    });
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "dc-dataset-searchlist-item ds-u-border-top--1 ds-u-margin-bottom--5",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-l-row ds-u-padding-top--5",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--7",
+                        children: theme && /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                            className: "ds-u-padding--0 ds-u-display--flex ds-u-flex-direction--row ds-u-flex-wrap--wrap",
+                            children: theme.map((t)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                                    className: "ds-u-margin-right--1 ds-u-margin-bottom--1",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
+                                        variation: "info",
+                                        children: t
+                                    })
+                                }, t))
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                        className: "ds-l-col--5 ds-u-color--gray ds-u-text-align--right",
+                        children: [
+                            "Updated ",
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
+                                date: modified
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                className: "ds-u-margin-y--1 ds-text-heading--xl",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                    className: "ds-u-color--base",
+                    to: `/dataset/${identifier}`,
+                    children: title
+                })
+            }),
+            truncatedDescription,
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                children: keyword && /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                    className: "ds-u-padding--0 ds-u-display--flex ds-u-flex-wrap--wrap",
+                    children: keyword.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
+                                className: "ds-u-radius ds-u-fill--primary-alt-lightest ds-u-color--base ds-u-margin-right--1 ds-u-margin-bottom--2",
+                                variation: "info",
+                                children: k
+                            })
+                        }, k))
+                })
+            })
+        ]
+    });
+};
+var $dc6d3aaf3e07417b$export$2e2bcd8739ae039 = $dc6d3aaf3e07417b$var$DatasetSearchListItem;
+
+
+
+
+
+
+function $19c005961efdef1a$export$e4d153b3e021fb47(currentFacet, selectedFacets) {
+    let isSelected = -1;
+    if (selectedFacets) isSelected = selectedFacets.findIndex((s)=>s === currentFacet);
+    return isSelected;
+}
+const $19c005961efdef1a$var$DatasetSearchFacets = ({ title: title , facets: facets , onclickFunction: onclickFunction , selectedFacets: selectedFacets , loading: loading  })=>{
+    const showLimit = 25;
+    const [isOpen, setIsOpen] = (0, $hgUW1$useState)(true);
+    const [showMore, setShowMore] = (0, $hgUW1$useState)(false);
+    const filteredFacets = facets.filter((f)=>{
+        const selectedIndex = selectedFacets.findIndex((item)=>item === f.name);
+        return f.total > 0 || selectedIndex !== -1;
+    });
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "ds-u-margin-bottom--4 dc-dataset-search--facets-container",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
+                contentClassName: "ds-u-padding-left--1 ds-u-padding-right--0",
+                heading: `${title} (${filteredFacets.length})`,
+                defaultOpen: true,
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+                    children: filteredFacets.length ? /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                        className: "dc-dataset-search--facets ds-u-padding--0 ds-u-margin--0",
+                        children: filteredFacets.map((f)=>{
+                            return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
+                                    className: "ds-u-margin-y--1",
+                                    checked: $19c005961efdef1a$export$e4d153b3e021fb47(f.name, selectedFacets) > -1 ? true : false,
+                                    name: `facet_theme_${f.name}`,
+                                    type: "checkbox",
+                                    label: `${f.name} (${f.total})`,
+                                    value: f.name,
+                                    onClick: (e)=>onclickFunction({
+                                            key: f.type,
+                                            value: e.target.value
+                                        })
+                                })
+                            }, f.name);
+                        })
+                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                        className: "ds-h5",
+                        children: "No matching facets found."
+                    })
+                })
+            })
+        })
+    });
+};
+$19c005961efdef1a$var$DatasetSearchFacets.defaultProps = {
+    selectedFacets: []
+};
+$19c005961efdef1a$var$DatasetSearchFacets.propTypes = {
+    title: (0, $hgUW1$proptypes).string.isRequired,
+    facets: (0, $hgUW1$proptypes).arrayOf((0, $hgUW1$proptypes).shape({
+        type: (0, $hgUW1$proptypes).string.isRequired,
+        name: (0, $hgUW1$proptypes).string.isRequired,
+        total: (0, $hgUW1$proptypes).oneOfType([
+            (0, $hgUW1$proptypes).number,
+            (0, $hgUW1$proptypes).string
+        ]).isRequired
+    })).isRequired,
+    onclickFunction: (0, $hgUW1$proptypes).func.isRequired
+};
+var $19c005961efdef1a$export$2e2bcd8739ae039 = $19c005961efdef1a$var$DatasetSearchFacets;
+
+
+
+
+
+function $116bd29db288848e$export$959638e8dca60ce6(facets) {
+    let facetObj = {};
+    facets.forEach((f)=>{
+        if (facetObj[f.type]) facetObj[f.type] = [
+            ...facetObj[f.type],
+            f
+        ];
+        else facetObj[f.type] = [
+            f
+        ];
+    });
+    return facetObj;
+}
+function $116bd29db288848e$export$73b41a3a66d60730(currentFacet, selectedFacets) {
+    const isInSelectedFacets = selectedFacets[currentFacet.key] ? selectedFacets[currentFacet.key].indexOf(currentFacet.value) : -1;
+    return isInSelectedFacets;
+}
+function $116bd29db288848e$export$9ef1e909a5e43470(currentFacet, selectedFacets) {
+    const key = currentFacet["key"];
+    let newFacetList = {
+        ...selectedFacets
+    };
+    if (newFacetList[key]) {
+        const existingFacet = $116bd29db288848e$export$73b41a3a66d60730(currentFacet, newFacetList);
+        if (existingFacet > -1) newFacetList[key].splice(existingFacet, 1);
+        else newFacetList[key] = [
+            ...newFacetList[key],
+            currentFacet.value
+        ];
+    } else newFacetList[key] = [
+        currentFacet.value
+    ];
+    return newFacetList;
+}
+async function $116bd29db288848e$export$2d2256cb46e92ff7(rootUrl, options, additionalParams) {
+    const { fulltext: fulltext , selectedFacets: selectedFacets , sort: sort , sortOrder: sortOrder , page: page , pageSize: pageSize  } = options;
+    let params = {
+        fulltext: fulltext ? fulltext : undefined,
+        ...selectedFacets,
+        sort: sort ? sort : undefined,
+        ["sort-order"]: sortOrder ? sortOrder : undefined,
+        page: page !== 1 ? page : undefined,
+        ["page-size"]: pageSize !== 10 ? pageSize : undefined,
+        ...additionalParams
+    };
+    return await (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify(params, {
+        arrayFormat: "comma",
+        encode: false,
+        skipEmptyString: true
+    })}`);
+}
+function $116bd29db288848e$export$28fa7926a3fa4176(selectedFacets, fulltext, sort) {
+    let newParams = {
+        ...selectedFacets
+    };
+    if (fulltext) newParams.fulltext = fulltext;
+    if (sort) newParams.sort = sort;
+    return (0, $hgUW1$qs).stringify(newParams, {
+        addQueryPrefix: true,
+        encode: false,
+        arrayFormat: "brackets"
+    });
+}
+
+
+const $efc410f5f7ac5ef3$var$useSearchAPI = (rootUrl, initialSearchParams = {}, additionalParams = {})=>{
+    const defaultSort = "";
+    const defaultFulltext = "";
+    const defaultSelectedFacets = {};
+    const defaultSortOrder = "";
+    const defaultPage = 1;
+    const defaultPageSize = 10;
+    const sortOptions = [
+        "modified",
+        "title"
+    ];
+    const sortOrderOptions = [
+        "asc",
+        "desc"
+    ];
+    const [items, setItems] = (0, $hgUW1$useState)([]);
+    const [facets, setFacets] = (0, $hgUW1$useState)([]);
+    const [loading, setLoading] = (0, $hgUW1$useState)(false);
+    const [totalItems, setTotalItems] = (0, $hgUW1$useState)(null);
+    const [selectedFacets, setSelectedFacets] = (0, $hgUW1$useState)(initialSearchParams.selectedFacets ? initialSearchParams.selectedFacets : defaultSelectedFacets);
+    const [fulltext, setFulltext] = (0, $hgUW1$useState)(initialSearchParams.fulltext ? initialSearchParams.fulltext : defaultFulltext);
+    const [sort, setSort] = (0, $hgUW1$useState)(initialSearchParams.sort ? initialSearchParams.sort : defaultSort);
+    const [sortOrder, setSortOrder] = (0, $hgUW1$useState)(initialSearchParams.sortOrder ? initialSearchParams.sortOrder : defaultSortOrder);
+    const [page, setPage] = (0, $hgUW1$useState)(initialSearchParams.page ? initialSearchParams.page : defaultPage);
+    const [pageSize, setPageSize] = (0, $hgUW1$useState)(initialSearchParams.pageSize ? initialSearchParams.pageSize : defaultPageSize);
+    async function search() {
+        const options = {
+            fulltext: fulltext,
+            selectedFacets: selectedFacets,
+            sort: sort,
+            sortOrder: sortOrder,
+            page: Number(page),
+            pageSize: pageSize
+        };
+        const results = await (0, $116bd29db288848e$export$2d2256cb46e92ff7)(rootUrl, options, additionalParams);
+        const itemKeys = Object.keys(results.data.results);
+        const itemsArray = itemKeys.map((key)=>{
+            return results.data.results[key];
+        });
+        setFacets(results.data.facets);
+        setItems(itemsArray);
+        setTotalItems(results.data.total);
+        setLoading(false);
+    }
+    function resetFilters() {
+        setFulltext(defaultFulltext);
+        setSelectedFacets(defaultSelectedFacets);
+        setPage(defaultPage);
+    }
+    function updateSelectedFacets(currentFacet) {
+        const facets = (0, $116bd29db288848e$export$9ef1e909a5e43470)(currentFacet, selectedFacets);
+        setSelectedFacets(facets);
+    }
+    (0, $hgUW1$useEffect)(()=>{
+        if (totalItems !== null) setPage(1);
+    }, [
+        fulltext,
+        selectedFacets,
+        pageSize
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        const timer = setTimeout(()=>{
+            setLoading(true);
+            search();
+        }, 1000);
+        return ()=>clearTimeout(timer);
+    }, [
+        fulltext,
+        selectedFacets,
+        sort,
+        sortOrder,
+        page,
+        pageSize
+    ]);
+    return {
+        fulltext: fulltext,
+        selectedFacets: selectedFacets,
+        sortOptions: sortOptions,
+        sortOrderOptions: sortOrderOptions,
+        items: items,
+        facets: facets,
+        loading: loading,
+        totalItems: totalItems,
+        sort: sort,
+        sortOrder: sortOrder,
+        page: page,
+        pageSize: pageSize,
+        setPage: setPage,
+        setPageSize: setPageSize,
+        setSort: setSort,
+        setSortOrder: setSortOrder,
+        updateSelectedFacets: updateSelectedFacets,
+        setFulltext: setFulltext,
+        resetFilters: resetFilters
+    };
+};
+var $efc410f5f7ac5ef3$export$2e2bcd8739ae039 = $efc410f5f7ac5ef3$var$useSearchAPI;
+
+
+
+
+
+function $007dd6bfbe0f2956$export$b638ec7c7eac7f18(facets, alternateTitles) {
+    let message = [];
+    const keys = Object.keys(facets);
+    keys.forEach((k)=>{
+        if (facets[k].length) message.push(`${alternateTitles[k]}: ${facets[k].join(", ")}`);
+    });
+    return message.join(" & ");
+}
+function $007dd6bfbe0f2956$export$60ec7cc1d341a524(searchParams, facetList, defaultSortOptions) {
+    const params = (0, $hgUW1$qs).parse(searchParams, {
+        ignoreQueryPrefix: true
+    });
+    const selectedFacets = {};
+    facetList.forEach((facet)=>{
+        selectedFacets[facet] = params[facet] ? params[facet] : [];
+    });
+    return {
+        page: params.page,
+        sort: !params.sort ? defaultSortOptions.defaultSort : params.sort,
+        sortOrder: !params.sortOrder ? defaultSortOptions.defaultOrder : params.sortOrder,
+        fulltext: params.fulltext,
+        selectedFacets: selectedFacets
+    };
+}
+const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pageTitle , introText: introText , fulltextLabel: fulltextLabel , fulltextLabelClassName: fulltextLabelClassName , fulltextPlaceholder: fulltextPlaceholder , formClassName: formClassName , additionalParams: additionalParams , sortOptions: sortOptions , defaultSort: defaultSort , showSort: showSort  })=>{
+    const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)(null);
+    const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
+    const location = (0, $hgUW1$useLocation)();
+    let [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
+    const [filterText, setFilterText] = (0, $hgUW1$useState)("");
+    const { fulltext: fulltext , selectedFacets: selectedFacets , loading: loading , items: items , sort: sort , totalItems: totalItems , facets: facets , updateSelectedFacets: updateSelectedFacets , setFulltext: setFulltext , setSort: setSort , sortOrder: sortOrder , setSortOrder: setSortOrder , setPage: setPage , pageSize: pageSize , page: page , resetFilters: resetFilters  } = (0, $efc410f5f7ac5ef3$export$2e2bcd8739ae039)(rootUrl, {
+        ...$007dd6bfbe0f2956$export$60ec7cc1d341a524(location.search, [
+            "theme",
+            "keyword"
+        ], defaultSort)
+    }, additionalParams);
+    const { theme: theme , keyword: keyword  } = (0, $116bd29db288848e$export$959638e8dca60ce6)(facets);
+    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 (Object.keys(selectedFacets).length) Object.keys(selectedFacets).forEach((key)=>{
+            newParams[key] = selectedFacets[key];
+        });
+        return (0, $hgUW1$qs).stringify(newParams, {
+            addQueryPrefix: includePage,
+            encode: true
+        });
+    }
+    (0, $hgUW1$useEffect)(()=>{
+        if (fulltext !== filterText) setFilterText(fulltext);
+    }, [
+        fulltext
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        var params = buildSearchParams(true);
+        if (params !== location.search) setSearchParams(params);
+    }, [
+        page,
+        sort,
+        sortOrder,
+        fulltext,
+        selectedFacets
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        const baseNumber = Number(totalItems) > 0 ? 1 : 0;
+        const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
+        const endingNumber = Number(pageSize) * Number(page);
+        setCurrentResultNumbers({
+            total: Number(totalItems),
+            startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
+            endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
+        });
+        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
+        else setNoResults(false);
+    }, [
+        totalItems,
+        pageSize,
+        page
+    ]);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
+        className: "ds-l-container",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
+                className: "dc-search-header ds-title ds-u-margin-y--3",
+                children: pageTitle
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-l-row",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-md-col--8 ds-l-sm-col--12ds-u-margin-bottom--3",
+                        children: [
+                            introText ? introText : null,
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
+                                onSubmit: (e)=>{
+                                    e.preventDefault();
+                                    ()=>setFulltext(filterText);
+                                },
+                                className: formClassName,
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
+                                        fieldClassName: "ds-u-margin--0",
+                                        value: filterText,
+                                        className: "dc-fulltext--input-container ds-u-padding-right--2",
+                                        label: fulltextLabel,
+                                        labelClassName: fulltextLabelClassName,
+                                        placeholder: fulltextPlaceholder,
+                                        name: "dataset_fulltext_search",
+                                        onChange: (e)=>setFilterText(e.target.value)
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                        type: "submit",
+                                        htmlFor: "dataset_fulltext_search",
+                                        variation: "primary",
+                                        onClick: ()=>setFulltext(filterText),
+                                        children: "Search"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                        children: [
+                                            currentResultNumbers && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                                                className: "ds-u-margin-y--0",
+                                                children: [
+                                                    "Showing ",
+                                                    currentResultNumbers.startingNumber,
+                                                    " -",
+                                                    " ",
+                                                    currentResultNumbers.endingNumber,
+                                                    " of ",
+                                                    currentResultNumbers.total,
+                                                    " datasets"
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                className: "ds-u-margin-y--0",
+                                                children: $007dd6bfbe0f2956$export$b638ec7c7eac7f18(selectedFacets, {
+                                                    theme: "Categories",
+                                                    keyword: "Tags"
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                        className: "ds-u-padding--0 dc-c-clear-filters",
+                                        variation: "transparent",
+                                        onClick: ()=>resetFilters(),
+                                        children: "Clear all filters"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
+                                className: "dc-dataset-search-list ds-u-padding--0",
+                                children: [
+                                    noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                                        variation: "error",
+                                        heading: "No results found."
+                                    }),
+                                    items.map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                                            className: "ds-u-padding--0",
+                                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $dc6d3aaf3e07417b$export$2e2bcd8739ae039), {
+                                                item: item,
+                                                updateFacets: updateSelectedFacets
+                                            })
+                                        }, item.identifier))
+                                ]
+                            }),
+                            totalItems && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
+                                id: "test-default",
+                                currentPage: Number(page),
+                                totalPages: Math.ceil(Number(totalItems) / pageSize),
+                                onPageChange: (evt, page)=>{
+                                    evt.preventDefault();
+                                    window.scroll(0, 0);
+                                    setPage(page);
+                                },
+                                renderHref: (page)=>{
+                                    const searchParams = buildSearchParams(false);
+                                    const includeAnd = searchParams ? "&" : "";
+                                    return `/datasets?page=${page}${includeAnd}${searchParams}`;
+                                }
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-md-col--4 ds-l-sm-col--12",
+                        children: [
+                            showSort && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                className: "ds-u-padding--2 ds-u-margin-bottom--4 ds-u-border--1",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                                        options: sortOptions,
+                                        value: sort,
+                                        label: "Sort by",
+                                        labelClassName: "ds-u-margin-top--0",
+                                        name: "dataset_search_sort",
+                                        onChange: (e)=>setSort(e.target.value)
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                                        options: [
+                                            {
+                                                label: "Ascending",
+                                                value: "asc"
+                                            },
+                                            {
+                                                label: "Descending",
+                                                value: "desc"
+                                            }
+                                        ],
+                                        value: sortOrder,
+                                        label: "Sort order",
+                                        labelClassName: "ds-u-margin-top--0",
+                                        name: "dataset_search_sort_order",
+                                        onChange: (e)=>setSortOrder(e.target.value)
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                className: "ds-u-padding--2 ds-u-margin-bottom--4 ds-u-border--1",
+                                children: [
+                                    theme ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $19c005961efdef1a$export$2e2bcd8739ae039), {
+                                        title: "Categories",
+                                        facets: theme,
+                                        onclickFunction: updateSelectedFacets,
+                                        selectedFacets: selectedFacets.theme,
+                                        loading: loading
+                                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                                        className: "ds-u-valign--middle",
+                                        "aria-valuetext": "Categories loading",
+                                        role: "status"
+                                    }),
+                                    keyword ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $19c005961efdef1a$export$2e2bcd8739ae039), {
+                                        title: "Tags",
+                                        facets: keyword,
+                                        onclickFunction: updateSelectedFacets,
+                                        selectedFacets: selectedFacets.keyword,
+                                        loading: loading
+                                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                                        className: "ds-u-valign--middle",
+                                        "aria-valuetext": "Tags loading",
+                                        role: "status"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+$007dd6bfbe0f2956$var$DatasetSearch.defaultProps = {
+    pageTitle: "Datasets",
+    introText: "",
+    fulltextLabel: "Search term",
+    fulltextLabelClassName: "ds-u-visibility--screen-reader",
+    fulltextPlaceholder: "Type search term here",
+    formClassName: "ds-u-display--flex ds-u-justify-content--between ds-u-margin-bottom--2",
+    showSort: true,
+    sortOptions: [
+        {
+            label: "Recently Updated",
+            value: "modified"
+        },
+        {
+            label: "Title",
+            value: "title"
+        }
+    ],
+    defaultSort: {
+        defaultSort: "modified",
+        defaultOrder: "desc"
+    }
+};
+var $007dd6bfbe0f2956$export$2e2bcd8739ae039 = $007dd6bfbe0f2956$var$DatasetSearch;
+
+
+
+
+
+
+
+
+
+
+const $68d79598b83f3382$var$useMetastoreDataset = (datasetId, rootAPIUrl, additionalParams = {})=>{
+    const [dataset, setDataset] = (0, $hgUW1$useState)({});
+    const [id, setId] = (0, $hgUW1$useState)(datasetId);
+    const [rootUrl, setRootUrl] = (0, $hgUW1$useState)(rootAPIUrl);
+    const additionalParamsString = Object.keys(additionalParams).length ? `&${(0, $hgUW1$qs).stringify(additionalParams)}` : "";
+    (0, $hgUW1$useEffect)(()=>{
+        async function fetchData() {
+            return (0, $hgUW1$axios).get(`${rootUrl}/metastore/schemas/dataset/items/${id}?show-reference-ids${additionalParamsString}`).then((res)=>setDataset(res.data)).catch((error)=>setDataset({
+                    error: error
+                }));
+        }
+        fetchData();
+    }, [
+        id,
+        rootUrl
+    ]);
+    return {
+        dataset: dataset,
+        setId: setId,
+        setRootUrl: setRootUrl
+    };
+};
+var $68d79598b83f3382$export$2e2bcd8739ae039 = $68d79598b83f3382$var$useMetastoreDataset;
+
+
+
+
+
+
+
+
+
+
+
+
+async function $0e7628cf73c71646$export$55f990b5477765d6(id, rootUrl, options, additionalParams) {
+    const { keys: keys , limit: limit , offset: offset , conditions: conditions , sort: sort , groupings: groupings , prepareColumns: prepareColumns , properties: properties , setValues: setValues , setCount: setCount , setColumns: setColumns , setLoading: setLoading , setSchema: setSchema  } = options;
+    if (!id) // TODO: Throw error
+    return false;
+    if (typeof setLoading === "function") setLoading(true);
+    console.log(rootUrl);
+    return await (0, $hgUW1$axios)({
+        method: "GET",
+        url: `${rootUrl}/datastore/query/${id}`,
+        params: {
+            keys: keys,
+            limit: limit,
+            offset: offset,
+            conditions: conditions,
+            sorts: sort,
+            properties: properties,
+            groupings: groupings,
+            ...additionalParams
+        },
+        paramsSerializer: {
+            serialize: (0, $hgUW1$qs).stringify
+        }
+    }).then((res)=>{
+        const { data: data  } = res;
+        console.log(res);
+        const propertyKeys = data.schema[id] && data.schema[id].fields ? Object.keys(data.schema[id].fields) : [];
+        setValues(data.results), setCount(data.count);
+        if (propertyKeys.length) setColumns(prepareColumns ? prepareColumns(propertyKeys) : propertyKeys);
+        setSchema(data.schema);
+        if (typeof setLoading === "function") setLoading(false);
+        return data;
+    });
+}
+
+
+const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, additionalParams = {})=>{
+    const keys = options.keys ? options.keys : true;
+    const { prepareColumns: prepareColumns  } = options;
+    const [manual, setManual] = (0, $hgUW1$useState)(options.manual ? options.manual : false);
+    const [requireConditions, setRequireConditions] = (0, $hgUW1$useState)(options.requireConditions ? options.requireConditions : false);
+    const [values, setValues] = (0, $hgUW1$useState)([]);
+    const [id, setResource] = (0, $hgUW1$useState)(resourceId);
+    const [rootUrl, setRootUrl] = (0, $hgUW1$useState)(rootAPIUrl);
+    const [limit, setLimit] = (0, $hgUW1$useState)(options.limit ? options.limit : 20);
+    const [count, setCount] = (0, $hgUW1$useState)(null);
+    const [columns, setColumns] = (0, $hgUW1$useState)([]);
+    const [offset, setOffset] = (0, $hgUW1$useState)(options.offset ? options.offset : 0);
+    const [loading, setLoading] = (0, $hgUW1$useState)(false);
+    const [conditions, setConditions] = (0, $hgUW1$useState)(options.conditions ? options.conditions : undefined);
+    const [sort, setSort] = (0, $hgUW1$useState)(options.sort ? options.sort : undefined);
+    const [groupings, setGroupings] = (0, $hgUW1$useState)(options.groupings ? options.groupings : undefined);
+    const [schema, setSchema] = (0, $hgUW1$useState)({});
+    // const [joins, setJoins] = useState()
+    const [properties, setProperties] = (0, $hgUW1$useState)(options.properties ? options.properties : undefined);
+    const prevLimitRef = (0, $hgUW1$useRef)();
+    const prevOffsetRef = (0, $hgUW1$useRef)();
+    (0, $hgUW1$useEffect)(()=>{
+        prevLimitRef.current = limit;
+        prevOffsetRef.current = offset;
+    });
+    const prevLimit = prevLimitRef.current;
+    const prevOffset = prevOffsetRef.current;
+    function fetchData() {
+        let newOffset = prevLimit === limit ? prevOffset !== offset ? offset : 0 : 0;
+        setOffset(newOffset);
+        (0, $0e7628cf73c71646$export$55f990b5477765d6)(id, rootUrl, {
+            keys: keys,
+            limit: limit,
+            offset: newOffset,
+            conditions: conditions,
+            sort: sort,
+            groupings: groupings,
+            prepareColumns: prepareColumns,
+            properties: properties,
+            setValues: setValues,
+            setCount: setCount,
+            setColumns: setColumns,
+            setLoading: setLoading,
+            setSchema: setSchema,
+            setProperties: setProperties
+        }, additionalParams);
+    }
+    (0, $hgUW1$useEffect)(()=>{
+        if (!loading && !manual) {
+            if (!requireConditions) fetchData();
+            else if (requireConditions) {
+                if (conditions && conditions.length) fetchData();
+                else {
+                    setCount(null);
+                    setValues([]);
+                }
+            }
+        }
+    }, [
+        id,
+        rootUrl,
+        offset,
+        conditions,
+        sort,
+        limit,
+        requireConditions
+    ]);
+    return {
+        loading: loading,
+        values: values,
+        count: count,
+        columns: columns,
+        limit: limit,
+        offset: offset,
+        schema: schema,
+        conditions: conditions,
+        properties: properties,
+        setProperties: setProperties,
+        setGroupings: setGroupings,
+        setResource: setResource,
+        setRootUrl: setRootUrl,
+        setLimit: setLimit,
+        setOffset: setOffset,
+        setConditions: setConditions,
+        setSort: setSort,
+        setManual: setManual,
+        setRequireConditions: setRequireConditions,
+        fetchData: fetchData
+    };
+};
+var $1d3d480a9cfaabe0$export$2e2bcd8739ae039 = $1d3d480a9cfaabe0$var$useDatastore;
+
+
+
+
+
+
+
+// OPERATORS
+// =
+// <> not equal to
+// BETWEEN
+// IN
+// NOT IN
+// >=
+// <=
+// like
+function $ead72e621d62e6fc$export$64030b8086b23b59(filterArray) {
+    const conditions = filterArray.map((f)=>{
+        return {
+            resource: "t",
+            property: f.id,
+            value: `%${f.value}%`,
+            operator: "LIKE"
+        };
+    });
+    return conditions;
+}
+function $ead72e621d62e6fc$export$5bccb6115193eb03(filterArray) {
+    if (!filterArray || filterArray.length === 0) return "";
+    const where_clauses = [];
+    filterArray.forEach((v, i)=>{
+        // Switch delimiter to, and strip any double-quote for Dkan2's sql query.
+        let value = `%25${v.value}%25`;
+        where_clauses[i] = `${v.id} = "${v.value.replace('"', "")}"`;
+    });
+    return `[WHERE ${where_clauses.join(" AND ")}]`;
+}
+
+
+function $aa4450dcbeef3ac0$export$385a5aba38cc3325(sortArray) {
+    let newQuery = [];
+    sortArray.forEach((s)=>{
+        return newQuery.push({
+            property: s.id,
+            order: s.desc ? "desc" : "asc"
+        });
+    });
+    return newQuery;
+}
+
+
+
+
+
+
+const $d98f94c79ddf4e0e$var$DataTable = ({ className: // data,
+// filterTitle,
+// columns,
+// totalRows,
+// limit,
+// loading,
+// options,
+// columnDefaults,
+// sortDefaults,
+// setSort,
+// setConditions,
+// conditionsTransform,
+// sortTransform,
+className  })=>{
+    // const { layout, columnFilter, columnSort, columnResize } = options;
+    // const { minWidth, maxWidth, width } = columnDefaults;
+    // const {
+    //   tableContainerClassName,
+    //   headerCellClassName,
+    //   headerGroupClassName,
+    //   defaultColumnFilterClassName,
+    //   cellClassName,
+    //   cellFirstRowClassName,
+    //   cellEvenRowClassName,
+    //   cellOddRowClassName,
+    //   tableColumnResizer,
+    //   tableColumnIsResizing,
+    //   headerCellTextClassName,
+    //   filterTitleClassName,
+    //   headerFilterClassName,
+    //   headerFilterCellClassName,
+    //   columnIsSortedClassName,
+    //   columnIsSortedAscClassName,
+    //   columnIsSortedDecClassName,
+    // } = tableClasses;
+    // if (columns.length === 0) {
+    //   return <p>Loading</p>;
+    // }
+    // const filterTypes = React.useMemo(
+    //   () => ({
+    //     // Add a new fuzzyTextFilterFn filter type.
+    //     // fuzzyText: fuzzyTextFilterFn,
+    //     // Or, override the default text filter to use
+    //     // "startWith"
+    //     text: (rows, id, filterValue) =>
+    //       rows.filter((row) => {
+    //         const rowValue = row.values[id];
+    //         return rowValue !== undefined
+    //           ? String(rowValue)
+    //               .toLowerCase()
+    //               .startsWith(String(filterValue).toLowerCase())
+    //           : true;
+    //       }),
+    //   }),
+    //   []
+    // );
+    // function DefaultColumnFilter({
+    //   column: { Header, accessor, setFilter, filterValue },
+    // }) {
+    //   return (
+    //     <div>
+    //       <label
+    //         className={defaultColumnFilterClassName}
+    //         htmlFor={`filter_${accessor}`}
+    //       >
+    //         {`Filter ${Header}`}
+    //       </label>
+    //       <input
+    //         className="usa-input margin-bottom-1"
+    //         onChange={(e) => {
+    //           setFilter(e.target.value) || undefined;
+    //         }}
+    //         id={`filter_${accessor}`}
+    //         name={`filter_${accessor}`}
+    //         type="text"
+    //         value={filterValue || ""}
+    //       />
+    //     </div>
+    //   );
+    // }
+    // const defaultColumn = React.useMemo(
+    //   () => ({
+    //     // Let's set up our default Filter UI
+    //     Filter: customColumnFilter ? customColumnFilter : DefaultColumnFilter,
+    //     // When using the useFlexLayout:
+    //     minWidth: minWidth, // minWidth is only used as a limit for resizing
+    //     width: width, // width is used for both the flex-basis and flex-grow
+    //     maxWidth: maxWidth, // maxWidth is only used as a limit for resizing
+    //   }),
+    //   []
+    // );
+    // const {
+    //   getTableProps,
+    //   prepareRow,
+    //   rows,
+    //   headerGroups,
+    //   state: { filters, sortBy },
+    // } = useReactTable(
+    //   {
+    //     columns,
+    //     data,
+    //     filterTypes,
+    //     initialState: {
+    //       sortBy: sortDefaults
+    //     },
+    //     manualPagination: true,
+    //     manualFilters: true,
+    //     manualSortBy: true,
+    //     pageCount: Math.ceil(totalRows / limit),
+    //     filterTypes,
+    //     defaultColumn,
+    //   },
+    //   // useResizeColumns,
+    //   // useFilters,
+    //   // useSortBy,
+    //   // usePagination,
+    //   // layout === "block" ? useBlockLayout : useFlexLayout
+    // );
+    // useEffect(() => {
+    //   if (columnSort) {
+    //     const normalizedSort = sortTransform ? sortTransform(sortBy) : filters;
+    //     setSort(normalizedSort);
+    //   }
+    // }, [sortBy]);
+    // useEffect(() => {
+    //   let timerFunc = setTimeout(() => {
+    //     if (columnFilter) {
+    //       const normalizedFilters = conditionsTransform
+    //         ? conditionsTransform(filters)
+    //         : filters;
+    //       setConditions(normalizedFilters);
+    //     }
+    //   }, 1000);
+    //   return () => clearTimeout(timerFunc);
+    // }, [filters]);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: className,
+        tabIndex: "0",
+        children: "TABLE"
+    });
+};
+var // DataTable.defaultProps = {
+//   filterTitle: "",
+//   className: "",
+//   tableClasses: {
+//     tableContainerClassName: "",
+//     tableColumnResizer:
+//       "width-1 bg-primary margin-right-neg-05 position-absolute top-0 bottom-0 right-0 z-100",
+//     tableColumnIsResizing: "",
+//     headerCellClassName:
+//       "bg-base-lighter border-top-1px text-right text-bold padding-x-1 overflow-hidden",
+//     headerGroupClassName: "",
+//     headerCellTextClassName:
+//       "overflow-hidden text-no-wrap display-inline-block",
+//     defaultColumnFilterClassName: "usa-label usa-sr-only",
+//     cellTextClassName: "overflow-hidden text-no-wrap display-inline-block",
+//     cellFirstRowClassName: "",
+//     cellClassName:
+//       "border-right-1px font-mono-sm text-tabular text-right padding-x-105 padding-y-05",
+//     cellEvenRowClassName: "bg-base-lightest",
+//     cellOddRowClassName: "",
+//     filterTitleClassName: "",
+//     headerFilterCellClassName:
+//       "bg-base-lighter border-bottom-1px border-right-1px padding-x-1",
+//     headerFilterClassName: "",
+//     columnIsSortedClassName: "",
+//     columnIsSortedAscClassName: "",
+//     columnIsSortedDecClassName: "",
+//   },
+//   options: {
+//     layout: "flex",
+//     columnFilter: true,
+//     columnSort: true,
+//     columnResize: true,
+//   },
+//   columnDefaults: {
+//     minWidth: 30,
+//     maxWidth: 300,
+//     width: 150,
+//   },
+//   customColumnFilter: undefined,
+//   sortDefaults: []
+// };
+// DataTable.propTypes = {
+//   options: PropTypes.shape({
+//     layout: PropTypes.oneOf(["flex", "block"]),
+//     columnFilter: PropTypes.bool,
+//     columnSort: PropTypes.bool,
+//     columnResize: PropTypes.bool,
+//   }),
+//   sortDefaults: PropTypes.arrayOf(
+//     PropTypes.shape({
+//       id: PropTypes.string,
+//       desc: PropTypes.bool,
+//     })
+//   ),
+//   columns: PropTypes.arrayOf(
+//     PropTypes.shape({
+//       Header: PropTypes.string.isRequired,
+//       accessor: PropTypes.string.isRequired,
+//     })
+//   ).isRequired,
+//   setSort: PropTypes.func.isRequired,
+//   setConditions: PropTypes.func.isRequired,
+//   conditionsTransform: PropTypes.func,
+//   sortTransform: PropTypes.func,
+//   data: PropTypes.arrayOf(PropTypes.object),
+//   className: PropTypes.string,
+//   filterTitle: PropTypes.string,
+//   totalRows: PropTypes.number.isRequired,
+//   limit: PropTypes.number.isRequired,
+//   loading: PropTypes.bool,
+//   columnDefaults: PropTypes.shape({
+//     minWidth: PropTypes.number,
+//     maxWidth: PropTypes.number,
+//     width: PropTypes.number,
+//   }),
+//   customColumnFilter: PropTypes.func,
+//   // tableClasses,
+//   // cellTextClassName
+// };
+$d98f94c79ddf4e0e$export$2e2bcd8739ae039 = $d98f94c79ddf4e0e$var$DataTable;
+
+
+
+
+function $626282d9a03c51d5$var$calculateMaxWidth(previewSize) {
+    return Math.floor(previewSize * 0.84);
+}
+function $626282d9a03c51d5$export$1147582dfae658c6(columns, schema) {
+    return columns.map((column)=>({
+            Header: schema && schema.fields[column].description ? schema.fields[column].description : column,
+            accessor: column
+        }));
+}
+function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header , accessor: accessor , setFilter: setFilter , filterValue: filterValue  }  }) {
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
+        label: `Filter by ${Header}`,
+        onChange: (e)=>{
+            setFilter(e.target.value) || undefined;
+        },
+        labelClassName: "ds-u-visibility--screen-reader",
+        name: accessor,
+        value: filterValue || ""
+    });
+}
+const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding , id: id , options: options , resource: resource , defaultSort: defaultSort , customColumns: customColumns , truncateCellHeader: truncateCellHeader , columnSettings: columnSettings , columnWidths: columnWidths , customClasses: customClasses  })=>{
+    const previewContainer = (0, $hgUW1$react).useRef(null);
+    const columnDefaults = {
+        width: 200,
+        maxWidth: previewContainer.current ? $626282d9a03c51d5$var$calculateMaxWidth(previewContainer.current.offsetWidth) : 300,
+        minWidth: 100,
+        ...columnWidths
+    };
+    const tableClasses = {
+        tableContainerClassName: "dc-c-table-container",
+        headerCellClassName: "ds-u-border--dark ds-u-padding--2 ds-u-border-y--2 ds-u-font-weight--bold dc-c-table-header-cell",
+        headerGroupClassName: "dc-c-table-header-group",
+        headerCellTextClassName: `${truncateCellHeader ? "dc-truncate" : ""} ds-u-display--inline-block`,
+        cellEvenRowClassName: "ds-u-fill--gray-lightest",
+        cellClassName: `${tablePadding} dc-truncate ds-u-padding-x--1`,
+        filterTitleClassName: "ds-u-font-weight--bold ds-u-padding-left--2  ds-u-fill--gray-lightest ds-u-display--block",
+        headerFilterClassName: "ds-u-padding-top--1 ds-u-fill--gray-lightest",
+        headerFilterCellClassName: "ds-u-padding-x--1 ds-u-padding-bottom--0 ds-u-border-bottom--0 ds-u-fill--gray-lightest",
+        columnIsSortedClassName: "dc-c-sort dc-c-sort--default",
+        columnIsSortedAscClassName: "dc-c-sort dc-c-sort--asc",
+        columnIsSortedDecClassName: "dc-c-sort dc-c-sort--desc",
+        tableColumnResizer: "dc-c-resize-handle",
+        tableColumnIsResizing: "isResizing",
+        ...customClasses
+    };
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        ref: previewContainer,
+        id: "resource-preview",
+        className: "ds-u-overflow--auto ds-u-border-x--1 ds-u-border-bottom--1",
+        children: previewContainer.current && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
+            // filterTitle="Filter columns"
+            // data={resource.values}
+            // sortDefaults={defaultSort}
+            // columns={
+            //   customColumns ? customColumns : prepareColumns(resource.columns, resource.schema[id])
+            // }
+            // schema={resource.schema}
+            // totalRows={parseInt(resource.totalRows)}
+            // limit={resource.limit}
+            // offset={resource.offset}
+            // loading={resource.loading}
+            // setSort={resource.setSort}
+            // setConditions={resource.setConditions}
+            // conditionsTransform={transformTableFilterToQueryCondition}
+            // sortTransform={transformTableSortToQuerySort}
+            // tableClasses={tableClasses}
+            className: "dc-c-datatable"
+        })
+    });
+};
+$626282d9a03c51d5$var$ResourcePreview.defaultProps = {
+    options: {
+        layout: "flex",
+        columnFilter: false,
+        columnSort: true,
+        columnResize: true
+    },
+    truncateCellHeader: true,
+    defaultSort: []
+};
+var $626282d9a03c51d5$export$2e2bcd8739ae039 = $626282d9a03c51d5$var$ResourcePreview;
+
+
+
+
+
+
+
+
+
+
+
+
+const $1e012d1e3b534af0$var$DataTableDensity = ({ setTablePadding: setTablePadding , tablePadding: tablePadding  })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "ds-u-display--flex",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+            options: [
+                {
+                    label: "Tight",
+                    value: "ds-u-padding-y--0"
+                },
+                {
+                    label: "Normal",
+                    value: "ds-u-padding-y--1"
+                },
+                {
+                    label: "Expanded",
+                    value: "ds-u-padding-y--2"
+                }
+            ],
+            size: "small",
+            label: "Display density:",
+            labelClassName: "ds-u-margin-top--0",
+            name: "datatable_display_density",
+            onChange: (e)=>setTablePadding(e.target.value),
+            defaultValue: "ds-u-padding-y--1"
+        })
+    });
+};
+$1e012d1e3b534af0$var$DataTableDensity.propTypes = {
+    setTablePadding: (0, $hgUW1$proptypes).func.isRequired
+};
+var $1e012d1e3b534af0$export$2e2bcd8739ae039 = $1e012d1e3b534af0$var$DataTableDensity;
+
+
+
+
+
+const $e71aee394fdad8bd$var$ManageColumns = ()=>{
+    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+        onClick: ()=>setModalOpen(!modalOpen),
+        children: "Manage Columns"
+    });
+};
+var $e71aee394fdad8bd$export$2e2bcd8739ae039 = $e71aee394fdad8bd$var$ManageColumns;
+
+
+
+
+
+
+const $4def8e29c2039eb8$var$DataTableRowChanger = ({ setLimit: setLimit , rowOptions: rowOptions , limit: limit  })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+            options: rowOptions.map((row)=>({
+                    label: row,
+                    value: row
+                })),
+            size: "small",
+            label: "Rows per page:",
+            labelClassName: "ds-u-margin-top--0",
+            name: "datatable_rows_per_page",
+            onChange: (e)=>setLimit(e.target.value),
+            defaultValue: limit
+        })
+    });
+};
+$4def8e29c2039eb8$var$DataTableRowChanger.defaultProps = {
+    rowOptions: [
+        10,
+        25,
+        50,
+        100
+    ]
+};
+$4def8e29c2039eb8$var$DataTableRowChanger.propTypes = {
+    rowOptions: (0, $hgUW1$proptypes).arrayOf((0, $hgUW1$proptypes).number),
+    setLimit: (0, $hgUW1$proptypes).func.isRequired
+};
+var $4def8e29c2039eb8$export$2e2bcd8739ae039 = $4def8e29c2039eb8$var$DataTableRowChanger;
+
+
+
+
+const $e973bc477cdc2dc7$var$DownloadIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
+        width: "15px",
+        height: "15px",
+        viewBox: "0 0 384 512",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
+                children: "Download Icon"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
+                stroke: "none",
+                strokeWidth: "1",
+                fill: "none",
+                fillRule: "evenodd",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
+                    fill: "#112E51",
+                    fillRule: "nonzero",
+                    d: "M384 128h-128V0L384 128zM256 160H384v304c0 26.51-21.49 48-48 48h-288C21.49 512 0 490.5 0 464v-416C0 21.49 21.49 0 48 0H224l.0039 128C224 145.7 238.3 160 256 160zM255 295L216 334.1V232c0-13.25-10.75-24-24-24S168 218.8 168 232v102.1L128.1 295C124.3 290.3 118.2 288 112 288S99.72 290.3 95.03 295c-9.375 9.375-9.375 24.56 0 33.94l80 80c9.375 9.375 24.56 9.375 33.94 0l80-80c9.375-9.375 9.375-24.56 0-33.94S264.4 285.7 255 295z"
+                })
+            })
+        ]
+    });
+var $e973bc477cdc2dc7$export$2e2bcd8739ae039 = $e973bc477cdc2dc7$var$DownloadIcon;
+
+
+
+
+const $7ec5423a30aa3f61$var$CopyIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
+        width: "15px",
+        height: "15px",
+        viewBox: "0 0 512 512",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
+                children: "Copy Icon"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
+                stroke: "none",
+                strokeWidth: "1",
+                fill: "none",
+                fillRule: "evenodd",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
+                    fill: "#112E51",
+                    fillRule: "nonzero",
+                    d: "M384 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z"
+                })
+            })
+        ]
+    });
+var $7ec5423a30aa3f61$export$2e2bcd8739ae039 = $7ec5423a30aa3f61$var$CopyIcon;
+
+
+
+
+const $ec9e1550b0b034d0$var$SettingsIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
+        width: "15px",
+        height: "15px",
+        // viewBox="0 0 15 15"
+        viewBox: "0 0 512 512",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
+                children: "Settings Icon"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
+                stroke: "none",
+                strokeWidth: "1",
+                fill: "none",
+                fillRule: "evenodd",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
+                    fill: "#112E51",
+                    fillRule: "nonzero",
+                    d: "M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"
+                })
+            })
+        ]
+    });
+var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIcon;
+
+
+const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding , id: id , distribution: distribution , includeFiltered: includeFiltered , includeDensity: includeDensity , includeDownload: includeDownload , resource: resource , tablePadding: tablePadding , downloadUrl: downloadUrl  })=>{
+    const md = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 768
+    });
+    const { limit: limit , offset: offset , count: count , setLimit: setLimit , setOffset: setOffset  } = resource;
+    const intCount = count ? parseInt(count) : 0;
+    const [referenceElement, setReferenceElement] = (0, $hgUW1$useState)(null);
+    const [popperElement, setPopperElement] = (0, $hgUW1$useState)(null);
+    const [arrowElement, setArrowElement] = (0, $hgUW1$useState)(null);
+    const { styles: styles , attributes: attributes  } = (0, $hgUW1$usePopper)(referenceElement, popperElement, {
+        modifiers: [
+            {
+                name: "arrow",
+                options: {
+                    element: arrowElement
+                }
+            }
+        ]
+    });
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "dc-c-resource-header",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "ds-l-row",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    className: "ds-l-col--12",
+                    children: includeFiltered && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                        className: "ds-c-button ds-c-button--primary",
+                        to: `/dataset/${id}/data`,
+                        children: "View and filter data"
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "ds-l-row ds-u-align-items--center",
+                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",
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            className: "ds-u-font-weight--bold"
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            className: "dc-c-resource-header--buttons",
+                            children: [
+                                includeDownload && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                    children: [
+                                        /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
+                                            size: "small",
+                                            className: "ds-u-text-align--left ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1",
+                                            href: downloadUrl,
+                                            "aria-label": "Download filtered data (CSV)",
+                                            children: [
+                                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e973bc477cdc2dc7$export$2e2bcd8739ae039), {}),
+                                                !md && /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                                    className: "ds-u-font-weight--semibold ds-u-margin-left--1",
+                                                    children: "Download filtered data (CSV)"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
+                                            onOpen: ()=>{
+                                                navigator.clipboard.writeText(window.location.href);
+                                            },
+                                            className: "ds-c-button ds-c-button--small ds-u-text-align--left ds-u-margin-right--1",
+                                            placement: "bottom",
+                                            dialog: true,
+                                            ariaLabel: "Copy link to filtered data",
+                                            title: "Link copied to clipboard",
+                                            children: [
+                                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $7ec5423a30aa3f61$export$2e2bcd8739ae039), {}),
+                                                !md && /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                                    className: "ds-u-font-weight--semibold ds-u-margin-left--1",
+                                                    children: "Copy link to filtered data"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
+                                    className: "ds-c-button ds-c-button--small ds-u-text-align--left",
+                                    placement: "bottom",
+                                    dialog: true,
+                                    ariaLabel: "Display settings",
+                                    title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                        className: "dc-c-display-settings",
+                                        children: [
+                                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4def8e29c2039eb8$export$2e2bcd8739ae039), {
+                                                limit: limit,
+                                                setLimit: setLimit,
+                                                setOffset: setOffset
+                                            }),
+                                            includeDensity && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $1e012d1e3b534af0$export$2e2bcd8739ae039), {
+                                                setTablePadding: setTablePadding,
+                                                tablePadding: tablePadding
+                                            })
+                                        ]
+                                    }),
+                                    children: [
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ec9e1550b0b034d0$export$2e2bcd8739ae039), {}),
+                                        !md && /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                            className: "ds-u-font-weight--semibold ds-u-margin-left--1",
+                                            children: "Display settings"
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+var $af099c546cb226c7$export$2e2bcd8739ae039 = $af099c546cb226c7$var$ResourceHeader;
+
+
+
+
+
+
+const $17193a17e26a72da$var$DatasetTags = ({ keywords: keywords  })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2",
+                children: "Tags"
+            }),
+            keywords && keywords.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                    to: `/datasets?keyword[]=${k.data}`,
+                    className: "dc-c-dataset-tags--tag ds-u-color--base ds-u-font-size--small ds-u-text-decoration--none ds-u-margin-right--1 ds-u-margin-bottom--1 ds-u-padding-x--2 ds-u-padding-y--1 ds-u-radius",
+                    children: k.data
+                }, k.identifier))
+        ]
+    });
+};
+$17193a17e26a72da$var$DatasetTags.propTypes = {
+    keywords: (0, $hgUW1$proptypes).arrayOf((0, $hgUW1$proptypes).shape({
+        data: (0, $hgUW1$proptypes).string.isRequired,
+        identifier: (0, $hgUW1$proptypes).string.isRequired
+    })).isRequired
+};
+var $17193a17e26a72da$export$2e2bcd8739ae039 = $17193a17e26a72da$var$DatasetTags;
+
+
+
+
+
+const $f341c2fd9bc53390$var$DatasetDownloads = ({ downloadURL: downloadURL , type: type  })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2 ds-u-border ds-u-border-bottom--1",
+                children: "Downloads"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                className: "ds-u-margin-bottom--1 ds-u-color--gray",
+                children: "Resource"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
+                href: downloadURL,
+                className: "ds-u-word-break",
+                children: [
+                    "Download this resource (",
+                    type,
+                    ")"
+                ]
+            })
+        ]
+    });
+};
+$f341c2fd9bc53390$var$DatasetDownloads.propTypes = {
+    downloadURL: (0, $hgUW1$proptypes).string.isRequired,
+    type: (0, $hgUW1$proptypes).string.isRequired
+};
+var $f341c2fd9bc53390$export$2e2bcd8739ae039 = $f341c2fd9bc53390$var$DatasetDownloads;
+
+
+
+
+
+function $5644ebd2c3dbfd7b$export$eea3a12df15499ca(metadataMapping, datasetInfo) {
+    const rows = [];
+    Object.keys(metadataMapping).forEach((d)=>{
+        if (!datasetInfo[d]) return null;
+        else rows.push(...metadataMapping[d](datasetInfo[d]));
+    });
+    return rows;
+}
+const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datasetInfo , id: id , metadataMapping: metadataMapping  })=>{
+    const [rows] = (0, $hgUW1$useState)($5644ebd2c3dbfd7b$export$eea3a12df15499ca(metadataMapping, datasetInfo));
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "dc-c-additional-info-table ds-u-margin-bottom--6",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                children: "Additional Information"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
+                compact: true,
+                striped: true,
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                    children: "Field"
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                    children: "Value"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
+                        children: rows.map((r)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                        children: r.label
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                        children: r.value
+                                    })
+                                ]
+                            }, `${r.label}_${id}`))
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $5644ebd2c3dbfd7b$export$2e2bcd8739ae039 = $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation;
+
+
+
+
+
+
+
+
+const $69f3b3317f17a737$var$Pagination = ({ totalPages: totalPages , currentPage: currentPage , buttonAction: buttonAction  })=>{
+    const maxLength = 7;
+    // Expectation starts at 1
+    // only shows 7 buttons plus prev/next
+    function addFirst() {
+        // extra + 1 is number of siblings
+        if (currentPage > 2) return [
+            {
+                id: 1,
+                text: 1
+            }
+        ];
+        else return [];
+    }
+    function addLast() {
+        // extra + 1 is number of siblings
+        if (currentPage < totalPages) return [
+            {
+                id: totalPages,
+                text: totalPages
+            }
+        ];
+        else return [];
+    }
+    function addPrev() {
+        if (currentPage > 1) return [
+            {
+                id: "previous",
+                text: "Previous"
+            }
+        ];
+        return [
+            {
+                id: "previous",
+                text: "Previous",
+                disabled: true
+            }
+        ];
+    }
+    function addNext() {
+        if (currentPage < totalPages) return [
+            {
+                id: "next",
+                text: "Next"
+            }
+        ];
+        return [
+            {
+                id: "next",
+                text: "Next",
+                disabled: true
+            }
+        ];
+    }
+    function buildSiblings() {
+        // add check if current page less than totalPages
+        let siblings = [
+            {
+                id: currentPage,
+                text: currentPage,
+                currentPage: true
+            }
+        ];
+        if (currentPage > 1) siblings.unshift({
+            id: currentPage - 1,
+            text: currentPage - 1
+        });
+        if (currentPage < totalPages - 1) siblings.push({
+            id: currentPage + 1,
+            text: currentPage + 1
+        });
+        return siblings;
+    }
+    function buildPreSiblings() {
+        let preSiblings = [];
+        let remainingSpots = 0;
+        if (currentPage === 4) {
+            remainingSpots = 1;
+            preSiblings.push({
+                id: "2",
+                text: 2
+            });
+        }
+        if (currentPage > 4) {
+            remainingSpots = 1;
+            preSiblings.push({
+                id: "predots",
+                text: "..."
+            });
+        }
+        if (currentPage > 4 && currentPage >= totalPages - 2) {
+            remainingSpots = 1;
+            preSiblings.push({
+                id: totalPages - 4,
+                text: totalPages - 4
+            });
+        }
+        if (currentPage > 4 && currentPage >= totalPages - 1) {
+            remainingSpots = 1;
+            preSiblings.push({
+                id: totalPages - 3,
+                text: totalPages - 3
+            });
+        }
+        if (currentPage > 4 && currentPage === totalPages) {
+            remainingSpots = 1;
+            preSiblings.push({
+                id: totalPages - 2,
+                text: totalPages - 2
+            });
+        }
+        return preSiblings;
+    }
+    function buildPostSiblings() {
+        let postSiblings = [];
+        let remainingSpots = maxLength - (currentPage + 1) - 1;
+        if (currentPage < 5) {
+            for(let spot = 1; spot < remainingSpots; spot++)// console.log('post-spot', spot)
+            postSiblings.push({
+                id: currentPage + 1 + spot,
+                text: currentPage + 1 + spot
+            });
+            postSiblings.push({
+                id: "postdots",
+                text: "..."
+            });
+        }
+        if (currentPage >= 5 && currentPage < totalPages - 3) postSiblings.push({
+            id: "postdots",
+            text: "..."
+        });
+        if (currentPage >= 5 && currentPage === totalPages - 3) postSiblings.push({
+            id: totalPages - 1,
+            text: totalPages - 1
+        });
+        return postSiblings;
+    }
+    function buttonValue(item) {
+        if (item === "Previous") return currentPage - 1;
+        if (item === "Next") return currentPage + 1;
+        return item;
+    }
+    function addAll() {
+        let items = [
+            ...Array(totalPages)
+        ];
+        return items.map((item, index)=>({
+                id: index + 1,
+                text: index + 1
+            }));
+    }
+    function buildAll() {
+        if (totalPages > 0 && totalPages <= maxLength) return [
+            ...addPrev(),
+            ...addAll(),
+            ...addNext()
+        ];
+        if (totalPages > 0 && totalPages > maxLength) return [
+            ...addPrev(),
+            ...addFirst(),
+            ...buildPreSiblings(),
+            ...buildSiblings(),
+            ...buildPostSiblings(),
+            ...addLast(),
+            ...addNext()
+        ];
+        return [];
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "dc-pagination",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)("nav", {
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)("ol", {
+                className: "ds-u-display--flex ds-u-flex-direction--row ds-u-padding-x--0",
+                children: buildAll().map((item)=>{
+                    let buttonClass = "";
+                    let liClass = "";
+                    if (item.text === "Previous") {
+                        buttonClass = "dc-pagination--previous__button";
+                        liClass = "dc-pagination--previous";
+                    }
+                    if (item.text === "Next") {
+                        buttonClass = "dc-pagination--next__button";
+                        liClass = "dc-pagination--next";
+                    }
+                    if (item.currentPage || item.text === currentPage) buttonClass = "dc-pagination-current__button";
+                    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                        className: liClass,
+                        children: item.id === "postdots" || item.id === "predots" ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            children: item.text
+                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                            className: buttonClass,
+                            disabled: item.disabled ? item.disabled : false,
+                            size: "small",
+                            variation: "transparent",
+                            onClick: ()=>buttonAction(buttonValue(item.text)),
+                            children: item.text
+                        })
+                    }, item.id);
+                })
+            })
+        })
+    });
+};
+var $69f3b3317f17a737$export$2e2bcd8739ae039 = $69f3b3317f17a737$var$Pagination;
+
+
+const $072291d44ce1834a$var$ResourceFooter = ({ resource: resource  })=>{
+    const { limit: limit , values: values , offset: offset , count: count , setOffset: setOffset  } = resource;
+    function calcPageByOffset(page) {
+        setOffset((page - 1) * limit);
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        children: values.length > 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $69f3b3317f17a737$export$2e2bcd8739ae039), {
+            totalPages: Math.ceil(Number(count) / limit),
+            currentPage: Number(offset) / limit + 1,
+            buttonAction: calcPageByOffset
+        })
+    });
+};
+var $072291d44ce1834a$export$2e2bcd8739ae039 = $072291d44ce1834a$var$ResourceFooter;
+
+
+
+
+
+const $68eacd619bee0da7$var$ResourceInformation = ({ resource: resource  })=>{
+    const { count: count , columns: columns  } = resource;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "dc-c-resource-info-table",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                children: "About this Resource"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
+                compact: true,
+                striped: true,
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                component: "th",
+                                scope: "row",
+                                children: "Rows"
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                align: "right",
+                                children: parseInt(count).toLocaleString()
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                component: "th",
+                                scope: "row",
+                                children: "Columns"
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                align: "right",
+                                children: columns.length.toLocaleString()
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $68eacd619bee0da7$export$2e2bcd8739ae039 = $68eacd619bee0da7$var$ResourceInformation;
+
+
+// Example custom column headers, where only effective date has an ! at the end
+// [
+//  {schema: 'date', Cell: ({ value }) => localeDate(value),},
+//  {accessor: 'effective_date',Cell: ({ value }) => localeDate(value) + '!',},
+// ]
+function $7264a673914aa746$export$8049e8f40a9bdfb8(customHeaders, columns, schema) {
+    return columns.map((column)=>{
+        const customAccessorIndex = customHeaders.findIndex((header)=>header.accessor === column);
+        const customSchemaIndex = customHeaders.findIndex((header)=>header.schema === schema.fields[column].mysql_type);
+        let newColumn = {};
+        // If specific accessor is passed, this will override a general mysql_type Cell rewrite.
+        if (customAccessorIndex > -1) {
+            newColumn.Header = schema && schema.fields[column].description ? schema.fields[column].description : column;
+            newColumn.accessor = column;
+            newColumn.Cell = customHeaders[customAccessorIndex].Cell;
+        } else {
+            newColumn.Header = schema && schema.fields[column].description ? schema.fields[column].description : column;
+            newColumn.accessor = column;
+            if (customSchemaIndex > -1) newColumn.Cell = customHeaders[customSchemaIndex].Cell;
+        }
+        return newColumn;
+    });
+}
+function $7264a673914aa746$export$e284ae5d89467c8f(date) {
+    if (!date) return date;
+    date = new Date(date);
+    date = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
+    return date;
+}
+function $7264a673914aa746$export$6b5e57d20078142b(value, operator) {
+    let newValue = value;
+    if (Array.isArray(newValue)) newValue = newValue.join(",");
+    // return newValue.replace(/(^\%+|\%+$)/gm, '');
+    return newValue;
+}
+const $7264a673914aa746$export$5f89a5ae87bc48e1 = [
+    {
+        label: "Is",
+        value: "="
+    },
+    {
+        label: "Starts With",
+        value: "starts with"
+    },
+    {
+        label: "Contains",
+        value: "contains"
+    },
+    {
+        label: "Is Not",
+        value: "<>"
+    },
+    {
+        label: "Or",
+        value: "in"
+    },
+    {
+        label: "Is",
+        value: "="
+    },
+    {
+        label: "Is Not",
+        value: "<>"
+    },
+    {
+        label: "Greater Than",
+        value: ">"
+    },
+    {
+        label: "Less Than",
+        value: "<"
+    }
+];
+function $7264a673914aa746$export$2b9377795161999(type) {
+    switch(type){
+        case "text":
+        case "string":
+            return [
+                {
+                    label: "Is",
+                    value: "="
+                },
+                {
+                    label: "Starts With",
+                    value: "starts with"
+                },
+                {
+                    label: "Contains",
+                    value: "contains"
+                },
+                {
+                    label: "Is Not",
+                    value: "<>"
+                },
+                {
+                    label: "Or",
+                    value: "in"
+                }
+            ];
+        case "date":
+            return [
+                {
+                    label: "Is",
+                    value: "="
+                },
+                {
+                    label: "Is Not",
+                    value: "<>"
+                },
+                {
+                    label: "Greater Than",
+                    value: ">"
+                },
+                {
+                    label: "Less Than",
+                    value: "<"
+                }
+            ];
+        default:
+            // These 2 should be safe for all data types
+            return [
+                {
+                    label: "Is",
+                    value: "="
+                },
+                {
+                    label: "Is Not",
+                    value: "<>"
+                }
+            ];
+    }
+}
+
+
+const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset: dataset , additionalParams: additionalParams , customColumns: customColumns , columnSettings: columnSettings , columnWidths: columnWidths , metadataMapping: metadataMapping  })=>{
+    let apiDocs = (0, $hgUW1$useRef)();
+    const [tablePadding, setTablePadding] = (0, $hgUW1$useState)("ds-u-padding-y--1");
+    const [fileFormat, setFileFormat] = (0, $hgUW1$useState)("");
+    let distribution = {};
+    let distribution_array = dataset.distribution ? dataset.distribution : [];
+    if (distribution_array.length) distribution = distribution_array[0];
+    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
+        limit: 10,
+        manual: true
+    }, additionalParams);
+    (0, $hgUW1$useEffect)(()=>{
+        if (distribution.identifier) {
+            let localFileFormat = "";
+            if (distribution.data.format) localFileFormat = distribution.data.format.toUpperCase();
+            else if (distribution.data.mediaType) {
+                const mediaType = distribution.data.mediaType.split("/");
+                if (mediaType.length && mediaType[1]) localFileFormat = mediaType[1].toUpperCase();
+            }
+            setFileFormat(localFileFormat);
+            if (localFileFormat === "CSV") {
+                resource.setResource(distribution.identifier);
+                resource.setManual(false);
+            }
+        }
+    }, [
+        distribution
+    ]);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
+        className: "ds-l-container",
+        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            className: "ds-l-row ds-u-padding-top--3",
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                    className: "ds-l-md-col--9 ds-l-sm-col--12",
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
+                            className: "ds-title ds-u-word-break",
+                            children: dataset.title
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            className: "ds-l-row",
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                    className: "ds-l-col--6",
+                                    children: dataset.theme ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
+                                        variation: "info",
+                                        children: dataset.theme[0].data
+                                    }) : null
+                                }),
+                                dataset.modified && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                                    className: "ds-l-col--6 ds-u-color--gray ds-u-text-align--right",
+                                    children: [
+                                        "Updated ",
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
+                                            date: dataset.modified
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                            className: "dc-c-metadata-description",
+                            dangerouslySetInnerHTML: {
+                                __html: dataset.description
+                            }
+                        }),
+                        resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                                    className: "dc-resource-header",
+                                    children: "Resource Preview"
+                                }),
+                                resource.columns ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                    children: [
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $af099c546cb226c7$export$2e2bcd8739ae039), {
+                                            id: id,
+                                            includeFiltered: true,
+                                            includeDensity: true,
+                                            tablePadding: tablePadding,
+                                            setTablePadding: setTablePadding,
+                                            distribution: distribution,
+                                            resource: resource
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $626282d9a03c51d5$export$2e2bcd8739ae039), {
+                                            id: distribution.identifier,
+                                            tablePadding: tablePadding,
+                                            resource: resource,
+                                            customColumns: (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution_array[0].identifier]),
+                                            columnSettings: columnSettings,
+                                            options: {
+                                                layout: "flex",
+                                                columnFilter: false,
+                                                columnSort: true,
+                                                columnResize: true
+                                            },
+                                            columnWidths: columnWidths
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $072291d44ce1834a$export$2e2bcd8739ae039), {
+                                            resource: resource
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $68eacd619bee0da7$export$2e2bcd8739ae039), {
+                                            resource: resource
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ (0, $hgUW1$jsx)(Spinner, {
+                                    "aria-valuetext": "Dataset loading",
+                                    role: "status"
+                                })
+                            ]
+                        }) : "",
+                        dataset.identifier && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5644ebd2c3dbfd7b$export$2e2bcd8739ae039), {
+                            datasetInfo: dataset,
+                            id: dataset.identifier,
+                            metadataMapping: metadataMapping
+                        }),
+                        Object.keys(distribution).length && fileFormat === "CSV" && dataset.identifier ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            ref: apiDocs,
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                                    children: "Try the API"
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
+                                    url: `${undefined}/metastore/schemas/dataset/items/${dataset.identifier}/docs${additionalParams && additionalParams.ACA ? "?ACA=" + additionalParams.ACA + "&redirect=false" : ""}`,
+                                    docExpansion: "list",
+                                    defaultModelsExpandDepth: -1
+                                })
+                            ]
+                        }) : ""
+                    ]
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                    className: "ds-l-md-col--3 ds-l-sm-col--12",
+                    children: [
+                        Object.keys(distribution).length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f341c2fd9bc53390$export$2e2bcd8739ae039), {
+                            downloadURL: distribution.data.downloadURL,
+                            type: fileFormat
+                        }) : "",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $17193a17e26a72da$export$2e2bcd8739ae039), {
+                            keywords: dataset.keyword
+                        }),
+                        Object.keys(distribution).length && fileFormat === "CSV" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                                    className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2",
+                                    children: "API"
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                    variation: "transparent",
+                                    onClick: ()=>window.scrollTo({
+                                            behavior: "smooth",
+                                            top: apiDocs.current.offsetTop
+                                        }),
+                                    children: "Scroll to dataset API"
+                                })
+                            ]
+                        }) : ""
+                    ]
+                })
+            ]
+        })
+    });
+};
+$766b8e351dd607f5$var$DatasetBody.propTypes = {
+    id: (0, $hgUW1$proptypes).string.isRequired,
+    dataset: (0, $hgUW1$proptypes).object.isRequired
+};
+var $766b8e351dd607f5$export$2e2bcd8739ae039 = $766b8e351dd607f5$var$DatasetBody;
+
+
+
+
+
+
+
+const $28f16f59778efa64$export$82b1b1d517e5388a = {
+    "R/P10Y": {
+        name: "Decennial"
+    },
+    "R/P4Y": {
+        name: "Quadrennial"
+    },
+    "R/P1Y": {
+        name: "Annual"
+    },
+    "R/P2M": {
+        name: "Bimonthly"
+    },
+    "R/P3.5D": {
+        name: "Semiweekly"
+    },
+    "R/P1D": {
+        name: "Daily"
+    },
+    "R/P2W": {
+        name: "Biweekly"
+    },
+    "R/P6M": {
+        name: "Semiannual"
+    },
+    "R/P2Y": {
+        name: "Biennial"
+    },
+    "R/P3Y": {
+        name: "Triennial"
+    },
+    "R/P0.33W": {
+        name: "Three times a week"
+    },
+    "R/P0.33M": {
+        name: "Three times a month"
+    },
+    "R/PT1S": {
+        name: "Continuously updated"
+    },
+    "R/P1M": {
+        name: "Monthly"
+    },
+    "R/P3M": {
+        name: "Quarterly"
+    },
+    "R/P0.5M": {
+        name: "Semimonthly"
+    },
+    "R/P4M": {
+        name: "Three times a year"
+    },
+    "R/P1W": {
+        name: "Weekly"
+    },
+    "R/PT1H": {
+        name: "Hourly"
+    },
+    irregular: {
+        name: "Irregular"
+    }
+};
+
+
+const $6da0396069e23175$export$bc27cf7ecf44639d = {
+    modified: (data)=>{
+        return [
+            {
+                label: "Modified",
+                value: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
+                    date: data
+                })
+            }
+        ];
+    },
+    issued: (data)=>{
+        return [
+            {
+                label: "Issued",
+                value: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
+                    date: data
+                })
+            }
+        ];
+    },
+    accrualPeriodicity: (data)=>{
+        return [
+            {
+                label: "Frequency",
+                value: (0, $28f16f59778efa64$export$82b1b1d517e5388a)[data].name
+            }
+        ];
+    },
+    publisher: (data)=>{
+        if (data.data && data.data.name) return [
+            {
+                label: "Publisher",
+                value: data.data.name
+            }
+        ];
+        else return [];
+    },
+    identifier: (data)=>{
+        return [
+            {
+                label: "Identifier",
+                value: data
+            }
+        ];
+    },
+    contactPoint: (data)=>{
+        let rows = [];
+        if (data.fn) rows.push({
+            label: "Contact",
+            value: data.fn
+        });
+        if (data.hasEmail) rows.push({
+            label: "Contact Email",
+            value: data.hasEmail
+        });
+        return rows;
+    },
+    bureauCode: (data)=>{
+        if (data.length) return [
+            {
+                label: "Bureau Code",
+                value: data[0]
+            }
+        ];
+    },
+    programCode: (data)=>{
+        if (data.length) return [
+            {
+                label: "Program Code",
+                value: data[0]
+            }
+        ];
+    },
+    theme: (data)=>{
+        return [
+            {
+                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
+                    ])
+            }
+        ];
+    },
+    keyword: (data)=>{
+        return [
+            {
+                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
+                    ])
+            }
+        ];
+    },
+    license: (data)=>{
+        return [
+            {
+                label: "License",
+                value: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
+                    href: data,
+                    children: data
+                })
+            }
+        ];
+    },
+    accessLevel: (data)=>{
+        return [
+            {
+                label: "Public Access Level",
+                value: data
+            }
+        ];
+    },
+    temporal: (data)=>{
+        return [
+            {
+                label: "Temporal Coverage",
+                value: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                    className: "dc-c-word-break--all",
+                    children: data
+                })
+            }
+        ];
+    },
+    spatial: (data)=>{
+        return [
+            {
+                label: "Spacial/Geographical Coverage",
+                value: data
+            }
+        ];
+    },
+    references: (data)=>{
+        return [
+            {
+                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", {
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
+                                href: item,
+                                children: item
+                            })
+                        }, item))
+                })
+            }
+        ];
+    }
+};
+
+
+const $6e7bdcbebdb4b794$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalParams: additionalParams , customColumns: customColumns , setDatasetTitle: setDatasetTitle , columnSettings: columnSettings , columnWidths: columnWidths , customMetadataMapping: customMetadataMapping  })=>{
+    const metastore = (0, $68d79598b83f3382$export$2e2bcd8739ae039)(id, rootUrl, additionalParams);
+    const { dataset: dataset  } = metastore;
+    const title = dataset.title ? dataset.title : "";
+    const metadataMapping = {
+        ...(0, $6da0396069e23175$export$bc27cf7ecf44639d),
+        ...customMetadataMapping
+    };
+    (0, $hgUW1$useEffect)(()=>{
+        if (title) {
+            if (setDatasetTitle) setDatasetTitle(title);
+        }
+    }, [
+        title
+    ]);
+    const notFoundContent = /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "ds-u-padding-top--3",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
+                className: "ds-title",
+                children: "Error: Dataset not found"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                children: "We're sorry, but there is no dataset ID that matches your entry. You may have been directed here because:"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                        children: "The address you typed contains a typo;"
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                        children: "The requested dataset no longer exists."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                        className: "ds-u-font-weight--bold",
+                        children: "Note:"
+                    }),
+                    " If you were using a bookmark, please reset it once you find the correct dataset."
+                ]
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+        children: dataset.error ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $026cb986f9fea2b1$export$2e2bcd8739ae039), {
+            content: notFoundContent
+        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $766b8e351dd607f5$export$2e2bcd8739ae039), {
+            rootUrl: rootUrl,
+            id: id,
+            dataset: dataset,
+            additionalParams: additionalParams,
+            customColumns: customColumns ? customColumns : [],
+            columnSettings: columnSettings,
+            columnWidths: columnWidths,
+            metadataMapping: metadataMapping
+        })
+    });
+};
+$6e7bdcbebdb4b794$var$Dataset.propTypes = {
+    id: (0, $hgUW1$proptypes).string.isRequired,
+    rootUrl: (0, $hgUW1$proptypes).string.isRequired
+};
+var $6e7bdcbebdb4b794$export$2e2bcd8739ae039 = $6e7bdcbebdb4b794$var$Dataset;
+
+
+
+
+
  // export { default as NavLink } from './components/NavLink';
  // export { default as DatasetTags } from './components/DatasetTags';
  // export { default as DatasetDownloads } from './components/DatasetDownloads';
@@ -299,5 +2921,5 @@ var $026cb986f9fea2b1$export$2e2bcd8739ae039 = $026cb986f9fea2b1$var$PageNotFoun
  // export { default as frequencyMap } from './assets/frequencyMap';
 
 
-export {$f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $ca4d58501b237b60$export$2e2bcd8739ae039 as Header, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound};
+export {$f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $ca4d58501b237b60$export$2e2bcd8739ae039 as Header, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $007dd6bfbe0f2956$export$2e2bcd8739ae039 as DatasetSearch, $6e7bdcbebdb4b794$export$2e2bcd8739ae039 as Dataset, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI};
 //# sourceMappingURL=main.js.map