@civicactions/cmsds-open-data-components 4.1.0-alpha.10 → 4.1.0-alpha.12

package/dist/main.js

@@ -1,7 +1,7 @@
 import "./main.css";
 import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
 import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Dropdown as $hgUW1$Dropdown, Pagination as $hgUW1$Pagination, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Choice as $hgUW1$Choice, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, ExternalLinkIcon as $hgUW1$ExternalLinkIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
-import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useContext as $hgUW1$useContext, useCallback as $hgUW1$useCallback, useMemo as $hgUW1$useMemo} from "react";
+import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useContext as $hgUW1$useContext, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
 import {NavLink as $hgUW1$NavLink, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams} from "react-router-dom";
 import $hgUW1$qs from "qs";
 import $hgUW1$axios from "axios";
@@ -9,24 +9,24 @@ import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryCli
 import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
 import $hgUW1$dompurify from "dompurify";
 import $hgUW1$lodashtruncate from "lodash.truncate";
-import $hgUW1$swaggeruireact from "swagger-ui-react";
-import "swagger-ui-react/swagger-ui.css";
-import {List as $hgUW1$List, Map as $hgUW1$Map} from "immutable";
 import $hgUW1$proptypes from "prop-types";
-import {createColumnHelper as $hgUW1$createColumnHelper, useReactTable as $hgUW1$useReactTable, getCoreRowModel as $hgUW1$getCoreRowModel, getSortedRowModel as $hgUW1$getSortedRowModel, flexRender as $hgUW1$flexRender, getFilteredRowModel as $hgUW1$getFilteredRowModel, getPaginationRowModel as $hgUW1$getPaginationRowModel} from "@tanstack/react-table";
 import {KeyboardSensor as $hgUW1$KeyboardSensor, PointerSensor as $hgUW1$PointerSensor, useSensors as $hgUW1$useSensors, useSensor as $hgUW1$useSensor, DndContext as $hgUW1$DndContext, closestCenter as $hgUW1$closestCenter} from "@dnd-kit/core";
 import {sortableKeyboardCoordinates as $hgUW1$sortableKeyboardCoordinates, arrayMove as $hgUW1$arrayMove, SortableContext as $hgUW1$SortableContext, verticalListSortingStrategy as $hgUW1$verticalListSortingStrategy, useSortable as $hgUW1$useSortable} from "@dnd-kit/sortable";
 import {restrictToVerticalAxis as $hgUW1$restrictToVerticalAxis} from "@dnd-kit/modifiers";
 import {CSS as $hgUW1$CSS} from "@dnd-kit/utilities";
+import {createColumnHelper as $hgUW1$createColumnHelper, useReactTable as $hgUW1$useReactTable, getCoreRowModel as $hgUW1$getCoreRowModel, getSortedRowModel as $hgUW1$getSortedRowModel, flexRender as $hgUW1$flexRender, getFilteredRowModel as $hgUW1$getFilteredRowModel, getPaginationRowModel as $hgUW1$getPaginationRowModel} from "@tanstack/react-table";
 import $hgUW1$reactdatepicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
+import $hgUW1$swaggeruireact from "swagger-ui-react";
+import {SpanOpenAPIVersion as $hgUW1$SpanOpenAPIVersion, SpanVersionStamp as $hgUW1$SpanVersionStamp} from "@civicactions/swagger-ui-layout";
+import "swagger-ui-react/swagger-ui.css";
 
 // Components
 
 
 function $e49d4387bed21287$export$2e2bcd8739ae039() {
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "ds-u-padding-top--3 ds-u-margin-bottom--2",
+        className: "ds-u-padding-top--3",
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
             bordered: true,
             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
@@ -911,10 +911,10 @@ const $17711e94d2ce0ee4$var$DatasetDateItem = (props)=>{
         })
     };
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "dataset-date-item ds-l-sm-col--auto ds-l-col--12 ds-u-padding--0",
+        className: `dataset-date-item${boldLabel ? ' bold-label' : ''}`,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                className: `dataset-date-item-label ${boldLabel ? 'ds-u-font-weight--bold' : ''}`,
+                className: "dataset-data-item-label",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                         children: dateText[type]
@@ -927,7 +927,7 @@ const $17711e94d2ce0ee4$var$DatasetDateItem = (props)=>{
             }),
             displayTooltips === true && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
                 "aria-label": dateText[type],
-                className: "ds-c-tooltip__trigger-icon ds-u-display--inline ds-u-padding-left--0 ds-uw-padding-right--0 ds-u-font-weight--normal",
+                className: "ds-c-tooltip__trigger-icon ds-u-display--inline ds-u-padding-left--0 ds-uw-padding-right--0",
                 title: tooltipContent[type],
                 placement: "top",
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TooltipIcon), {})
@@ -938,24 +938,31 @@ const $17711e94d2ce0ee4$var$DatasetDateItem = (props)=>{
 var $17711e94d2ce0ee4$export$2e2bcd8739ae039 = $17711e94d2ce0ee4$var$DatasetDateItem;
 
 
-
 const $20de4fedf33d4f9a$var$DatasetDate = (props)=>{
-    const { date: date, modifiedBoldLabel: modifiedBoldLabel = false, releasedBoldLabel: releasedBoldLabel = false, refreshBoldLabel: refreshBoldLabel = false, displayTooltips: displayTooltips = true } = props;
+    const { date: date, updatedBoldLabel: updatedBoldLabel = false, releasedBoldLabel: releasedBoldLabel = false, refreshBoldLabel: refreshBoldLabel = false, displayTooltips: displayTooltips = true } = props;
+    const { modified: modified, released: released, refresh: refresh } = date;
     // Create an array of date items to render
     const dateItems = [];
-    Object.entries(date).forEach(([key, value])=>{
-        if (value) {
-            const bold = key === "modified" && modifiedBoldLabel || key === "released" && releasedBoldLabel || key === "refresh" && refreshBoldLabel;
-            dateItems.push(/*#__PURE__*/ (0, $hgUW1$jsx)((0, $17711e94d2ce0ee4$export$2e2bcd8739ae039), {
-                type: key,
-                displayTooltips: displayTooltips,
-                date: value,
-                boldLabel: bold
-            }, key));
-        }
-    });
+    if (modified) dateItems.push(/*#__PURE__*/ (0, $hgUW1$jsx)((0, $17711e94d2ce0ee4$export$2e2bcd8739ae039), {
+        displayTooltips: displayTooltips,
+        type: "modified",
+        date: modified,
+        boldLabel: updatedBoldLabel
+    }, "modified"));
+    if (released) dateItems.push(/*#__PURE__*/ (0, $hgUW1$jsx)((0, $17711e94d2ce0ee4$export$2e2bcd8739ae039), {
+        displayTooltips: displayTooltips,
+        type: "released",
+        date: released,
+        boldLabel: releasedBoldLabel
+    }, "released"));
+    if (refresh) dateItems.push(/*#__PURE__*/ (0, $hgUW1$jsx)((0, $17711e94d2ce0ee4$export$2e2bcd8739ae039), {
+        displayTooltips: displayTooltips,
+        type: "refresh",
+        date: refresh,
+        boldLabel: refreshBoldLabel
+    }, "refresh"));
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "dataset-date ds-u-display--flex ds-u-flex-wrap--wrap ds-u-font-size--sm ds-u-align-items--start",
+        className: "dataset-date",
         children: dateItems.map((item, index)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$react).Fragment, {
                 children: [
                     item,
@@ -1427,7 +1434,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const { rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
         defaultSort: 'modified',
         defaultOrder: 'desc'
-    }, pageTitle: pageTitle = 'Dataset Explorer', categoriesTitle: categoriesTitle = 'Categories', filterTitle: filterTitle = 'Tags', showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = '', showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton, dataDictionaryLinks: dataDictionaryLinks = false, showDateDetails: showDateDetails = false, showTopics: showTopics = false, topicSlugFunction: topicSlugFunction } = props;
+    }, pageTitle: pageTitle = 'Dataset Explorer', categoriesTitle: categoriesTitle = 'Categories', filterTitle: filterTitle = 'Tags', showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = '', showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton, dataDictionaryLinks: dataDictionaryLinks = false, showDateDetails: showDateDetails = false, showTopics: showTopics = false, topicSlugFunction: topicSlugFunction, children: children } = props;
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const sortOptions = [
         {
@@ -1645,6 +1652,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                             className: "ds-l-col--12",
                             children: [
+                                children,
                                 introText ? introText : null,
                                 showLargeFileWarning && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                     className: "ds-l-row ds-u-margin-bottom--2 ds-u-margin-top--4",
@@ -2389,630 +2397,6 @@ var $c068004d499082cc$export$2e2bcd8739ae039 = $c068004d499082cc$var$DatasetList
 
 
 
-const $5b656f0283afa250$var$SpanOpenAPIVersion = function(system) {
-    return {
-        wrapComponents: {
-            OpenAPIVersion: (Original, system)=>(props)=>{
-                    const classList = "version version-stamp version-stamp--openapi version-stamp--span";
-                    let { oasVersion: oasVersion } = props;
-                    if (typeof system.specSelectors?.isOAS31 === "function") {
-                        if (system.specSelectors.isOAS31()) return /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: classList,
-                            children: "OAS 3.1"
-                        });
-                    }
-                    if (typeof system.specSelectors?.isOAS30 === "function") {
-                        if (system.specSelectors.isOAS30()) return /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: classList,
-                            children: "OAS 3.0"
-                        });
-                    }
-                    return /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: classList,
-                        children: oasVersion
-                    });
-                }
-        }
-    };
-};
-var $5b656f0283afa250$export$2e2bcd8739ae039 = $5b656f0283afa250$var$SpanOpenAPIVersion;
-
-
-
-const $ffd9c403a1c2fc39$var$SpanVersionStamp = function(system) {
-    return {
-        wrapComponents: {
-            VersionStamp: (Original, system)=>(props)=>{
-                    const classList = "version version-stamp version-stamp--span";
-                    const { version: version } = props;
-                    return /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: classList,
-                        children: version
-                    });
-                }
-        }
-    };
-};
-var $ffd9c403a1c2fc39$export$2e2bcd8739ae039 = $ffd9c403a1c2fc39$var$SpanVersionStamp;
-
-
-
-
-
-const $d42ff6af4a8dee64$var$ApiDocsInfo = ({ url: url, getComponent: getComponent, isDatasetDocs: isDatasetDocs, showRowLimitNotice: showRowLimitNotice, docsURL: docsURL })=>{
-    const VersionStamp = getComponent("VersionStamp");
-    const OpenAPIVersion = getComponent("OpenAPIVersion");
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "ds-l-row",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-l-col--12 ds-l-md-col--9",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("h2", {
-                        className: "ds-text-heading--2xl ds-u-sm-display--inline-block",
-                        children: [
-                            "Try the API",
-                            isDatasetDocs ? " for this dataset" : ''
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)(VersionStamp, {}),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)(OpenAPIVersion, {}),
-                    isDatasetDocs ? /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                        children: "The Open Data API provides programmatic access to this dataset including the ability to filter, query, and aggregate data."
-                    }) : '',
-                    showRowLimitNotice && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e49d4387bed21287$export$2e2bcd8739ae039), {})
-                ]
-            }),
-            isDatasetDocs ? /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-l-col--12 ds-l-md-col--3 ds-u-font-weight--bold ds-u-margin-top--2 ds-u-md-text-align--right",
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
-                    href: docsURL,
-                    className: "ds-u-display--flex ds-u-align-items--center ds-u-margin-bottom--1 ds-u-color--primary",
-                    style: {
-                        whiteSpace: 'nowrap'
-                    },
-                    children: [
-                        "View API documentation",
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            viewBox: "0 0 11 16",
-                            width: "11",
-                            height: "16",
-                            "aria-hidden": "true",
-                            role: "presentation",
-                            className: "ds-u-margin-left--1",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                                fill: "currentColor",
-                                "fill-rule": "evenodd",
-                                "clip-rule": "evenodd",
-                                d: "M9.70403 7.07623L3.01151 0.388634C2.76291 0.130188 2.4577 0.000349045 2.08664 0.000349045C1.91391 -0.00377464 1.74226 0.0286551 1.58296 0.0956049C1.42367 0.162493 1.28034 0.262364 1.16239 0.388634L0.381515 1.15905C0.129223 1.41134 0 1.72025 0 2.0833C0 2.4402 0.126146 2.7528 0.381515 3.01863L5.37014 8.00048L0.381515 12.9891C0.129223 13.2414 0 13.5509 0 13.914C0 14.2696 0.126146 14.5829 0.381515 14.8493L1.16178 15.6185C1.41407 15.8708 1.72297 16 2.08603 16C2.44908 16 2.7586 15.8739 3.0109 15.6185L9.70403 8.93581C9.95571 8.66936 10.0855 8.35677 10.0855 8.00048C10.0855 7.63743 9.9594 7.32791 9.70403 7.07623Z"
-                            })
-                        })
-                    ]
-                })
-            }) : '',
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-l-col--12 ds-u-margin-y--1",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
-                    href: url,
-                    className: "ds-u-color--primary",
-                    children: "OpenAPI Specification (JSON)"
-                })
-            })
-        ]
-    });
-};
-var $d42ff6af4a8dee64$export$2e2bcd8739ae039 = $d42ff6af4a8dee64$var$ApiDocsInfo;
-
-
-
-
-const $eb1276da361453f7$var$OperationCompWrapperInner = (props)=>{
-    const { Original: Original, onTryoutClick: onTryoutClick } = props;
-    (0, $hgUW1$useEffect)(()=>{
-        if (!onTryoutClick) return;
-        const timer = setTimeout(()=>onTryoutClick(), 2000);
-        return ()=>clearTimeout(timer);
-    }, [
-        onTryoutClick
-    ]);
-    return /*#__PURE__*/ (0, $hgUW1$jsx)(Original, {
-        ...props
-    });
-};
-var $eb1276da361453f7$export$2e2bcd8739ae039 = $eb1276da361453f7$var$OperationCompWrapperInner;
-
-
-
-
-const $c9215d4ba59490d9$var$OperationTag = ({ children: children, tag: tag, tagObj: tagObj })=>{
-    const [show, toggleShow] = (0, $hgUW1$useState)(true);
-    const tagDescription = tagObj.getIn([
-        "tagDetails",
-        "description"
-    ], null);
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "OperationTag",
-        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `
-          toggle-block toggle-block-container
-          ${show ? ' open' : ' closed'}
-          ${show ? ' ds-u-padding-bottom--0 ds-u-margin-bottom--4' : ''}
-        `,
-            children: [
-                /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
-                    className: "toggle-block-title ds-u-margin-y--1 ds-u-display--flex ds-u-justify-content--start ds-u-font-size--lg",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-                        type: "button",
-                        onClick: ()=>{
-                            toggleShow(!show);
-                        },
-                        "aria-expanded": show,
-                        className: "toggle-block-title-button ds-u-display--flex ds-u-align-items--center ds-u-text-align--left ds-u-fill--transparent ds-u-border--0 ds-u-padding--0",
-                        children: [
-                            show ? /* Chevron down */ /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
-                                xmlns: "http://www.w3.org/2000/svg",
-                                viewBox: "0 0 512 512",
-                                width: "20",
-                                height: "20",
-                                "aria-hidden": "true",
-                                role: "presentation",
-                                className: "OperationTag__chevron-down",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                                    fill: "currentColor",
-                                    d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
-                                })
-                            }) : /* Chevron up */ /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
-                                xmlns: "http://www.w3.org/2000/svg",
-                                viewBox: "0 0 512 512",
-                                width: "20",
-                                height: "20",
-                                "aria-hidden": "true",
-                                role: "presentation",
-                                className: "OperationTag__chevron-up",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                                    fill: "currentColor",
-                                    d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: "toggle-block-title-text ds-u-display--flex ds-u-align-items--center ds-u-padding-left--4",
-                                children: tag
-                            }),
-                            tagDescription ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: "toggle-block-title-description ds-u-font-size--sm ds-u-font-weight--normal ds-u-margin-left--2",
-                                children: tagDescription
-                            }) : null
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: `
-            toggle-block-panel ds-u-padding-left--4
-            ${show ? ' open' : ' closed'}
-            ${show ? ' ds-u-display--block' : 'ds-u-display--none'}
-          `,
-                    children: children
-                })
-            ]
-        })
-    });
-};
-var $c9215d4ba59490d9$export$2e2bcd8739ae039 = $c9215d4ba59490d9$var$OperationTag;
-
-
-
-const $6724506e656710f6$var$OperationSummary = ({ toggleShown: toggleShown, operationProps: operationProps, tryItOutButtonClassNames: tryItOutButtonClassNames = '', copyToClipboardButtonClassNames: copyToClipboardButtonClassNames = '' })=>{
-    const { path: path, isShown: isShown, operationId: operationId, tag: tag, method: method, summary: summary } = operationProps.toJS();
-    const readablePath = path.replace(/\//g, '\u200b/');
-    const handleCopyToClipboard = ()=>{
-        navigator.clipboard.writeText(readablePath);
-    };
-    const handleTryItOutOnClick = (e)=>{
-        toggleShown(e);
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "OperationSummary ds-u-display--flex ds-u-flex-direction--column ds-u-lg-flex-direction--row",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "OperationSummary__path-container ds-u-display--flex ds-u-align-items--center ds-u-flex-direction--column ds-u-md-flex-direction--row ds-u-fill--white ds-u-radius",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "OperationSummary__method ds-u-display--flex ds-u-align-items--center ds-u-justify-content--center ds-u-color--white ds-u-radius ds-u-text-transform--uppercase ds-u-font-weight--bold ds-u-font-size--md ds-u-padding--1 ds-u-margin--05",
-                        children: method
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("input", {
-                        "aria-label": `${tag} ${operationId}`,
-                        className: "OperationSummary__path-container_path-input ds-u-border--0 ds-u-padding-y--1 ds-u-padding-x--2 ds-u-font-size--sm ds-u-md-margin-y--0 ds-u-margin-y--1",
-                        readOnly: true,
-                        value: readablePath
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "OperationSummary__summary ds-u-font-size--sm ds-u-padding-x--1 ds-u-text-align--left ds-u-md-text-align--right ds-u-md-margin-bottom--0 ds-u-margin-bottom--1",
-                        children: summary
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                        onClick: handleCopyToClipboard,
-                        className: copyToClipboardButtonClassNames ? `${copyToClipboardButtonClassNames}` : 'ds-u-display--flex ds-u-align-items--center ds-u-justify-content--center ds-u-padding--0 ds-u-margin--05 ds-u-radius OperationSummary__path-container_copy-btn ds-u-color--primary',
-                        "aria-label": `Copy ${tag} ${operationId} to clipboard`,
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            viewBox: "0 0 448 512",
-                            width: "16",
-                            height: "16",
-                            "aria-hidden": "true",
-                            role: "presentation",
-                            className: "OperationSummary__copy-icon",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                                fill: "currentColor",
-                                d: "M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"
-                            })
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-                className: tryItOutButtonClassNames ? `${tryItOutButtonClassNames}` : 'ds-c-button ds-u-lg-margin-left--2 ds-u-margin-top--2 ds-u-lg-margin-top--0 OperationSummary__try-it-out-btn ds-u-display--flex ds-u-align-items--center',
-                onClick: handleTryItOutOnClick,
-                "aria-label": `Try it out - ${tag} ${operationId}`,
-                "aria-expanded": isShown,
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
-                        xmlns: "http://www.w3.org/2000/svg",
-                        viewBox: "0 0 16 11",
-                        width: "16",
-                        height: "11",
-                        "aria-hidden": "true",
-                        role: "presentation",
-                        style: {
-                            transform: isShown ? 'rotate(180deg)' : 'none',
-                            top: '0px'
-                        },
-                        className: "ds-u-margin-right--05",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                            fill: "currentColor",
-                            "fill-rule": "evenodd",
-                            "clip-rule": "evenodd",
-                            d: "M8.92377 9.70403L15.6114 3.01151C15.8698 2.76291 15.9997 2.4577 15.9997 2.08664C16.0038 1.91391 15.9713 1.74226 15.9044 1.58296C15.8375 1.42367 15.7376 1.28034 15.6114 1.16239L14.841 0.381515C14.5887 0.129223 14.2798 0 13.9167 0C13.5598 0 13.2472 0.126146 12.9814 0.381515L7.99952 5.37014L3.0109 0.381515C2.7586 0.129223 2.44908 0 2.08603 0C1.73036 0 1.41715 0.126146 1.1507 0.381515L0.381515 1.16178C0.129223 1.41407 0 1.72297 0 2.08603C0 2.44908 0.126146 2.7586 0.381515 3.0109L7.06419 9.70403C7.33063 9.95571 7.64323 10.0855 7.99952 10.0855C8.36257 10.0855 8.67209 9.9594 8.92377 9.70403Z"
-                        })
-                    }),
-                    "Try it out"
-                ]
-            })
-        ]
-    });
-};
-var $6724506e656710f6$export$2e2bcd8739ae039 = $6724506e656710f6$var$OperationSummary;
-
-
-
-
-const $103b83f479373ff7$var$ExecuteButton = (props)=>{
-    const { specSelectors: specSelectors, specActions: specActions, oas3Selectors: oas3Selectors, oas3Actions: oas3Actions, operation: operation, path: path, method: method, onExecute: onExecute, disabled: disabled, className: className = '' } = props;
-    const pathMethod = [
-        path,
-        method
-    ];
-    const handleValidateParameters = ()=>{
-        specActions.validateParams(pathMethod);
-        return specSelectors.validateBeforeExecute(pathMethod);
-    };
-    const handleValidateRequestBody = ()=>{
-        const validationErrors = {
-            missingBodyValue: false,
-            missingRequiredKeys: []
-        };
-        oas3Actions.clearRequestBodyValidateError({
-            path: path,
-            method: method
-        });
-        const oas3RequiredRequestBodyContentType = specSelectors.getOAS3RequiredRequestBodyContentType(pathMethod);
-        const oas3RequestBodyValue = oas3Selectors.requestBodyValue(path, method);
-        const oas3ValidateBeforeExecuteSuccess = oas3Selectors.validateBeforeExecute(path, method);
-        const oas3RequestContentType = oas3Selectors.requestContentType(path, method);
-        if (!oas3ValidateBeforeExecuteSuccess) {
-            validationErrors.missingBodyValue = true;
-            oas3Actions.setRequestBodyValidateError({
-                path: path,
-                method: method,
-                validationErrors: validationErrors
-            });
-            return false;
-        }
-        if (!oas3RequiredRequestBodyContentType) return true;
-        const missingRequiredKeys = oas3Selectors.validateShallowRequired({
-            oas3RequiredRequestBodyContentType: oas3RequiredRequestBodyContentType,
-            oas3RequestContentType: oas3RequestContentType,
-            oas3RequestBodyValue: oas3RequestBodyValue
-        });
-        if (!missingRequiredKeys || missingRequiredKeys.length < 1) return true;
-        missingRequiredKeys.forEach((key)=>validationErrors.missingRequiredKeys.push(key));
-        oas3Actions.setRequestBodyValidateError({
-            path: path,
-            method: method,
-            validationErrors: validationErrors
-        });
-        return false;
-    };
-    const handleClick = ()=>{
-        const paramsResult = handleValidateParameters();
-        const requestBodyResult = handleValidateRequestBody();
-        const isPass = paramsResult && requestBodyResult;
-        if (isPass) {
-            onExecute?.();
-            specActions.execute({
-                operation: operation,
-                path: path,
-                method: method
-            });
-        } else {
-            specActions.clearValidateParams(pathMethod);
-            setTimeout(()=>{
-                specActions.validateParams(pathMethod);
-            }, 40);
-        }
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-        type: "button",
-        className: className.trim() || 'btn execute opblock-control__btn',
-        onClick: handleClick,
-        disabled: disabled,
-        children: "Execute"
-    });
-};
-var $103b83f479373ff7$export$2e2bcd8739ae039 = $103b83f479373ff7$var$ExecuteButton;
-
-
-
-
-const $cebc70517f6ef693$var$ClearButton = (props)=>{
-    const { specActions: specActions, path: path, method: method, className: className = '' } = props;
-    const handleClick = ()=>{
-        specActions.clearResponse(path, method);
-        specActions.clearRequest(path, method);
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-        type: "button",
-        className: className.trim() || 'btn btn-clear opblock-control__btn',
-        onClick: handleClick,
-        children: "Clear"
-    });
-};
-var $cebc70517f6ef693$export$2e2bcd8739ae039 = $cebc70517f6ef693$var$ClearButton;
-
-
-
-
-
-const $decc8bd0f6e8880f$var$Models = ({ specSelectors: specSelectors, getComponent: getComponent, layoutSelectors: layoutSelectors, layoutActions: layoutActions, specActions: specActions, getConfigs: getConfigs })=>{
-    const getSchemaBasePath = (0, $hgUW1$useCallback)(()=>{
-        const isOAS3 = specSelectors.isOAS3();
-        return isOAS3 ? [
-            'components',
-            'schemas'
-        ] : [
-            'definitions'
-        ];
-    }, [
-        specSelectors
-    ]);
-    const getCollapsedContent = (0, $hgUW1$useCallback)((_name)=>' ', []);
-    const handleToggle = (0, $hgUW1$useCallback)((name, isExpanded)=>{
-        const specPathBase = getSchemaBasePath();
-        layoutActions.show([
-            ...specPathBase,
-            name
-        ], isExpanded);
-        if (isExpanded) specActions.requestResolvedSubtree([
-            ...specPathBase,
-            name
-        ]);
-    }, [
-        getSchemaBasePath,
-        layoutActions,
-        specActions
-    ]);
-    const onLoadModels = (0, $hgUW1$useCallback)((ref)=>{
-        if (ref) layoutActions.readyToScroll(getSchemaBasePath(), ref);
-    }, [
-        getSchemaBasePath,
-        layoutActions
-    ]);
-    const onLoadModel = (0, $hgUW1$useCallback)((ref)=>{
-        if (ref) {
-            const name = ref.getAttribute('data-name');
-            if (name) layoutActions.readyToScroll([
-                ...getSchemaBasePath(),
-                name
-            ], ref);
-        }
-    }, [
-        getSchemaBasePath,
-        layoutActions
-    ]);
-    const definitions = specSelectors.definitions();
-    const { docExpansion: docExpansion, defaultModelsExpandDepth: defaultModelsExpandDepth = 0 } = getConfigs();
-    if (!definitions.size || defaultModelsExpandDepth < 0) return null;
-    const specPathBase = getSchemaBasePath();
-    const showModels = layoutSelectors.isShown(specPathBase, defaultModelsExpandDepth > 0 && docExpansion !== 'none');
-    const isOAS3 = specSelectors.isOAS3();
-    const ModelWrapper = getComponent('ModelWrapper');
-    const Collapse = getComponent('Collapse');
-    const ModelCollapse = getComponent('ModelCollapse');
-    const JumpToPath = getComponent('JumpToPath');
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
-        className: "ApiDocsModels",
-        ref: onLoadModels,
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                    children: isOAS3 ? 'Schemas' : 'Models'
-                })
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)(Collapse, {
-                isOpened: showModels,
-                children: definitions.entrySeq().map(([name])=>{
-                    const fullPath = [
-                        ...specPathBase,
-                        name
-                    ];
-                    const specPath = (0, $hgUW1$List)(fullPath);
-                    const schemaValue = specSelectors.specResolvedSubtree(fullPath);
-                    const rawSchemaValue = specSelectors.specJson().getIn(fullPath);
-                    const schema = (0, $hgUW1$Map).isMap(schemaValue) ? schemaValue : (0, $hgUW1$Map)();
-                    const rawSchema = (0, $hgUW1$Map).isMap(rawSchemaValue) ? rawSchemaValue : (0, $hgUW1$Map)();
-                    const displayName = String(schema.get('title') ?? rawSchema.get('title') ?? name);
-                    const isShown = layoutSelectors.isShown(fullPath, false);
-                    if (isShown && schema.size === 0 && rawSchema.size > 0) specActions.requestResolvedSubtree(fullPath);
-                    const content = /*#__PURE__*/ (0, $hgUW1$jsx)(ModelWrapper, {
-                        name: name,
-                        expandDepth: defaultModelsExpandDepth,
-                        schema: schema || (0, $hgUW1$Map)(),
-                        displayName: displayName,
-                        fullPath: fullPath,
-                        specPath: specPath,
-                        getComponent: getComponent,
-                        specSelectors: specSelectors,
-                        getConfigs: getConfigs,
-                        layoutSelectors: layoutSelectors,
-                        layoutActions: layoutActions,
-                        includeReadOnly: true,
-                        includeWriteOnly: true
-                    });
-                    const title = /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "model-box",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "model model-title",
-                            children: displayName
-                        })
-                    });
-                    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        id: `model-${name}`,
-                        className: "model-container",
-                        "data-name": name,
-                        ref: onLoadModel,
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: "models-jump-to-path",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)(JumpToPath, {
-                                    specPath: specPath
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)(ModelCollapse, {
-                                classes: "model-box",
-                                collapsedContent: getCollapsedContent(name),
-                                onToggle: handleToggle,
-                                title: title,
-                                displayName: displayName,
-                                modelName: name,
-                                specPath: specPath,
-                                layoutSelectors: layoutSelectors,
-                                layoutActions: layoutActions,
-                                hideSelfOnExpand: true,
-                                expanded: defaultModelsExpandDepth > 0 && isShown,
-                                children: content
-                            })
-                        ]
-                    }, `models-section-${name}`);
-                }).toArray()
-            })
-        ]
-    });
-};
-var $decc8bd0f6e8880f$export$2e2bcd8739ae039 = $decc8bd0f6e8880f$var$Models;
-
-
-const $30bfb3d671300bcd$var$ApiDocsSwaggerUIPlugin = ({ docsURL: docsURL = '', showRowLimitNotice: showRowLimitNotice = false, isDatasetDocs: isDatasetDocs = false, buttonClassNames: buttonClassNames = {} })=>(system)=>{
-        return {
-            wrapComponents: {
-                App: (Original)=>(props)=>/*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            id: "api-docs-swagger-ui-plugin",
-                            className: "ds-l-container",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)(Original, {
-                                ...props
-                            })
-                        }),
-                parameters: (Original)=>(props)=>/*#__PURE__*/ (0, $hgUW1$jsx)(Original, {
-                            ...props,
-                            allowTryItOut: true,
-                            tryItOutEnabled: true
-                        }),
-                operation: (Original)=>(props)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $eb1276da361453f7$export$2e2bcd8739ae039), {
-                            ...props,
-                            Original: Original
-                        }),
-                execute: (Original)=>(props)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $103b83f479373ff7$export$2e2bcd8739ae039), {
-                            ...props,
-                            className: buttonClassNames.executeButton ?? 'ds-c-button ds-c-button--solid execute-button'
-                        }),
-                clear: (Original)=>(props)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $cebc70517f6ef693$export$2e2bcd8739ae039), {
-                            ...props,
-                            className: buttonClassNames.clearButton ?? 'ds-c-button ds-u-margin-left--2 clear-button'
-                        }),
-                VersionStamp: (Original, system)=>()=>{
-                        const version = system.specSelectors.version();
-                        return /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "version version-stamp version-stamp--span",
-                            children: version
-                        });
-                    }
-            },
-            components: {
-                info: (props)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $d42ff6af4a8dee64$export$2e2bcd8739ae039), {
-                        ...props,
-                        isDatasetDocs: isDatasetDocs,
-                        docsURL: docsURL,
-                        showRowLimitNotice: showRowLimitNotice,
-                        buttonClassNames: buttonClassNames
-                    }),
-                OperationTag: (props)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $c9215d4ba59490d9$export$2e2bcd8739ae039), {
-                        ...props
-                    }),
-                OperationSummary: (props)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $6724506e656710f6$export$2e2bcd8739ae039), {
-                        ...props,
-                        tryItOutButtonClassNames: buttonClassNames.tryItOutButton ?? '',
-                        copyToClipboardButtonClassNames: buttonClassNames.copyToClipboardButton ?? ''
-                    }),
-                Models: (props)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $decc8bd0f6e8880f$export$2e2bcd8739ae039), {
-                        ...props
-                    }),
-                OperationSummaryMethod: ()=>null,
-                TryItOutButton: ()=>null
-            }
-        };
-    };
-var $30bfb3d671300bcd$export$2e2bcd8739ae039 = $30bfb3d671300bcd$var$ApiDocsSwaggerUIPlugin;
-
-
-
-
-const $2276c8c929d6a6d3$var$ApiDocumentation = ({ endpoint: endpoint, docsURL: docsURL, showRowLimitNotice: showRowLimitNotice, swaggerButtonClassNames: swaggerButtonClassNames = {} })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
-            url: endpoint,
-            plugins: [
-                (0, $5b656f0283afa250$export$2e2bcd8739ae039),
-                (0, $ffd9c403a1c2fc39$export$2e2bcd8739ae039),
-                (0, $30bfb3d671300bcd$export$2e2bcd8739ae039)({
-                    docsURL: docsURL,
-                    showRowLimitNotice: showRowLimitNotice,
-                    isDatasetDocs: true,
-                    buttonClassNames: swaggerButtonClassNames
-                })
-            ]
-        })
-    });
-};
-var $2276c8c929d6a6d3$export$2e2bcd8739ae039 = $2276c8c929d6a6d3$var$ApiDocumentation;
-
-
-
-
-
-
-
-
-
 const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className = 'data-table-results' })=>{
     const numTotalRows = totalRows;
     if (numTotalRows === 0) return /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
@@ -3062,428 +2446,420 @@ var $2ed0091f7e32d1e6$export$2e2bcd8739ae039 = $2ed0091f7e32d1e6$var$DataTablePa
 
 
 
-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'
-                }
-            ],
-            label: "Display density:",
-            labelClassName: "ds-u-margin-top--0",
-            name: "datatable_display_density",
-            onChange: (e)=>setTablePadding(e.target.value),
-            defaultValue: tablePadding
-        })
-    });
-};
-$1e012d1e3b534af0$var$DataTableDensity.propTypes = {
-    setTablePadding: (0, $hgUW1$proptypes).func.isRequired
-};
-var $1e012d1e3b534af0$export$2e2bcd8739ae039 = $1e012d1e3b534af0$var$DataTableDensity;
-
-
-
 
 
 
-const $7848c69a021266f7$var$DataTableRowChanger = ({ limit: limit, rowOptions: rowOptions = [
-    10,
-    25,
-    50,
-    100
-], setLimit: setLimit })=>{
-    const rowOptionsFormatted = rowOptions.map((row)=>({
-            label: row.toString(),
-            value: row.toString()
-        }));
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "ds-u-display--flex",
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-            options: rowOptionsFormatted,
-            label: "Rows per page:",
-            labelClassName: "ds-u-margin-top--0",
-            name: "datatable_rows_per_page",
-            onChange: (e)=>setLimit(e.target.value),
-            defaultValue: limit.toString()
-        })
-    });
-};
-$7848c69a021266f7$var$DataTableRowChanger.propTypes = {
-    rowOptions: (0, $hgUW1$proptypes).arrayOf((0, $hgUW1$proptypes).number),
-    setLimit: (0, $hgUW1$proptypes).func.isRequired,
-    limit: (0, $hgUW1$proptypes).number
-};
-var $7848c69a021266f7$export$2e2bcd8739ae039 = $7848c69a021266f7$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",
+const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility: updateVisibility })=>{
+    const { attributes: attributes, listeners: listeners, setNodeRef: setNodeRef, transform: transform, transition: transition, isDragging: isDragging } = (0, $hgUW1$useSortable)({
+        id: id
+    });
+    const style = {
+        transform: (0, $hgUW1$CSS).Transform.toString(transform),
+        transition: transition,
+        opacity: isDragging ? 0.7 : 1,
+        zIndex: isDragging ? 1 : 0,
+        position: 'relative',
+        background: 'white',
+        touchAction: 'none'
+    };
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
+        className: "ds-u-display--flex ds-u-justify-content--between ds-u-border-bottom--1",
+        ref: setNodeRef,
+        style: style,
+        ...listeners,
+        ...attributes,
+        tabIndex: -1,
+        onPointerUp: (e)=>{
+            // Small hack to get around a chrome / webkit rendering bug = force chrome to repaint the checkbox
+            // For whatever reason the way dnd-kit handles events doesn't work well with chrome
+            // Without this code checkboxes can end up visually out of sync with app state until a repaint is forced
+            // this code forces the repaint without user interaction
+            const target = e.target;
+            if (isDragging && target.tagName.toLowerCase() === "label") setTimeout(()=>{
+                target.parentNode.querySelector('input').checked = visible;
+            }, 1);
+        },
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
-                children: "Download Icon"
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
+                type: "checkbox",
+                label: id,
+                name: id + "_visibility",
+                checked: visible,
+                className: "ds-l-col--10 ds-u-margin-top--0 ds-u-margin-y--1 ds-u-padding-x--3",
+                labelClassName: "dc-truncate",
+                value: "",
+                onChange: ()=>{
+                    updateVisibility(id, !visible);
+                }
             }),
-            /*#__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"
+            /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
+                className: `ds-l-col--2 dkan-manage-columns-reorder-button ${isDragging && 'grabbed'}`,
+                "aria-label": `Reorder ${id} column`,
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                    className: "fa fa-sort"
                 })
             })
         ]
     });
-var $e973bc477cdc2dc7$export$2e2bcd8739ae039 = $e973bc477cdc2dc7$var$DownloadIcon;
-
+};
+var $5fe94aeb50e0798b$export$2e2bcd8739ae039 = $5fe94aeb50e0798b$var$Card;
 
 
 
-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 $43a30d745a7bbc86$var$DataTableContext = /*#__PURE__*/ (0, $hgUW1$createContext)({
+    id: null
+});
+var $43a30d745a7bbc86$export$2e2bcd8739ae039 = $43a30d745a7bbc86$var$DataTableContext;
 
 
-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"
-                })
-            })
-        ]
+// Create a defaults object for reusability
+const $ee0d4d4f34048447$var$DataTableActionsContextDefaults = {
+    columnOrder: [],
+    setColumnOrder: ()=>{},
+    columnVisibility: {},
+    setColumnVisibility: ()=>{},
+    page: 1,
+    setPage: ()=>{},
+    tableDensity: 'normal',
+    setTableDensity: ()=>{}
+};
+const $ee0d4d4f34048447$export$f814ea079e65d8fe = /*#__PURE__*/ (0, $hgUW1$createContext)($ee0d4d4f34048447$var$DataTableActionsContextDefaults);
+// Define our reusable provider component
+const $ee0d4d4f34048447$var$DataTableActionsProvider = ({ children: children })=>{
+    // Set up all of the state
+    const { id: id, datasetTableControls: datasetTableControls } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
+    // a wrapper component to keep column state synced between full screen and regular modes
+    const localStorageData = id ? JSON.parse(localStorage.getItem(id)) : null;
+    const [page, setPage] = (0, $hgUW1$useState)(1);
+    const [columnOrder, setColumnOrder] = (0, $hgUW1$useState)(()=>{
+        if (datasetTableControls && localStorageData) return localStorageData.tableColumnOrder;
+        else return [];
     });
-var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIcon;
+    const [columnVisibility, setColumnVisibility] = (0, $hgUW1$useState)(()=>{
+        if (datasetTableControls && localStorageData) return localStorageData.tableColumnVisibility;
+        else return {};
+    });
+    const [tableDensity, setTableDensity] = (0, $hgUW1$useState)('normal');
+    const providerValue = {
+        columnOrder: columnOrder,
+        setColumnOrder: setColumnOrder,
+        columnVisibility: columnVisibility,
+        setColumnVisibility: setColumnVisibility,
+        page: page,
+        setPage: setPage,
+        tableDensity: tableDensity,
+        setTableDensity: setTableDensity
+    };
+    return /*#__PURE__*/ (0, $hgUW1$jsx)($ee0d4d4f34048447$export$f814ea079e65d8fe.Provider, {
+        value: providerValue,
+        children: children
+    });
+};
+const $ee0d4d4f34048447$export$67f91330d613e8f4 = ({ children: children, value: value = $ee0d4d4f34048447$var$DataTableActionsContextDefaults })=>/*#__PURE__*/ (0, $hgUW1$jsx)($ee0d4d4f34048447$export$f814ea079e65d8fe.Provider, {
+        value: value,
+        children: children
+    });
+var $ee0d4d4f34048447$export$2e2bcd8739ae039 = $ee0d4d4f34048447$var$DataTableActionsProvider;
 
 
 
-const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding, 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;
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "dc-c-resource-header",
-        children: /*#__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 ds-u-margin-bottom--2",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-u-font-weight--bold",
-                        children: !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2ed0091f7e32d1e6$export$2e2bcd8739ae039), {
-                            totalRows: parseInt(intCount),
-                            limit: parseInt(limit),
-                            offset: parseInt(offset)
-                        })
-                    }),
-                    /*#__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,
-                                        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 display-settings-font",
-                                        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 display-settings-font",
-                                placement: "bottom",
-                                dialog: true,
-                                ariaLabel: "Display settings",
-                                title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                    className: "dc-c-display-settings",
-                                    children: [
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $7848c69a021266f7$export$2e2bcd8739ae039), {
-                                            limit: Number(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;
-
-
-
-
-
-function $aa4450dcbeef3ac0$export$385a5aba38cc3325(sortArray) {
-    let newQuery = [];
-    sortArray.forEach((s)=>{
-        return newQuery.push({
-            property: s.id,
-            order: s.desc ? 'desc' : 'asc'
-        });
-    });
-    return newQuery;
+/**
+ * Workaround for CMS Design System nested dialog issue.
+ * When a nested dialog closes, the design system removes scroll lock
+ * even if a parent dialog is still open. This restores it.
+ */ function $15650910340b2c71$export$73fce4ded5ef1c2() {
+    setTimeout(()=>{
+        if (document.querySelector('.dkan-fullscreen-data-table-wrapper .ds-c-dialog-wrap.open')) {
+            document.body.classList.add('ds--dialog-open');
+            document.body.style.setProperty('--body_top--dialog-open', '-0px');
+        }
+    }, 0);
 }
 
 
-// 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;
+class $5d9e2ce238d53d29$var$ExcludeCheckboxKeyboardSensor extends (0, $hgUW1$KeyboardSensor) {
+    // Custom function to exclude checkbox from keyboard dragging
+    static activators = [
+        {
+            eventName: 'onKeyDown',
+            handler: ({ nativeEvent: event })=>{
+                // prevent scrolling the list
+                const isCheckbox = [
+                    "input",
+                    "checkbox"
+                ].indexOf(event.target.tagName.toLowerCase()) !== -1;
+                if (event.key === " " && !isCheckbox) event.preventDefault();
+                // only activate on a space or return press
+                if ([
+                    " ",
+                    "Enter"
+                ].indexOf(event.key) === -1) return false;
+                if (!isCheckbox) return true;
+                return false;
+            }
         }
-        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: '<'
-    },
-    {
-        label: 'Is Empty',
-        value: 'is_empty'
-    },
-    {
-        label: 'Not Empty',
-        value: 'not_empty'
-    }
-];
-function $7264a673914aa746$export$d243819c3ad678fb(operatorValue) {
-    const operator = $7264a673914aa746$export$5f89a5ae87bc48e1.find((op)=>op.value === operatorValue);
-    return operator ? operator.label : operatorValue; // Return original value if not found
+    ];
 }
-function $7264a673914aa746$export$2b9377795161999(type, enableEmptyFilters = false) {
-    const emptyOptions = enableEmptyFilters ? [
-        {
-            label: 'Is Empty',
-            value: 'is_empty'
-        },
+class $5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor extends (0, $hgUW1$PointerSensor) {
+    // Custom function to stop accidental checkbox clicks on pointer activation
+    static activators = [
         {
-            label: 'Not Empty',
-            value: 'not_empty'
+            eventName: 'onPointerDown',
+            handler: ({ nativeEvent: event })=>{
+                if (event.target.tagName.toLowerCase() === "input") return false;
+                if (event.target.tagName.toLowerCase() === "label") event.target.blur();
+                return true;
+            }
         }
-    ] : [];
-    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'
-                },
-                ...emptyOptions
-            ];
-        case 'date':
-            return [
-                {
-                    label: 'Is',
-                    value: '='
-                },
-                {
-                    label: 'Is Not',
-                    value: '<>'
-                },
-                {
-                    label: 'Greater Than',
-                    value: '>'
-                },
-                {
-                    label: 'Less Than',
-                    value: '<'
-                },
-                ...emptyOptions
-            ];
-        default:
-            // These 2 should be safe for all data types
-            return [
-                {
-                    label: 'Is',
-                    value: '='
-                },
-                {
-                    label: 'Is Not',
-                    value: '<>'
-                },
-                ...emptyOptions
-            ];
-    }
+    ];
 }
+const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, defaultColumnOrder: defaultColumnOrder })=>{
+    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility, columnVisibility: contextColumnVisibility } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
+    const columnVisibility = contextColumnVisibility || {};
+    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
+    // maintain card state separately from table state - only sync states when the Save button is pressed
+    const [cards, setCards] = (0, $hgUW1$useState)(columns.map((c)=>{
+        return {
+            id: c.id,
+            visible: c.getIsVisible()
+        };
+    }));
+    const cardOrder = (0, $hgUW1$useMemo)(()=>cards.map(({ id: id })=>id), [
+        cards
+    ]);
+    // keep state in sync
+    (0, $hgUW1$useEffect)(()=>{
+        if (columnOrder.length) setCards(columnOrder.map((c)=>{
+            const column = columns.filter((col)=>col.id === c)[0];
+            return {
+                id: column.id,
+                visible: column.getIsVisible()
+            };
+        }));
+    }, [
+        columnOrder
+    ]);
+    // Update cards state when columnVisibility changes
+    (0, $hgUW1$useEffect)(()=>{
+        setCards((prevCards)=>prevCards.map((card)=>({
+                    ...card,
+                    visible: columnVisibility[card.id] !== false
+                })));
+    }, [
+        columnVisibility
+    ]);
+    const sensors = (0, $hgUW1$useSensors)((0, $hgUW1$useSensor)($5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor, {
+        activationConstraint: {
+            distance: 5
+        }
+    }), (0, $hgUW1$useSensor)($5d9e2ce238d53d29$var$ExcludeCheckboxKeyboardSensor, {
+        coordinateGetter: (0, $hgUW1$sortableKeyboardCoordinates)
+    }));
+    const cardHiddenColumns = cards.filter((c)=>c.visible === false).length;
+    const updateVisibility = (0, $hgUW1$useCallback)((id, newVisibility)=>{
+        setCards(cards.map((card)=>{
+            if (card.id === id) return {
+                ...card,
+                visible: newVisibility
+            };
+            return card;
+        }));
+    });
+    function handleDragEnd(e) {
+        const { active: active, over: over } = e;
+        if (active.id !== over.id) {
+            const oldIndex = cardOrder.indexOf(active.id);
+            const newIndex = cardOrder.indexOf(over.id);
+            let newCards = (0, $hgUW1$arrayMove)(cards, oldIndex, newIndex);
+            setCards(newCards);
+        }
+    }
+    const resetCards = ()=>{
+        setCards(columns.map((c)=>{
+            return {
+                id: c.id,
+                visible: c.getIsVisible()
+            };
+        }));
+    };
+    const hiddenColumns = Object.keys(columnVisibility).filter((key)=>columnVisibility[key] === false).length;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "dkan-manage-columns-wrapper",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
+                "aria-haspopup": "dialog",
+                className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
+                onClick: ()=>{
+                    setModalOpen(true);
+                },
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                        className: "fa fa-columns ds-u-margin-right--1"
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                className: "dkan-dataset-toolbar-button-label",
+                                children: "Manage Columns"
+                            }),
+                            hiddenColumns ? ` (${hiddenColumns})` : ''
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: `ds-c-dialog-wrap${modalOpen ? ' open' : ''}`,
+                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
+                    heading: "Manage columns",
+                    isOpen: modalOpen,
+                    ariaCloseLabel: "Close dialog",
+                    onExit: ()=>{
+                        setModalOpen(false);
+                        resetCards();
+                        (0, $15650910340b2c71$export$73fce4ded5ef1c2)();
+                    },
+                    className: "dkan-manage-columns-dialog",
+                    actions: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-flex-wrap--wrap ds-u-padding-x--3 ds-u-padding-bottom--1 ds-u-sm-padding-bottom--3",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                        variation: "solid",
+                                        className: "ds-l-col--6 ds-l-sm-col--auto",
+                                        onClick: ()=>{
+                                            setModalOpen(false);
+                                            // update table state
+                                            // Visibility
+                                            // This code is building a new columnVisibility state object from the card state and doing a single setState on the table
+                                            // vs doing a setState on every changed column individually
+                                            const newColumnVisibility = Object.fromEntries(cards.map((c)=>Object.values(c)));
+                                            setColumnVisibility(newColumnVisibility);
+                                            // Card order
+                                            const newCardOrder = cards.map((c)=>{
+                                                return c.id;
+                                            });
+                                            setColumnOrder(newCardOrder);
+                                            // save to localStorage
+                                            const localStorageData = {
+                                                tableColumnOrder: newCardOrder,
+                                                tableColumnVisibility: newColumnVisibility
+                                            };
+                                            localStorage.setItem(id, JSON.stringify(localStorageData));
+                                            (0, $15650910340b2c71$export$73fce4ded5ef1c2)();
+                                        },
+                                        children: "Save"
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                        variation: "ghost",
+                                        className: "ds-l-col--6 ds-l-sm-col--auto",
+                                        onClick: ()=>{
+                                            setModalOpen(false);
+                                            resetCards();
+                                            (0, $15650910340b2c71$export$73fce4ded5ef1c2)();
+                                        },
+                                        children: "Cancel"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-padding-top--1 ds-u-sm-padding-y--0",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                    variation: "ghost",
+                                    className: "ds-l-col--6 ds-l-sm-col--auto",
+                                    onClick: ()=>{
+                                        // reset to default column order and set all cards to visible
+                                        // do not save this to the table state until the "Save" button is clicked
+                                        setCards(defaultColumnOrder.map((column)=>{
+                                            const card = cards.filter((c)=>c.id === column)[0];
+                                            return {
+                                                ...card,
+                                                visible: true
+                                            };
+                                        }));
+                                    },
+                                    children: "Reset Columns"
+                                })
+                            })
+                        ]
+                    }),
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                            id: "reorder-help",
+                            className: "ds-u-padding-x--3",
+                            children: "Activate the reorder button and use the arrow keys to reorder the list or use your mouse to drag/reorder. Press escape to cancel the reordering."
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
+                            checked: cardHiddenColumns === 0,
+                            type: "checkbox",
+                            onChange: ()=>{
+                                setCards(cards.map((c)=>{
+                                    return {
+                                        ...c,
+                                        visible: cardHiddenColumns !== 0
+                                    };
+                                }));
+                            },
+                            className: "ds-u-padding-x--3",
+                            name: "",
+                            value: "",
+                            label: "Select all",
+                            hint: cardHiddenColumns && cardHiddenColumns + " columns hidden"
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            className: "ds-u-display--flex ds-u-justify-content--between ds-u-font-weight--bold ds-u-padding-y--2 ds-u-padding-x--3 ds-u-border-y--1 ds-u-margin-top--2",
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    children: "Display column"
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    children: "Reorder"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$DndContext), {
+                            collisionDetection: (0, $hgUW1$closestCenter),
+                            modifiers: [
+                                (0, $hgUW1$restrictToVerticalAxis)
+                            ],
+                            sensors: sensors,
+                            onDragEnd: handleDragEnd,
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$SortableContext), {
+                                items: cardOrder,
+                                strategy: (0, $hgUW1$verticalListSortingStrategy),
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                                    className: "dkan-manage-columns-list",
+                                    children: cards.map((card)=>{
+                                        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5fe94aeb50e0798b$export$2e2bcd8739ae039), {
+                                            id: card.id,
+                                            visible: card.visible,
+                                            updateVisibility: updateVisibility
+                                        }, card.id);
+                                    })
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+var $5d9e2ce238d53d29$export$2e2bcd8739ae039 = $5d9e2ce238d53d29$var$ManageColumns;
+
+
+
+
+
+
+
 
 
 
@@ -3599,459 +2975,470 @@ const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table, sortElement: sortE
                     return /*#__PURE__*/ (0, $hgUW1$jsx)("th", {
                         key: header.id,
                         style: {
-                            width: header.getSize()
-                        },
-                        title: header.column.columnDef.header,
-                        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold",
-                        "aria-sort": header.column.getIsSorted() === 'asc' ? 'ascending' : header.column.getIsSorted() === 'desc' ? 'descending' : 'none',
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            onClick: header.column.getToggleSortingHandler(),
-                            className: "ds-u-display--flex",
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    className: header.column.getCanSort() ? `cursor-pointer select-none ${sortElement(header.column.getIsSorted())}` : ''
-                                })
-                            ]
-                        })
-                    });
-                })
-            }, headerGroup.id))
-    });
-};
-var $23763e27eda0e8d7$export$2e2bcd8739ae039 = $23763e27eda0e8d7$var$FixedSizeTHead;
-
-
-
-
-const $43a30d745a7bbc86$var$DataTableContext = /*#__PURE__*/ (0, $hgUW1$createContext)({
-    id: null
-});
-var $43a30d745a7bbc86$export$2e2bcd8739ae039 = $43a30d745a7bbc86$var$DataTableContext;
-
-
-
-
-
-// Create a defaults object for reusability
-const $ee0d4d4f34048447$var$DataTableActionsContextDefaults = {
-    columnOrder: [],
-    setColumnOrder: ()=>{},
-    columnVisibility: {},
-    setColumnVisibility: ()=>{},
-    page: 1,
-    setPage: ()=>{},
-    tableDensity: 'normal',
-    setTableDensity: ()=>{}
-};
-const $ee0d4d4f34048447$export$f814ea079e65d8fe = /*#__PURE__*/ (0, $hgUW1$createContext)($ee0d4d4f34048447$var$DataTableActionsContextDefaults);
-// Define our reusable provider component
-const $ee0d4d4f34048447$var$DataTableActionsProvider = ({ children: children })=>{
-    // Set up all of the state
-    const { id: id, datasetTableControls: datasetTableControls } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
-    // a wrapper component to keep column state synced between full screen and regular modes
-    const localStorageData = id ? JSON.parse(localStorage.getItem(id)) : null;
-    const [page, setPage] = (0, $hgUW1$useState)(1);
-    const [columnOrder, setColumnOrder] = (0, $hgUW1$useState)(()=>{
-        if (datasetTableControls && localStorageData) return localStorageData.tableColumnOrder;
-        else return [];
-    });
-    const [columnVisibility, setColumnVisibility] = (0, $hgUW1$useState)(()=>{
-        if (datasetTableControls && localStorageData) return localStorageData.tableColumnVisibility;
-        else return {};
-    });
-    const [tableDensity, setTableDensity] = (0, $hgUW1$useState)('normal');
-    const providerValue = {
-        columnOrder: columnOrder,
-        setColumnOrder: setColumnOrder,
-        columnVisibility: columnVisibility,
-        setColumnVisibility: setColumnVisibility,
-        page: page,
-        setPage: setPage,
-        tableDensity: tableDensity,
-        setTableDensity: setTableDensity
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsx)($ee0d4d4f34048447$export$f814ea079e65d8fe.Provider, {
-        value: providerValue,
-        children: children
-    });
-};
-const $ee0d4d4f34048447$export$67f91330d613e8f4 = ({ children: children, value: value = $ee0d4d4f34048447$var$DataTableActionsContextDefaults })=>/*#__PURE__*/ (0, $hgUW1$jsx)($ee0d4d4f34048447$export$f814ea079e65d8fe.Provider, {
-        value: value,
-        children: children
-    });
-var $ee0d4d4f34048447$export$2e2bcd8739ae039 = $ee0d4d4f34048447$var$DataTableActionsProvider;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility: updateVisibility })=>{
-    const { attributes: attributes, listeners: listeners, setNodeRef: setNodeRef, transform: transform, transition: transition, isDragging: isDragging } = (0, $hgUW1$useSortable)({
-        id: id
-    });
-    const style = {
-        transform: (0, $hgUW1$CSS).Transform.toString(transform),
-        transition: transition,
-        opacity: isDragging ? 0.7 : 1,
-        zIndex: isDragging ? 1 : 0,
-        position: 'relative',
-        background: 'white',
-        touchAction: 'none'
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
-        className: "ds-u-display--flex ds-u-justify-content--between ds-u-border-bottom--1",
-        ref: setNodeRef,
-        style: style,
-        ...listeners,
-        ...attributes,
-        tabIndex: -1,
-        onPointerUp: (e)=>{
-            // Small hack to get around a chrome / webkit rendering bug = force chrome to repaint the checkbox
-            // For whatever reason the way dnd-kit handles events doesn't work well with chrome
-            // Without this code checkboxes can end up visually out of sync with app state until a repaint is forced
-            // this code forces the repaint without user interaction
-            const target = e.target;
-            if (isDragging && target.tagName.toLowerCase() === "label") setTimeout(()=>{
-                target.parentNode.querySelector('input').checked = visible;
-            }, 1);
-        },
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
-                type: "checkbox",
-                label: id,
-                name: id + "_visibility",
-                checked: visible,
-                className: "ds-l-col--10 ds-u-margin-top--0 ds-u-margin-y--1 ds-u-padding-x--3",
-                labelClassName: "dc-truncate",
-                value: "",
-                onChange: ()=>{
-                    updateVisibility(id, !visible);
-                }
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                className: `ds-l-col--2 dkan-manage-columns-reorder-button ${isDragging && 'grabbed'}`,
-                "aria-label": `Reorder ${id} column`,
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                    className: "fa fa-sort"
-                })
-            })
-        ]
-    });
-};
-var $5fe94aeb50e0798b$export$2e2bcd8739ae039 = $5fe94aeb50e0798b$var$Card;
-
-
-
-
-/**
- * Workaround for CMS Design System nested dialog issue.
- * When a nested dialog closes, the design system removes scroll lock
- * even if a parent dialog is still open. This restores it.
- */ function $15650910340b2c71$export$73fce4ded5ef1c2() {
-    setTimeout(()=>{
-        if (document.querySelector('.dkan-fullscreen-data-table-wrapper .ds-c-dialog-wrap.open')) {
-            document.body.classList.add('ds--dialog-open');
-            document.body.style.setProperty('--body_top--dialog-open', '-0px');
-        }
-    }, 0);
-}
-
-
-class $5d9e2ce238d53d29$var$ExcludeCheckboxKeyboardSensor extends (0, $hgUW1$KeyboardSensor) {
-    // Custom function to exclude checkbox from keyboard dragging
-    static activators = [
-        {
-            eventName: 'onKeyDown',
-            handler: ({ nativeEvent: event })=>{
-                // prevent scrolling the list
-                const isCheckbox = [
-                    "input",
-                    "checkbox"
-                ].indexOf(event.target.tagName.toLowerCase()) !== -1;
-                if (event.key === " " && !isCheckbox) event.preventDefault();
-                // only activate on a space or return press
-                if ([
-                    " ",
-                    "Enter"
-                ].indexOf(event.key) === -1) return false;
-                if (!isCheckbox) return true;
-                return false;
-            }
-        }
-    ];
-}
-class $5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor extends (0, $hgUW1$PointerSensor) {
-    // Custom function to stop accidental checkbox clicks on pointer activation
-    static activators = [
-        {
-            eventName: 'onPointerDown',
-            handler: ({ nativeEvent: event })=>{
-                if (event.target.tagName.toLowerCase() === "input") return false;
-                if (event.target.tagName.toLowerCase() === "label") event.target.blur();
-                return true;
-            }
-        }
-    ];
-}
-const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, defaultColumnOrder: defaultColumnOrder })=>{
-    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility, columnVisibility: contextColumnVisibility } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
-    const columnVisibility = contextColumnVisibility || {};
-    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
-    // maintain card state separately from table state - only sync states when the Save button is pressed
-    const [cards, setCards] = (0, $hgUW1$useState)(columns.map((c)=>{
-        return {
-            id: c.id,
-            visible: c.getIsVisible()
-        };
-    }));
-    const cardOrder = (0, $hgUW1$useMemo)(()=>cards.map(({ id: id })=>id), [
-        cards
-    ]);
-    // keep state in sync
+                            width: header.getSize()
+                        },
+                        title: header.column.columnDef.header,
+                        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold",
+                        "aria-sort": header.column.getIsSorted() === 'asc' ? 'ascending' : header.column.getIsSorted() === 'desc' ? 'descending' : 'none',
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            onClick: header.column.getToggleSortingHandler(),
+                            className: "ds-u-display--flex",
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    className: header.column.getCanSort() ? `cursor-pointer select-none ${sortElement(header.column.getIsSorted())}` : ''
+                                })
+                            ]
+                        })
+                    });
+                })
+            }, headerGroup.id))
+    });
+};
+var $23763e27eda0e8d7$export$2e2bcd8739ae039 = $23763e27eda0e8d7$var$FixedSizeTHead;
+
+
+
+
+
+
+const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, isModal: isModal, downloadURL: downloadURL, unfilteredDownloadURL: unfilteredDownloadURL, setPage: setPage, showCopyLinkButton: showCopyLinkButton, showDataTableToolbar: showDataTableToolbar, showDownloadFilteredDataButton: showDownloadFilteredDataButton, showDownloadFullDataButton: showDownloadFullDataButton, showStoredQueryDownloadButton: showStoredQueryDownloadButton, showInfoShareContainer: showInfoShareContainer = true, showTableResults: showTableResults = true, showFilterDatasetButton: showFilterDatasetButton = true, showManageColumnsButton: showManageColumnsButton = true, showDisplaySettingsButton: showDisplaySettingsButton = true, showFullScreenButton: showFullScreenButton = true })=>{
+    const { id: id, resource: resource, datasetTableControls: datasetTableControls, dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
+    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
+    const { conditions: conditions } = resource;
+    const data = resource.values;
+    const [sorting, setSorting] = (0, $hgUW1$useState)([]);
+    const dataTableWrapperElement = (0, $hgUW1$useRef)(null);
+    const columnHelper = (0, $hgUW1$createColumnHelper)();
+    const table_columns = columns.map((col)=>{
+        if (col.cell) return columnHelper.accessor(col.accessor, {
+            header: col.header,
+            cell: col.cell
+        });
+        return columnHelper.accessor(col.accessor, {
+            header: col.header
+        });
+    });
+    const [highlightRow, setHighlightRow] = (0, $hgUW1$useState)(null);
     (0, $hgUW1$useEffect)(()=>{
-        if (columnOrder.length) setCards(columnOrder.map((c)=>{
-            const column = columns.filter((col)=>col.id === c)[0];
-            return {
-                id: column.id,
-                visible: column.getIsVisible()
-            };
-        }));
+        if (columnOrder && !columnOrder.length) setColumnOrder(table_columns.map((c)=>c.accessorKey));
     }, [
         columnOrder
     ]);
-    // Update cards state when columnVisibility changes
+    const sortElement = (isSorted, onClickFn)=>{
+        if (isSorted === 'asc') return 'dc-c-sort--asc';
+        if (isSorted === 'desc') return 'dc-c-sort--desc';
+        return 'dc-c-sort--default';
+    };
+    const filters = [];
+    const table = (0, $hgUW1$useReactTable)({
+        data: data,
+        columns: table_columns,
+        manualSorting: true,
+        state: {
+            columnOrder: columnOrder,
+            columnVisibility: columnVisibility,
+            sorting: sorting
+        },
+        columnResizeMode: 'onChange',
+        onSortingChange: setSorting,
+        onColumnOrderChange: setColumnOrder,
+        onColumnVisibilityChange: setColumnVisibility,
+        getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
+        getSortedRowModel: (0, $hgUW1$getSortedRowModel)(),
+        debugTable: false
+    });
     (0, $hgUW1$useEffect)(()=>{
-        setCards((prevCards)=>prevCards.map((card)=>({
-                    ...card,
-                    visible: columnVisibility[card.id] !== false
-                })));
+        const normalizedSort = sortTransform ? sortTransform(sorting) : filters;
+        resource.setSort(normalizedSort);
     }, [
-        columnVisibility
+        sorting
     ]);
-    const sensors = (0, $hgUW1$useSensors)((0, $hgUW1$useSensor)($5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor, {
-        activationConstraint: {
-            distance: 5
-        }
-    }), (0, $hgUW1$useSensor)($5d9e2ce238d53d29$var$ExcludeCheckboxKeyboardSensor, {
-        coordinateGetter: (0, $hgUW1$sortableKeyboardCoordinates)
-    }));
-    const cardHiddenColumns = cards.filter((c)=>c.visible === false).length;
-    const updateVisibility = (0, $hgUW1$useCallback)((id, newVisibility)=>{
-        setCards(cards.map((card)=>{
-            if (card.id === id) return {
-                ...card,
-                visible: newVisibility
-            };
-            return card;
-        }));
-    });
-    function handleDragEnd(e) {
-        const { active: active, over: over } = e;
-        if (active.id !== over.id) {
-            const oldIndex = cardOrder.indexOf(active.id);
-            const newIndex = cardOrder.indexOf(over.id);
-            let newCards = (0, $hgUW1$arrayMove)(cards, oldIndex, newIndex);
-            setCards(newCards);
-        }
-    }
-    const resetCards = ()=>{
-        setCards(columns.map((c)=>{
-            return {
-                id: c.id,
-                visible: c.getIsVisible()
-            };
-        }));
+    const defaultColumnOrder = (0, $hgUW1$useMemo)(()=>table_columns.map((column)=>column.accessorKey), []);
+    const tableWrapperWidth = ()=>{
+        if (dataTableWrapperElement.current) return dataTableWrapperElement.current.offsetWidth;
+        return 'auto';
     };
-    const hiddenColumns = Object.keys(columnVisibility).filter((key)=>columnVisibility[key] === false).length;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "dkan-manage-columns-wrapper",
+    (0, $hgUW1$useEffect)(()=>{
+        setHighlightRow(null);
+    }, [
+        data
+    ]);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-                "aria-haspopup": "dialog",
-                className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
-                onClick: ()=>{
-                    setModalOpen(true);
-                },
+            showDataTableToolbar && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                        className: "fa fa-columns ds-u-margin-right--1"
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-u-margin-bottom--3",
+                        children: showDownloadFullDataButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                            className: "ds-c-button ds-c-button--solid ds-l-col--12 ds-l-md-col--auto",
+                            href: unfilteredDownloadURL,
+                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                className: "ds-u-font-weight--bold ds-u-font-size--md ds-u-margin-x--0 ds-u-padding--0",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "fas fa-file-csv"
+                                    }),
+                                    " Download full dataset (CSV)"
+                                ]
+                            })
+                        })
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $85f8ff1ff89899c7$export$2e2bcd8739ae039), {
+                        id: id,
+                        columns: table.getAllLeafColumns(),
+                        defaultColumnOrder: defaultColumnOrder,
+                        isModal: isModal,
+                        resource: resource,
+                        datasetTableControls: datasetTableControls,
+                        columnVisibility: columnVisibility,
+                        setColumnVisibility: setColumnVisibility,
+                        showTableResults: showTableResults,
+                        showFilterDatasetButton: showFilterDatasetButton,
+                        showManageColumnsButton: showManageColumnsButton,
+                        showDisplaySettingsButton: showDisplaySettingsButton,
+                        showFullScreenButton: showFullScreenButton,
+                        showInfoShareContainer: showInfoShareContainer
+                    }),
+                    showInfoShareContainer && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-u-display--flex ds-l-col--12 ds-l-md-col--11 ds-u-justify-content--between ds-u-padding--0 ds-u-margin-y--2 ds-u-md-margin-y--3 ds-u-flex-direction--column ds-u-md-flex-direction--row",
                         children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: "dkan-dataset-toolbar-button-label",
-                                children: "Manage Columns"
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                className: "dkan-data-table-info-container ds-u-padding-right--0 ds-u-md-padding-right--4",
+                                children: [
+                                    dataDictionaryBanner && !isModal && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                        className: "ds-u-margin-bottom--3",
+                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                                            children: 'Click on the "Data Dictionary" tab above for full column definitions'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                        className: "ds-u-margin--0",
+                                        children: "Activate the column resize button and use the right and left arrow keys to resize a column or use your mouse to drag/resize. Press escape to cancel the resizing."
+                                    })
+                                ]
                             }),
-                            hiddenColumns ? ` (${hiddenColumns})` : ''
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "dkan-data-table-share-container ds-l-col--auto ds-u-padding--0 ds-u-margin-bottom--2 ds-u-md-margin-bottom--0",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
+                                    className: "ds-c-button ds-c-button--solid dkan-data-table-share-button ds-u-display--flex ds-u-align-items--center ds-u-padding-x--3 ds-u-padding-y--1 ds-u-font-weight--bold ds-l-col--12 ds-l-md-col--auto ds-u-justify-content--center",
+                                    activeClassName: "dkan-data-table-share-tooltip-open",
+                                    dialog: true,
+                                    offset: [
+                                        0,
+                                        5
+                                    ],
+                                    "aria-haspopup": "dialog",
+                                    placement: "bottom-start",
+                                    maxWidth: "320px",
+                                    title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                        className: "dc-c-resource-header--buttons ds-u-display--flex ds-u-flex-direction--column ds-l-col--12 ds-u-padding-x--0",
+                                        children: [
+                                            showCopyLinkButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+                                                children: conditions && conditions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
+                                                    onOpen: ()=>{
+                                                        navigator.clipboard.writeText(window.location.href);
+                                                    },
+                                                    className: "ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
+                                                    placement: "bottom",
+                                                    dialog: true,
+                                                    ariaLabel: "Copy link to filtered data",
+                                                    title: "Link copied to clipboard",
+                                                    "aria-disabled": !conditions || conditions.length === 0,
+                                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                                        className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-margin-x--0 ds-u-padding--0",
+                                                        children: [
+                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                                                className: "fas fa-copy"
+                                                            }),
+                                                            " Copy link to filtered data"
+                                                        ]
+                                                    })
+                                                }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                                    "aria-disabled": true,
+                                                    "aria-label": "Copy link to filtered data",
+                                                    className: "ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
+                                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                                        className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-padding--0",
+                                                        children: [
+                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                                                className: "fas fa-copy"
+                                                            }),
+                                                            " Copy link to filtered data"
+                                                        ]
+                                                    })
+                                                })
+                                            }),
+                                            (showDownloadFilteredDataButton || showStoredQueryDownloadButton) && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                                className: "ds-l-col--12 ds-u-padding-x--0 ds-u-margin-x--0",
+                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                                    className: "ds-u-text-align--center ds-u-display--inline-block ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
+                                                    href: conditions && conditions.length ? downloadURL : null,
+                                                    "aria-disabled": !conditions || conditions.length === 0,
+                                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                                        className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-padding--0",
+                                                        children: [
+                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                                                className: "fas fa-file-csv"
+                                                            }),
+                                                            " ",
+                                                            showDownloadFilteredDataButton ? `Download filtered data (CSV)` : `Download stored query data (CSV)`
+                                                        ]
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    children: [
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                            className: "far fa-share-alt"
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                            className: "ds-u-margin-x--05",
+                                            children: "Share"
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                            className: "fa fa-chevron-down"
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                            className: "fa fa-chevron-up"
+                                        })
+                                    ]
+                                })
+                            })
                         ]
                     })
                 ]
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: `ds-c-dialog-wrap${modalOpen ? ' open' : ''}`,
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
-                    heading: "Manage columns",
-                    isOpen: modalOpen,
-                    ariaCloseLabel: "Close dialog",
-                    onExit: ()=>{
-                        setModalOpen(false);
-                        resetCards();
-                        (0, $15650910340b2c71$export$73fce4ded5ef1c2)();
+                className: `dc-c-datatable-wrapper ds-u-border-x--1 ds-u-border-bottom--1${showInfoShareContainer ? '' : ' ds-u-margin-top--3'}`,
+                tabIndex: 0,
+                ref: dataTableWrapperElement,
+                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("table", {
+                    style: {
+                        width: canResize ? table.getCenterTotalSize() : "100%",
+                        minWidth: tableWrapperWidth()
                     },
-                    className: "dkan-manage-columns-dialog",
-                    actions: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-flex-wrap--wrap ds-u-padding-x--3 ds-u-padding-bottom--1 ds-u-sm-padding-bottom--3",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                        variation: "solid",
-                                        className: "ds-l-col--6 ds-l-sm-col--auto",
-                                        onClick: ()=>{
-                                            setModalOpen(false);
-                                            // update table state
-                                            // Visibility
-                                            // This code is building a new columnVisibility state object from the card state and doing a single setState on the table
-                                            // vs doing a setState on every changed column individually
-                                            const newColumnVisibility = Object.fromEntries(cards.map((c)=>Object.values(c)));
-                                            setColumnVisibility(newColumnVisibility);
-                                            // Card order
-                                            const newCardOrder = cards.map((c)=>{
-                                                return c.id;
-                                            });
-                                            setColumnOrder(newCardOrder);
-                                            // save to localStorage
-                                            const localStorageData = {
-                                                tableColumnOrder: newCardOrder,
-                                                tableColumnVisibility: newColumnVisibility
-                                            };
-                                            localStorage.setItem(id, JSON.stringify(localStorageData));
-                                            (0, $15650910340b2c71$export$73fce4ded5ef1c2)();
-                                        },
-                                        children: "Save"
-                                    }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                        variation: "ghost",
-                                        className: "ds-l-col--6 ds-l-sm-col--auto",
-                                        onClick: ()=>{
-                                            setModalOpen(false);
-                                            resetCards();
-                                            (0, $15650910340b2c71$export$73fce4ded5ef1c2)();
-                                        },
-                                        children: "Cancel"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-padding-top--1 ds-u-sm-padding-y--0",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                    variation: "ghost",
-                                    className: "ds-l-col--6 ds-l-sm-col--auto",
-                                    onClick: ()=>{
-                                        // reset to default column order and set all cards to visible
-                                        // do not save this to the table state until the "Save" button is clicked
-                                        setCards(defaultColumnOrder.map((column)=>{
-                                            const card = cards.filter((c)=>c.id === column)[0];
-                                            return {
-                                                ...card,
-                                                visible: true
-                                            };
-                                        }));
-                                    },
-                                    children: "Reset Columns"
-                                })
-                            })
-                        ]
-                    }),
+                    className: "dc-c-datatable",
                     children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                            id: "reorder-help",
-                            className: "ds-u-padding-x--3",
-                            children: "Activate the reorder button and use the arrow keys to reorder the list or use your mouse to drag/reorder. Press escape to cancel the reordering."
-                        }),
-                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
-                            checked: cardHiddenColumns === 0,
-                            type: "checkbox",
-                            onChange: ()=>{
-                                setCards(cards.map((c)=>{
-                                    return {
-                                        ...c,
-                                        visible: cardHiddenColumns !== 0
-                                    };
-                                }));
-                            },
-                            className: "ds-u-padding-x--3",
-                            name: "",
-                            value: "",
-                            label: "Select all",
-                            hint: cardHiddenColumns && cardHiddenColumns + " columns hidden"
-                        }),
-                        /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            className: "ds-u-display--flex ds-u-justify-content--between ds-u-font-weight--bold ds-u-padding-y--2 ds-u-padding-x--3 ds-u-border-y--1 ds-u-margin-top--2",
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: "Display column"
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: "Reorder"
-                                })
-                            ]
+                        canResize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $96d341d082bffec5$export$2e2bcd8739ae039), {
+                            table: table,
+                            sortElement: sortElement
+                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $23763e27eda0e8d7$export$2e2bcd8739ae039), {
+                            table: table,
+                            sortElement: sortElement
                         }),
-                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$DndContext), {
-                            collisionDetection: (0, $hgUW1$closestCenter),
-                            modifiers: [
-                                (0, $hgUW1$restrictToVerticalAxis)
-                            ],
-                            sensors: sensors,
-                            onDragEnd: handleDragEnd,
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$SortableContext), {
-                                items: cardOrder,
-                                strategy: (0, $hgUW1$verticalListSortingStrategy),
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                                    className: "dkan-manage-columns-list",
-                                    children: cards.map((card)=>{
-                                        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5fe94aeb50e0798b$export$2e2bcd8739ae039), {
-                                            id: card.id,
-                                            visible: card.visible,
-                                            updateVisibility: updateVisibility
-                                        }, card.id);
+                        loading ? /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {}) : /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
+                            children: table.getRowModel().rows.map((row, index)=>{
+                                const even = (index + 1) % 2 === 0;
+                                const highlight = highlightRow === row.id;
+                                return /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
+                                    className: `${highlight ? "dc-c-datatable--highlight-row" : even && "dc-c-datatable--even-row"}`,
+                                    onClick: ()=>setHighlightRow(row.id),
+                                    children: row.getVisibleCells().map((cell)=>{
+                                        let classList = "dc-truncate ds-u-padding-x--1";
+                                        return /*#__PURE__*/ (0, $hgUW1$jsx)("td", {
+                                            key: cell.id,
+                                            style: {
+                                                maxWidth: cell.column.getSize()
+                                            },
+                                            className: `${classList} ${tablePadding}`,
+                                            title: cell.getValue(),
+                                            children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
+                                        });
                                     })
-                                })
+                                }, row.id);
                             })
                         })
                     ]
                 })
+            }),
+            loading && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                "aria-valuetext": "Dataset loading",
+                role: "status",
+                className: "ds-u-margin--3"
+            }),
+            !loading && table.getRowModel().rows.length === 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                variation: "warn",
+                children: "No results found for the current filters"
             })
         ]
     });
 };
-var $5d9e2ce238d53d29$export$2e2bcd8739ae039 = $5d9e2ce238d53d29$var$ManageColumns;
-
-
-
-
-
-
+var $d98f94c79ddf4e0e$export$2e2bcd8739ae039 = $d98f94c79ddf4e0e$var$DataTable;
 
 
+function $aa4450dcbeef3ac0$export$385a5aba38cc3325(sortArray) {
+    let newQuery = [];
+    sortArray.forEach((s)=>{
+        return newQuery.push({
+            property: s.id,
+            order: s.desc ? 'desc' : 'asc'
+        });
+    });
+    return newQuery;
+}
 
 
+// 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: '<'
+    },
+    {
+        label: 'Is Empty',
+        value: 'is_empty'
+    },
+    {
+        label: 'Not Empty',
+        value: 'not_empty'
+    }
+];
+function $7264a673914aa746$export$d243819c3ad678fb(operatorValue) {
+    const operator = $7264a673914aa746$export$5f89a5ae87bc48e1.find((op)=>op.value === operatorValue);
+    return operator ? operator.label : operatorValue; // Return original value if not found
+}
+function $7264a673914aa746$export$2b9377795161999(type, enableEmptyFilters = false) {
+    const emptyOptions = enableEmptyFilters ? [
+        {
+            label: 'Is Empty',
+            value: 'is_empty'
+        },
+        {
+            label: 'Not Empty',
+            value: 'not_empty'
+        }
+    ] : [];
+    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'
+                },
+                ...emptyOptions
+            ];
+        case 'date':
+            return [
+                {
+                    label: 'Is',
+                    value: '='
+                },
+                {
+                    label: 'Is Not',
+                    value: '<>'
+                },
+                {
+                    label: 'Greater Than',
+                    value: '>'
+                },
+                {
+                    label: 'Less Than',
+                    value: '<'
+                },
+                ...emptyOptions
+            ];
+        default:
+            // These 2 should be safe for all data types
+            return [
+                {
+                    label: 'Is',
+                    value: '='
+                },
+                {
+                    label: 'Is Not',
+                    value: '<>'
+                },
+                ...emptyOptions
+            ];
+    }
+}
 
 
 
@@ -4063,11 +3450,11 @@ function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
             accessor: column
         }));
 }
-const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopyLinkButton: showCopyLinkButton = true, showDataTableToolbar: showDataTableToolbar = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
+const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopyLinkButton: showCopyLinkButton = true, showDataTableToolbar: showDataTableToolbar = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false, showTableResults: showTableResults = true, showFilterDatasetButton: showFilterDatasetButton = true, showManageColumnsButton: showManageColumnsButton = true, showDisplaySettingsButton: showDisplaySettingsButton = true, showFullScreenButton: showFullScreenButton = true, showInfoShareContainer: showInfoShareContainer = true })=>{
     const { id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
     const { page: page, setPage: setPage, tableDensity: tableDensity } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
     const defaultPageSize = 10;
-    const customColumnHeaders = (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution.identifier]);
+    const customColumnHeaders = customColumns ? (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution.identifier]) : null;
     const columns = customColumnHeaders ? customColumnHeaders : $a35cf16d1488f54e$export$1147582dfae658c6(resource.columns, resource.schema[id]);
     const { limit: limit, setOffset: setOffset } = resource;
     const pageSize = limit ? limit : defaultPageSize;
@@ -4082,7 +3469,7 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopy
                 className: isModal ? 'dkan-datatable-fullscreen-mode' : '',
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
                     canResize: true,
-                    columns: columns,
+                    columns: customColumns ? customColumns : $a35cf16d1488f54e$export$1147582dfae658c6(resource.columns, resource.schema[id]),
                     sortTransform: (0, $aa4450dcbeef3ac0$export$385a5aba38cc3325),
                     tablePadding: tableDensity === 'normal' ? 'ds-u-padding-y--2' : tableDensity === 'compact' ? 'ds-u-padding-y--1' : 'ds-u-padding-y--3',
                     loading: resource.loading,
@@ -4094,7 +3481,13 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopy
                     showDataTableToolbar: showDataTableToolbar,
                     showDownloadFilteredDataButton: showDownloadFilteredDataButton,
                     showDownloadFullDataButton: showDownloadFullDataButton,
-                    showStoredQueryDownloadButton: showStoredQueryDownloadButton
+                    showStoredQueryDownloadButton: showStoredQueryDownloadButton,
+                    showTableResults: showTableResults,
+                    showFilterDatasetButton: showFilterDatasetButton,
+                    showManageColumnsButton: showManageColumnsButton,
+                    showDisplaySettingsButton: showDisplaySettingsButton,
+                    showFullScreenButton: showFullScreenButton,
+                    showInfoShareContainer: showInfoShareContainer
                 })
             }),
             !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -4130,7 +3523,7 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopy
 var $a35cf16d1488f54e$export$2e2bcd8739ae039 = $a35cf16d1488f54e$var$DatasetTable;
 
 
-const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal })=>{
+const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal, showTableResults: showTableResults = true, showFilterDatasetButton: showFilterDatasetButton = true, showManageColumnsButton: showManageColumnsButton = true, showDisplaySettingsButton: showDisplaySettingsButton = true, showFullScreenButton: showFullScreenButton = true, showInfoShareContainer: showInfoShareContainer = true })=>{
     const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(isModal);
     if (isModal) return null;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -4162,7 +3555,13 @@ const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal })=>{
                     ariaCloseLabel: "Close dialog",
                     className: "dkan-full-screen-dataset-dialog",
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
-                        isModal: true
+                        isModal: true,
+                        showTableResults: showTableResults,
+                        showFilterDatasetButton: showFilterDatasetButton,
+                        showManageColumnsButton: showManageColumnsButton,
+                        showDisplaySettingsButton: showDisplaySettingsButton,
+                        showFullScreenButton: showFullScreenButton,
+                        showInfoShareContainer: showInfoShareContainer
                     })
                 })
             })
@@ -4677,6 +4076,10 @@ const $dae856e97a09bcd6$var$DisplaySettings = ()=>{
             placement: "bottom-start",
             maxWidth: "350px",
             "aria-haspopup": "dialog",
+            // @ts-ignore
+            // 'strategy' is not a valid prop for Tooltip but it does get passed on to Popper.js which tells
+            // it to position the tooltip relative to the viewport instead of the dialog’s containing block
+            strategy: "fixed",
             title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                 className: "ds-u-display--flex ds-u-flex-direction--column",
                 children: [
@@ -4825,8 +4228,8 @@ const $85f8ff1ff89899c7$var$updateBrowserURL = (newConditions)=>{
     });
     window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
 };
-const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, isModal: isModal, datasetTableControls: datasetTableControls, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility })=>{
-    const { limit: limit, offset: offset, count: count, conditions: conditions, setConditions: setConditions } = resource;
+const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, isModal: isModal, datasetTableControls: datasetTableControls, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility, showTableResults: showTableResults = true, showFilterDatasetButton: showFilterDatasetButton = true, showManageColumnsButton: showManageColumnsButton = true, showDisplaySettingsButton: showDisplaySettingsButton = true, showFullScreenButton: showFullScreenButton = true, showInfoShareContainer: showInfoShareContainer = true })=>{
+    const { limit: limit, offset: offset, count: count, conditions: conditions = [], setConditions: setConditions } = resource;
     const intCount = count ? count : 0;
     const hiddenColumns = Object.keys(columnVisibility).filter((key)=>columnVisibility[key] === false).length;
     const resetColumnVisibility = ()=>{
@@ -4858,9 +4261,9 @@ const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, co
                 role: "region",
                 "aria-label": "toolbar",
                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                    className: "ds-l-col--12 ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-flex-wrap--wrap ds-u-padding-x--0 ds-u-padding-y--2",
+                    className: `ds-l-col--12 ds-u-display--flex ds-u-align-items--center ds-u-flex-wrap--wrap ds-u-padding-x--0 ds-u-padding-y--2${showTableResults ? ' ds-u-justify-content--between' : ' ds-u-justify-content--end'}`,
                     children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        showTableResults && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                             className: "ds-u-padding-x--2",
                             children: !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2ed0091f7e32d1e6$export$2e2bcd8739ae039), {
                                 totalRows: intCount,
@@ -4872,22 +4275,28 @@ const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, co
                         datasetTableControls && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                             className: "dkan-data-table-toolbar-controls ds-u-display--flex ds-u-flex-wrap--wrap ds-u-align-items--center ds-l-md-col--auto ds-l-col--12 ds-u-padding-x--2 ds-u-padding-top--2 ds-u-md-padding-top--0",
                             children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6f4318b1e14124e5$export$2e2bcd8739ae039), {}),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5d9e2ce238d53d29$export$2e2bcd8739ae039), {
+                                showFilterDatasetButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6f4318b1e14124e5$export$2e2bcd8739ae039), {}),
+                                showManageColumnsButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5d9e2ce238d53d29$export$2e2bcd8739ae039), {
                                     id: id,
                                     columns: columns,
                                     defaultColumnOrder: defaultColumnOrder
                                 }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $dae856e97a09bcd6$export$2e2bcd8739ae039), {}),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $16bd41951b91f02d$export$2e2bcd8739ae039), {
-                                    isModal: isModal
+                                showDisplaySettingsButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $dae856e97a09bcd6$export$2e2bcd8739ae039), {}),
+                                showFullScreenButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $16bd41951b91f02d$export$2e2bcd8739ae039), {
+                                    isModal: isModal,
+                                    showTableResults: showTableResults,
+                                    showFilterDatasetButton: showFilterDatasetButton,
+                                    showManageColumnsButton: showManageColumnsButton,
+                                    showDisplaySettingsButton: showDisplaySettingsButton,
+                                    showFullScreenButton: showFullScreenButton,
+                                    showInfoShareContainer: showInfoShareContainer
                                 })
                             ]
                         })
                     ]
                 })
             }),
-            Array.isArray(conditions) && (conditions.length > 0 || hiddenColumns > 0) && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            (showFilterDatasetButton || showManageColumnsButton) && Array.isArray(conditions) && (conditions.length > 0 || hiddenColumns > 0) && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                 className: "ds-u-fill--white ds-u-padding-x--0 ds-u-md-padding-x--2 ds-u-padding-top--2",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
@@ -4934,268 +4343,296 @@ const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, co
             })
         ]
     });
-};
-var $85f8ff1ff89899c7$export$2e2bcd8739ae039 = $85f8ff1ff89899c7$var$DataTableToolbar;
+};
+var $85f8ff1ff89899c7$export$2e2bcd8739ae039 = $85f8ff1ff89899c7$var$DataTableToolbar;
+
+
+
+
+
+
+
+
+
+
+const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
+            url: endpoint,
+            plugins: [
+                (0, $hgUW1$SpanOpenAPIVersion),
+                (0, $hgUW1$SpanVersionStamp)
+            ]
+        })
+    });
+};
+var $789279954d8eff7f$export$2e2bcd8739ae039 = $789279954d8eff7f$var$ApiDocumentation;
+
+
+
+
+
+
+
+
+
+
+
+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'
+                }
+            ],
+            label: "Display density:",
+            labelClassName: "ds-u-margin-top--0",
+            name: "datatable_display_density",
+            onChange: (e)=>setTablePadding(e.target.value),
+            defaultValue: tablePadding
+        })
+    });
+};
+$1e012d1e3b534af0$var$DataTableDensity.propTypes = {
+    setTablePadding: (0, $hgUW1$proptypes).func.isRequired
+};
+var $1e012d1e3b534af0$export$2e2bcd8739ae039 = $1e012d1e3b534af0$var$DataTableDensity;
+
+
+
+
+
+
+const $7848c69a021266f7$var$DataTableRowChanger = ({ limit: limit, rowOptions: rowOptions = [
+    10,
+    25,
+    50,
+    100
+], setLimit: setLimit })=>{
+    const rowOptionsFormatted = rowOptions.map((row)=>({
+            label: row.toString(),
+            value: row.toString()
+        }));
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "ds-u-display--flex",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+            options: rowOptionsFormatted,
+            label: "Rows per page:",
+            labelClassName: "ds-u-margin-top--0",
+            name: "datatable_rows_per_page",
+            onChange: (e)=>setLimit(e.target.value),
+            defaultValue: limit.toString()
+        })
+    });
+};
+$7848c69a021266f7$var$DataTableRowChanger.propTypes = {
+    rowOptions: (0, $hgUW1$proptypes).arrayOf((0, $hgUW1$proptypes).number),
+    setLimit: (0, $hgUW1$proptypes).func.isRequired,
+    limit: (0, $hgUW1$proptypes).number
+};
+var $7848c69a021266f7$export$2e2bcd8739ae039 = $7848c69a021266f7$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 $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, isModal: isModal, downloadURL: downloadURL, unfilteredDownloadURL: unfilteredDownloadURL, setPage: setPage, showCopyLinkButton: showCopyLinkButton, showDataTableToolbar: showDataTableToolbar, showDownloadFilteredDataButton: showDownloadFilteredDataButton, showDownloadFullDataButton: showDownloadFullDataButton, showStoredQueryDownloadButton: showStoredQueryDownloadButton })=>{
-    const { id: id, resource: resource, datasetTableControls: datasetTableControls, dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
-    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
-    const { conditions: conditions } = resource;
-    const data = resource.values;
-    const [sorting, setSorting] = (0, $hgUW1$useState)([]);
-    const dataTableWrapperElement = (0, $hgUW1$useRef)(null);
-    const columnHelper = (0, $hgUW1$createColumnHelper)();
-    const table_columns = columns.map((col)=>{
-        if (col.cell) return columnHelper.accessor(col.accessor, {
-            header: col.header,
-            cell: col.cell
-        });
-        return columnHelper.accessor(col.accessor, {
-            header: col.header
-        });
+
+
+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"
+                })
+            })
+        ]
     });
-    const [highlightRow, setHighlightRow] = (0, $hgUW1$useState)(null);
-    (0, $hgUW1$useEffect)(()=>{
-        if (columnOrder && !columnOrder.length) setColumnOrder(table_columns.map((c)=>c.accessorKey));
-    }, [
-        columnOrder
-    ]);
-    const sortElement = (isSorted, onClickFn)=>{
-        if (isSorted === 'asc') return 'dc-c-sort--asc';
-        if (isSorted === 'desc') return 'dc-c-sort--desc';
-        return 'dc-c-sort--default';
-    };
-    const filters = [];
-    const table = (0, $hgUW1$useReactTable)({
-        data: data,
-        columns: table_columns,
-        manualSorting: true,
-        state: {
-            columnOrder: columnOrder,
-            columnVisibility: columnVisibility,
-            sorting: sorting
-        },
-        columnResizeMode: 'onChange',
-        onSortingChange: setSorting,
-        onColumnOrderChange: setColumnOrder,
-        onColumnVisibilityChange: setColumnVisibility,
-        getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
-        getSortedRowModel: (0, $hgUW1$getSortedRowModel)(),
-        debugTable: false
+var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIcon;
+
+
+
+const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding, includeDensity: includeDensity, includeDownload: includeDownload, resource: resource, tablePadding: tablePadding, downloadUrl: downloadUrl })=>{
+    const md = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 768
     });
-    (0, $hgUW1$useEffect)(()=>{
-        const normalizedSort = sortTransform ? sortTransform(sorting) : filters;
-        resource.setSort(normalizedSort);
-    }, [
-        sorting
-    ]);
-    const defaultColumnOrder = (0, $hgUW1$useMemo)(()=>table_columns.map((column)=>column.accessorKey), []);
-    const tableWrapperWidth = ()=>{
-        if (dataTableWrapperElement.current) return dataTableWrapperElement.current.offsetWidth;
-        return 'auto';
-    };
-    (0, $hgUW1$useEffect)(()=>{
-        setHighlightRow(null);
-    }, [
-        data
-    ]);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-        children: [
-            showDataTableToolbar && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+    const { limit: limit, offset: offset, count: count, setLimit: setLimit, setOffset: setOffset } = resource;
+    const intCount = count ? parseInt(count) : 0;
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "dc-c-resource-header",
+        children: /*#__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 ds-u-margin-bottom--2",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-u-margin-bottom--3",
-                        children: showDownloadFullDataButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                            className: "ds-c-button ds-c-button--solid ds-l-col--12 ds-l-md-col--auto",
-                            href: unfilteredDownloadURL,
-                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                className: "ds-u-font-weight--bold ds-u-font-size--md ds-u-margin-x--0 ds-u-padding--0",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                        className: "fas fa-file-csv"
-                                    }),
-                                    " Download full dataset (CSV)"
-                                ]
-                            })
+                        className: "ds-u-font-weight--bold",
+                        children: !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2ed0091f7e32d1e6$export$2e2bcd8739ae039), {
+                            totalRows: parseInt(intCount),
+                            limit: parseInt(limit),
+                            offset: parseInt(offset)
                         })
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $85f8ff1ff89899c7$export$2e2bcd8739ae039), {
-                        id: id,
-                        columns: table.getAllLeafColumns(),
-                        defaultColumnOrder: defaultColumnOrder,
-                        isModal: isModal,
-                        resource: resource,
-                        datasetTableControls: datasetTableControls,
-                        columnVisibility: columnVisibility,
-                        setColumnVisibility: setColumnVisibility
-                    }),
                     /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-u-display--flex ds-l-col--12 ds-l-md-col--11 ds-u-justify-content--between ds-u-padding--0 ds-u-margin-y--2 ds-u-md-margin-y--3 ds-u-flex-direction--column ds-u-md-flex-direction--row",
+                        className: "dc-c-resource-header--buttons",
                         children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "dkan-data-table-info-container ds-u-padding-right--0 ds-u-md-padding-right--4",
+                            includeDownload && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
                                 children: [
-                                    dataDictionaryBanner && !isModal && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                        className: "ds-u-margin-bottom--3",
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                                            children: 'Click on the "Data Dictionary" tab above for full column definitions'
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                        className: "ds-u-margin--0",
-                                        children: "Activate the column resize button and use the right and left arrow keys to resize a column or use your mouse to drag/resize. Press escape to cancel the resizing."
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "dkan-data-table-share-container ds-l-col--auto ds-u-padding--0 ds-u-margin-bottom--2 ds-u-md-margin-bottom--0",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
-                                    className: "ds-c-button ds-c-button--solid dkan-data-table-share-button ds-u-display--flex ds-u-align-items--center ds-u-padding-x--3 ds-u-padding-y--1 ds-u-font-weight--bold ds-l-col--12 ds-l-md-col--auto ds-u-justify-content--center",
-                                    activeClassName: "dkan-data-table-share-tooltip-open",
-                                    dialog: true,
-                                    offset: [
-                                        0,
-                                        5
-                                    ],
-                                    "aria-haspopup": "dialog",
-                                    placement: "bottom-start",
-                                    maxWidth: "320px",
-                                    title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                        className: "dc-c-resource-header--buttons ds-u-display--flex ds-u-flex-direction--column ds-l-col--12 ds-u-padding-x--0",
+                                    /*#__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,
                                         children: [
-                                            showCopyLinkButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-                                                children: conditions && conditions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
-                                                    onOpen: ()=>{
-                                                        navigator.clipboard.writeText(window.location.href);
-                                                    },
-                                                    className: "ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
-                                                    placement: "bottom",
-                                                    dialog: true,
-                                                    ariaLabel: "Copy link to filtered data",
-                                                    title: "Link copied to clipboard",
-                                                    "aria-disabled": !conditions || conditions.length === 0,
-                                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                                        className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-margin-x--0 ds-u-padding--0",
-                                                        children: [
-                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                                                className: "fas fa-copy"
-                                                            }),
-                                                            " Copy link to filtered data"
-                                                        ]
-                                                    })
-                                                }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                                    "aria-disabled": true,
-                                                    "aria-label": "Copy link to filtered data",
-                                                    className: "ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
-                                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                                        className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-padding--0",
-                                                        children: [
-                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                                                className: "fas fa-copy"
-                                                            }),
-                                                            " Copy link to filtered data"
-                                                        ]
-                                                    })
-                                                })
-                                            }),
-                                            (showDownloadFilteredDataButton || showStoredQueryDownloadButton) && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                                className: "ds-l-col--12 ds-u-padding-x--0 ds-u-margin-x--0",
-                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                                    className: "ds-u-text-align--center ds-u-display--inline-block ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
-                                                    href: conditions && conditions.length ? downloadURL : null,
-                                                    "aria-disabled": !conditions || conditions.length === 0,
-                                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                                        className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-padding--0",
-                                                        children: [
-                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                                                className: "fas fa-file-csv"
-                                                            }),
-                                                            " ",
-                                                            showDownloadFilteredDataButton ? `Download filtered data (CSV)` : `Download stored query data (CSV)`
-                                                        ]
-                                                    })
-                                                })
+                                            /*#__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)"
                                             })
                                         ]
                                     }),
-                                    children: [
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                            className: "far fa-share-alt"
-                                        }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                            className: "ds-u-margin-x--05",
-                                            children: "Share"
-                                        }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                            className: "fa fa-chevron-down"
+                                    /*#__PURE__*/ (0, $hgUW1$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 display-settings-font",
+                                        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 display-settings-font",
+                                placement: "bottom",
+                                dialog: true,
+                                ariaLabel: "Display settings",
+                                title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                    className: "dc-c-display-settings",
+                                    children: [
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $7848c69a021266f7$export$2e2bcd8739ae039), {
+                                            limit: Number(limit),
+                                            setLimit: setLimit,
+                                            setOffset: setOffset
                                         }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                            className: "fa fa-chevron-up"
+                                        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"
+                                    })
+                                ]
                             })
                         ]
                     })
                 ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "dc-c-datatable-wrapper ds-u-border-x--1 ds-u-border-bottom--1",
-                tabIndex: 0,
-                ref: dataTableWrapperElement,
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("table", {
-                    style: {
-                        width: canResize ? table.getCenterTotalSize() : "100%",
-                        minWidth: tableWrapperWidth()
-                    },
-                    className: "dc-c-datatable",
-                    children: [
-                        canResize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $96d341d082bffec5$export$2e2bcd8739ae039), {
-                            table: table,
-                            sortElement: sortElement
-                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $23763e27eda0e8d7$export$2e2bcd8739ae039), {
-                            table: table,
-                            sortElement: sortElement
-                        }),
-                        loading ? /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {}) : /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
-                            children: table.getRowModel().rows.map((row, index)=>{
-                                const even = (index + 1) % 2 === 0;
-                                const highlight = highlightRow === row.id;
-                                return /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
-                                    className: `${highlight ? "dc-c-datatable--highlight-row" : even && "dc-c-datatable--even-row"}`,
-                                    onClick: ()=>setHighlightRow(row.id),
-                                    children: row.getVisibleCells().map((cell)=>{
-                                        let classList = "dc-truncate ds-u-padding-x--1";
-                                        return /*#__PURE__*/ (0, $hgUW1$jsx)("td", {
-                                            key: cell.id,
-                                            style: {
-                                                maxWidth: cell.column.getSize()
-                                            },
-                                            className: `${classList} ${tablePadding}`,
-                                            title: cell.getValue(),
-                                            children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
-                                        });
-                                    })
-                                }, row.id);
-                            })
-                        })
-                    ]
-                })
-            }),
-            loading && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
-                "aria-valuetext": "Dataset loading",
-                role: "status",
-                className: "ds-u-margin--3"
-            }),
-            !loading && table.getRowModel().rows.length === 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                variation: "warn",
-                children: "No results found for the current filters"
             })
-        ]
+        })
     });
 };
-var $d98f94c79ddf4e0e$export$2e2bcd8739ae039 = $d98f94c79ddf4e0e$var$DataTable;
+var $af099c546cb226c7$export$2e2bcd8739ae039 = $af099c546cb226c7$var$ResourceHeader;
+
+
+
+
+
+
+
 
 
 
@@ -5218,21 +4655,30 @@ function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header, a
         value: filterValue || ''
     });
 }
-const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id: id, canResize: canResize = true })=>{
+const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id: id, canResize: canResize = true, showDataTableToolbar: showDataTableToolbar = false, showInfoShareContainer: showInfoShareContainer = true, showTableResults: showTableResults = true, showFilterDatasetButton: showFilterDatasetButton = true, showManageColumnsButton: showManageColumnsButton = true, showDisplaySettingsButton: showDisplaySettingsButton = true, showFullScreenButton: showFullScreenButton = true })=>{
     const { resource: resource, customColumns: customColumns } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
+    const { tableDensity: tableDensity } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
     const customColumnHeaders = customColumns ? (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[id]) : null;
     const columns = customColumnHeaders ? customColumnHeaders : $626282d9a03c51d5$export$1147582dfae658c6(resource.columns, resource.schema[id]);
     if (Object.keys(resource).length && columns.length && resource.schema) return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         id: "resource-preview",
-        className: "ds-u-overflow--auto ds-u-border-x--1 ds-u-border-bottom--1",
+        className: "ds-u-overflow--auto",
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
             canResize: canResize,
             columns: customColumns ? customColumns : $626282d9a03c51d5$export$1147582dfae658c6(resource.columns, resource.schema[id]),
             sortTransform: (0, $aa4450dcbeef3ac0$export$385a5aba38cc3325),
-            tablePadding: tablePadding,
+            tablePadding: typeof tablePadding === 'function' ? tablePadding(tableDensity) : tablePadding,
             loading: resource.loading,
             className: "dc-c-datatable",
-            customColumnFilter: $626282d9a03c51d5$var$DefaultColumnFilter
+            customColumnFilter: $626282d9a03c51d5$var$DefaultColumnFilter,
+            showDataTableToolbar: showDataTableToolbar,
+            showInfoShareContainer: showInfoShareContainer,
+            showTableResults: showTableResults,
+            showFilterDatasetButton: showFilterDatasetButton,
+            showManageColumnsButton: showManageColumnsButton,
+            showDisplaySettingsButton: showDisplaySettingsButton,
+            showFullScreenButton: showFullScreenButton,
+            isModal: false
         })
     });
     else return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {});
@@ -5472,9 +4918,7 @@ var $5644ebd2c3dbfd7b$export$2e2bcd8739ae039 = $5644ebd2c3dbfd7b$var$DatasetAddi
 
 
 
-
-
-const $6fd40f23575fa7f0$var$APIPage = ({ hideAuth: hideAuth = true, rootUrl: rootUrl, showRowLimitNotice: showRowLimitNotice = false, swaggerButtonClassNames: swaggerButtonClassNames = {} })=>{
+const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth = true, rootUrl: rootUrl, showRowLimitNotice: showRowLimitNotice = false })=>{
     let params = {
         authentication: hideAuth ? false : undefined
     };
@@ -5483,7 +4927,7 @@ const $6fd40f23575fa7f0$var$APIPage = ({ hideAuth: hideAuth = true, rootUrl: roo
         children: [
             showRowLimitNotice && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e49d4387bed21287$export$2e2bcd8739ae039), {}),
             /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
-                className: "ds-l-container ds-u-padding--0 ds-u-margin-top--5",
+                className: "ds-l-container",
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
                     url: `${rootUrl}${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
                         addQueryPrefix: true
@@ -5491,19 +4935,15 @@ const $6fd40f23575fa7f0$var$APIPage = ({ hideAuth: hideAuth = true, rootUrl: roo
                     docExpansion: 'list',
                     defaultModelsExpandDepth: -1,
                     plugins: [
-                        (0, $5b656f0283afa250$export$2e2bcd8739ae039),
-                        (0, $ffd9c403a1c2fc39$export$2e2bcd8739ae039),
-                        (0, $30bfb3d671300bcd$export$2e2bcd8739ae039)({
-                            showRowLimitNotice: showRowLimitNotice,
-                            buttonClassNames: swaggerButtonClassNames
-                        })
+                        (0, $hgUW1$SpanOpenAPIVersion),
+                        (0, $hgUW1$SpanVersionStamp)
                     ]
                 })
             })
         ]
     });
 };
-var $6fd40f23575fa7f0$export$2e2bcd8739ae039 = $6fd40f23575fa7f0$var$APIPage;
+var $c96c4b9ef7203c1f$export$2e2bcd8739ae039 = $c96c4b9ef7203c1f$var$APIPage;
 
 
 
@@ -6295,7 +5735,6 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
 
 
 
-
 
 const $0958733ee130fc44$var$ResourceInformation = ({ distribution: distribution, rootUrl: rootUrl })=>{
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
@@ -6435,7 +5874,7 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource
 var $7357cc0f79f9c514$export$2e2bcd8739ae039 = $7357cc0f79f9c514$var$Resource;
 
 
-const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: resource, distributions: distributions, metadataMapping: metadataMapping, rootUrl: rootUrl, showTags: showTags })=>{
+const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: resource, distributions: distributions, metadataMapping: metadataMapping, rootUrl: rootUrl })=>{
     const md = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 768
@@ -6467,36 +5906,11 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
                 title: dataset.title,
                 rootUrl: rootUrl
             }),
-            showTags ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-margin-top--3",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                        className: "ds-text-heading--2xl",
-                        children: "Tags"
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-u-display--flex ds-u-flex-direction--row ds-u-justify-content--start ds-u-flex-wrap--wrap",
-                        children: dataset.keyword?.map((tag)=>/*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-c-tag ds-u-fill--gray-lighter ds-u-display--inline-block ds-u-padding--1 ds-u-radius ds-u-margin-right--2 ds-u-margin-bottom--2",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
-                                    to: `/search?keyword=${tag.data}`,
-                                    "aria-label": `${tag.data} tag - Opens a new search with this filter`,
-                                    className: "ds-u-color--base",
-                                    children: [
-                                        " ",
-                                        tag.data,
-                                        " "
-                                    ]
-                                })
-                            }, tag.identifier))
-                    })
-                ]
-            }) : '',
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "dc-c-additional-info-table ds-u-margin-bottom--6 ds-u-margin-top--3 ds-u-padding-left--0 ds-l-lg-col--7 ds-l-md-col--9 ds-l-col--12",
+                className: "dc-c-additional-info-table ds-u-margin-bottom--6 ds-u-padding-left--0 ds-l-lg-col--7 ds-l-md-col--9 ds-l-col--12",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                        className: "ds-text-heading--2xl",
+                        className: "ds-text-heading--2xl ds-text-heading--2xl",
                         children: "Additional Information"
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Table), {
@@ -6554,15 +5968,54 @@ var $364dc44850cd8f7f$export$2e2bcd8739ae039 = $364dc44850cd8f7f$var$DatasetOver
 
 
 
-const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: apiUrl, showRowLimitNotice: showRowLimitNotice = false, swaggerButtonClassNames: swaggerButtonClassNames = {} })=>{
+
+const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: apiUrl, showRowLimitNotice: showRowLimitNotice = false })=>{
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2276c8c929d6a6d3$export$2e2bcd8739ae039), {
-            endpoint: `${rootUrl}/metastore/schemas/dataset/items/${id}/docs?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`,
-            docsURL: apiUrl,
-            showRowLimitNotice: showRowLimitNotice,
-            swaggerButtonClassNames: swaggerButtonClassNames
-        })
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-u-display--flex ds-u-flex-wrap--wrap",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-col--12 ds-l-md-col--9 ds-u-padding-left--0",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                                className: "ds-text-heading--2xl",
+                                children: "Try the API"
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                children: "The Open Data API (ODA) provides programmatic access to this dataset including the ability to filter, query, and aggregate data."
+                            }),
+                            showRowLimitNotice && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e49d4387bed21287$export$2e2bcd8739ae039), {})
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-md-col--3 ds-u-font-weight--bold ds-u-margin-top--2 ds-u-padding-left--0 ds-u-md-padding-left--2",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
+                            href: apiUrl,
+                            children: [
+                                "View API",
+                                ' ',
+                                /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                    style: {
+                                        whiteSpace: 'nowrap'
+                                    },
+                                    children: [
+                                        "specification ",
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                            className: "fa fa-arrow-right ds-u-font-weight--bold"
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $789279954d8eff7f$export$2e2bcd8739ae039), {
+                endpoint: `${rootUrl}/metastore/schemas/dataset/items/${id}/docs?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`
+            })
+        ]
     });
 };
 var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
@@ -6581,7 +6034,10 @@ var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
 
 
 
-const $1253cd791a90b9cc$var$DataDictionaryTable = ({ tableColumns: tableColumns, tableData: tableData, pageSize: pageSize, columnFilters: columnFilters })=>{
+
+
+
+const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns, tableData: tableData, pageSize: pageSize, columnFilters: columnFilters })=>{
     const [sorting, setSorting] = (0, $hgUW1$useState)([]);
     const mobile = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
@@ -6752,7 +6208,7 @@ const $1253cd791a90b9cc$var$DataDictionaryTable = ({ tableColumns: tableColumns,
         ]
     });
 };
-var $1253cd791a90b9cc$export$2e2bcd8739ae039 = $1253cd791a90b9cc$var$DataDictionaryTable;
+var $6765a74df807d015$export$2e2bcd8739ae039 = $6765a74df807d015$var$DataDictionaryTable;
 
 
 const $a24829b27758fe6c$var$SitewideDataDictionaryTable = ({ datasetDictionary: datasetDictionary, pageSize: pageSize })=>{
@@ -6771,7 +6227,7 @@ const $a24829b27758fe6c$var$SitewideDataDictionaryTable = ({ datasetDictionary:
             header: 'Format'
         })
     ];
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $1253cd791a90b9cc$export$2e2bcd8739ae039), {
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
         tableColumns: tableColumns,
         tableData: datasetDictionary,
         pageSize: pageSize
@@ -6787,12 +6243,7 @@ var $a24829b27758fe6c$export$2e2bcd8739ae039 = $a24829b27758fe6c$var$SitewideDat
 
 
 
-
-
-
-
-
-const $c08f91c7fd0895d8$var$DatasetDictionaryTable = ({ datasetDictionaryEndpoint: datasetDictionaryEndpoint, pageSize: pageSize, showDownloadButton: showDownloadButton })=>{
+const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datasetDictionary, pageSize: pageSize })=>{
     const [titleFilter, setTitleFilter] = (0, $hgUW1$useState)("");
     const [typeFilter, setTypeFilter] = (0, $hgUW1$useState)("all");
     const columnFilters = (0, $hgUW1$useMemo)(()=>[
@@ -6808,18 +6259,6 @@ const $c08f91c7fd0895d8$var$DatasetDictionaryTable = ({ datasetDictionaryEndpoin
         titleFilter,
         typeFilter
     ]);
-    const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
-    const { data: data } = (0, $hgUW1$useQuery)({
-        queryKey: [
-            "dictionary" + datasetDictionaryEndpoint
-        ],
-        queryFn: ()=>{
-            return (0, $hgUW1$axios).get(`${datasetDictionaryEndpoint}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`).then((res)=>res.data).catch((error)=>console.error(error));
-        },
-        enabled: datasetDictionaryEndpoint !== undefined
-    });
-    const datasetDictionary = data && data.data && data.data.fields && data.data.fields.length ? data.data.fields : null;
-    if (!datasetDictionary) return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {});
     const tableData = datasetDictionary.map((item)=>{
         return {
             titleResizable: item.title,
@@ -6895,38 +6334,6 @@ const $c08f91c7fd0895d8$var$DatasetDictionaryTable = ({ datasetDictionaryEndpoin
     ];
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-margin-bottom--1 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
-                        className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4",
-                        onClick: ()=>window.open(datasetDictionaryEndpoint),
-                        type: "button",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                className: "fa fa-file-download ds-u-color--primary ds-u-padding-right--1"
-                            }),
-                            " View Dictionary JSON"
-                        ]
-                    }),
-                    showDownloadButton && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-u-margin-top--2 ds-u-sm-margin-top--0 ds-u-padding--0 ds-u-sm-padding-left--2",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
-                            href: datasetDictionaryEndpoint + "/csv",
-                            className: "ds-c-button",
-                            style: {
-                                width: '100%'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                    className: "fa fa-file-download ds-u-color--primary ds-u-padding-right--1"
-                                }),
-                                "Download Dictionary CSV"
-                            ]
-                        })
-                    })
-                ]
-            }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 className: "dc-query-builder ds-u-margin-bottom--3",
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -6973,7 +6380,7 @@ const $c08f91c7fd0895d8$var$DatasetDictionaryTable = ({ datasetDictionaryEndpoin
                     })
                 })
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $1253cd791a90b9cc$export$2e2bcd8739ae039), {
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
                 tableColumns: tableColumns,
                 tableData: tableData,
                 pageSize: pageSize,
@@ -6982,51 +6389,24 @@ const $c08f91c7fd0895d8$var$DatasetDictionaryTable = ({ datasetDictionaryEndpoin
         ]
     });
 };
-var $c08f91c7fd0895d8$export$2e2bcd8739ae039 = $c08f91c7fd0895d8$var$DatasetDictionaryTable;
+var $a6e312940f7003ef$export$2e2bcd8739ae039 = $a6e312940f7003ef$var$DatasetDictionaryTable;
 
 
 
 
 
-const $78457092a09654a6$var$DatasetDictionaryPDF = ({ datasetDictionaryEndpoint: datasetDictionaryEndpoint })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-u-margin-bottom--1 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-u-margin-top--2 ds-u-sm-margin-top--0 ds-u-padding--0 ds-u-sm-padding-left--2",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
-                        href: datasetDictionaryEndpoint,
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        className: "ds-c-button",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                className: "fa fa-file-download ds-u-color--primary ds-u-padding-right--1"
-                            }),
-                            " Download Dictionary PDF"
-                        ]
-                    })
-                })
-            }),
-            !window.location.host.includes('cms.gov') && datasetDictionaryEndpoint ? // We can not iframe the data dictionary file on a domain other than https://*.cms.gov
-            // because there is a Content Security Policy directive set
-            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                children: "The data dictionary file can not be displayed at this time."
-            }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "data-dictionary-iframe-container ds-u-margin-top--3",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("iframe", {
-                    src: datasetDictionaryEndpoint,
-                    className: "data-dictionary-iframe"
-                })
-            })
-        ]
+const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionaryEndpoint: datasetDictionaryEndpoint, datasetSitewideDictionary: datasetSitewideDictionary, title: title, pageSize: pageSize = 20, csvDownload: csvDownload })=>{
+    const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "dictionary" + datasetDictionaryEndpoint
+        ],
+        queryFn: ()=>{
+            return (0, $hgUW1$axios).get(`${datasetDictionaryEndpoint}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`).then((res)=>res.data).catch((error)=>console.error(error));
+        },
+        enabled: datasetDictionaryEndpoint !== undefined
     });
-};
-var $78457092a09654a6$export$2e2bcd8739ae039 = $78457092a09654a6$var$DatasetDictionaryPDF;
-
-
-const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionaryEndpoint: datasetDictionaryEndpoint, datasetSitewideDictionary: datasetSitewideDictionary, datasetDictionaryFileType: datasetDictionaryFileType, title: title, pageSize: pageSize = 20, csvDownload: csvDownload })=>{
+    const datasetDictionary = data && data.data && data.data.fields && data.data.fields.length ? data.data.fields : null;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         "data-testid": "dataset-dictionary-tab",
         children: [
@@ -7034,13 +6414,45 @@ const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionaryEndpoint: datas
                 className: "ds-text-heading--2xl ds-u-margin-y--3",
                 children: title
             }),
-            datasetDictionaryFileType === 'application/vnd.tableschema+json' && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $c08f91c7fd0895d8$export$2e2bcd8739ae039), {
-                datasetDictionaryEndpoint: datasetDictionaryEndpoint,
-                pageSize: pageSize,
-                showDownloadButton: csvDownload
-            }),
-            datasetDictionaryFileType === 'application/pdf' && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $78457092a09654a6$export$2e2bcd8739ae039), {
-                datasetDictionaryEndpoint: datasetDictionaryEndpoint
+            datasetDictionary && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-u-margin-bottom--1 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
+                                className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4",
+                                onClick: ()=>window.open(datasetDictionaryEndpoint),
+                                type: "button",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "fa fa-file-download ds-u-color--primary ds-u-padding-right--1"
+                                    }),
+                                    " View Dictionary JSON"
+                                ]
+                            }),
+                            csvDownload && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-u-margin-top--2 ds-u-sm-margin-top--0 ds-u-padding--0 ds-u-sm-padding-left--2",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
+                                    href: datasetDictionaryEndpoint + "/csv",
+                                    className: "ds-c-button",
+                                    style: {
+                                        width: '100%'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                            className: "fa fa-file-download ds-u-color--primary ds-u-padding-right--1"
+                                        }),
+                                        "Download Dictionary CSV"
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a6e312940f7003ef$export$2e2bcd8739ae039), {
+                        datasetDictionary: datasetDictionary,
+                        pageSize: pageSize
+                    })
+                ]
             }),
             datasetSitewideDictionary && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a24829b27758fe6c$export$2e2bcd8739ae039), {
                 datasetDictionary: datasetSitewideDictionary,
@@ -7112,55 +6524,6 @@ var $2bd73bb95b0c04ed$export$2e2bcd8739ae039 = $2bd73bb95b0c04ed$var$DatasetDesc
 
 
 
-
-
-
-
-const $cc87dcd0a050cf52$var$TopicInformation = ({ topicDetails: topicDetails, theme: theme })=>{
-    const topic = topicDetails.filter((topic)=>{
-        return topic.identifier === theme[0].identifier;
-    });
-    const topicChips = [
-        {
-            text: 'Topic Details',
-            href: `/topics/${topic[0].url}`
-        },
-        {
-            text: 'Archived Data',
-            href: `/archived-data/${topic[0].url}`
-        }
-    ];
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "ds-l-col--12",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-margin-y--1 ds-u-font-weight--bold",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("img", {
-                        src: `data:image/svg+xml;utf8,${encodeURIComponent(topic[0].topic_icon)}`,
-                        alt: "",
-                        style: {
-                            height: '2rem'
-                        }
-                    }),
-                    " ",
-                    theme[0].data
-                ]
-            }),
-            topicChips.map((chip)=>/*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "ds-u-display--inline-block ds-u-fill--primary ds-u-radius--pill ds-u-padding-x--2 ds-u-padding-y--05 ds-u-margin-right--1 ds-u-font-size--sm",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
-                        to: chip.href,
-                        className: "ds-u-color--white",
-                        children: chip.text
-                    })
-                }, chip.text))
-        ]
-    });
-};
-var $cc87dcd0a050cf52$export$2e2bcd8739ae039 = $cc87dcd0a050cf52$var$TopicInformation;
-
-
 const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl)=>{
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
@@ -7179,8 +6542,7 @@ const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl)=>{
         dataDictionaryLoading: isPending
     };
 };
-const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, disableTableControls: disableTableControls = false, hideDataDictionary: hideDataDictionary = false, customDescription: customDescription, updateAriaLive: updateAriaLive, showRowLimitNotice: showRowLimitNotice = false, enableEmptyFilters: enableEmptyFilters = false, tabHrefPrepend: tabHrefPrepend = '', showDateDetails: showDateDetails = false, topicDetails: topicDetails = [], showTagsOnOverview: showTagsOnOverview = false, swaggerButtonClassNames: swaggerButtonClassNames = {} })=>{
-    const tabHref = `/dataset/${id}`;
+const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, disableTableControls: disableTableControls = false, hideDataDictionary: hideDataDictionary = false, customDescription: customDescription, updateAriaLive: updateAriaLive, showRowLimitNotice: showRowLimitNotice = false, enableEmptyFilters: enableEmptyFilters = false })=>{
     const options = location.search ? {
         ...(0, $hgUW1$qs).parse(location.search, {
             ignoreQueryPrefix: true
@@ -7188,10 +6550,6 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
     } : {
         conditions: []
     };
-    const dataDictionaryTypes = [
-        'application/vnd.tableschema+json',
-        'application/pdf'
-    ];
     const { dataset: dataset, isPending: isPending } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl);
     const title = dataset.title ? dataset.title : '';
     const metadataMapping = {
@@ -7270,12 +6628,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
         distribution,
         window.location.hash
     ]);
-    const displayDataDictionaryTab = distribution.data && distribution.data.describedBy && dataDictionaryTypes.includes(distribution.data.describedByType) || datasetSitewideDictionary && datasetSitewideDictionary.length > 0;
-    const date = {
-        modified: dataset.modified,
-        released: dataset.released,
-        refresh: dataset.nextUpdateDate
-    };
+    const displayDataDictionaryTab = distribution.data && distribution.data.describedBy && distribution.data.describedByType === 'application/vnd.tableschema+json' || datasetSitewideDictionary && datasetSitewideDictionary.length > 0;
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: dataset.error ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $026cb986f9fea2b1$export$2e2bcd8739ae039), {
             content: notFoundContent,
@@ -7293,22 +6646,14 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                 children: title
                             })
                         }),
-                        topicDetails.length && dataset.theme ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cc87dcd0a050cf52$export$2e2bcd8739ae039), {
-                            topicDetails: topicDetails,
-                            theme: dataset.theme
-                        }) : '',
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: 'ds-l-md-col--12 ds-u-margin-y--2',
-                            children: showDateDetails ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $20de4fedf33d4f9a$export$2e2bcd8739ae039), {
-                                date: date,
-                                modifiedBoldLabel: true,
-                                displayTooltips: true
-                            }) : /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
-                                className: "ds-u-margin--0 ds-u-font-weight--bold",
+                            className: 'ds-l-md-col--12 ds-u-margin-y--1 ds-u-text-align--right',
+                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                                className: "ds-u-margin--0",
                                 children: [
                                     "Updated ",
                                     /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
-                                        date: date.modified
+                                        date: dataset.modified
                                     })
                                 ]
                             })
@@ -7346,7 +6691,6 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Data Table"
                                         ]
                                     }),
-                                    tabHref: `${tabHrefPrepend}${tabHref}#data-table`,
                                     className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
                                     children: (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039).Provider, {
                                         value: {
@@ -7375,15 +6719,13 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Overview"
                                         ]
                                     }),
-                                    tabHref: `${tabHrefPrepend}${tabHref}#overview`,
                                     className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $364dc44850cd8f7f$export$2e2bcd8739ae039), {
                                         resource: resource,
                                         dataset: dataset,
                                         distributions: distributions,
                                         metadataMapping: metadataMapping,
-                                        rootUrl: rootUrl,
-                                        showTags: showTagsOnOverview
+                                        rootUrl: rootUrl
                                     })
                                 }),
                                 !hideDataDictionary && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
@@ -7397,12 +6739,10 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Data Dictionary"
                                         ]
                                     }),
-                                    tabHref: `${tabHrefPrepend}${tabHref}#data-dictionary`,
                                     className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
                                     children: displayDataDictionaryTab ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6012b86ffcaf3f71$export$2e2bcd8739ae039), {
                                         datasetSitewideDictionary: datasetSitewideDictionary,
                                         datasetDictionaryEndpoint: distribution.data.describedBy,
-                                        datasetDictionaryFileType: distribution.data.describedByType,
                                         title: "Data Dictionary",
                                         csvDownload: dataDictionaryCSV
                                     }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
@@ -7420,14 +6760,12 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "API"
                                         ]
                                     }),
-                                    tabHref: `${tabHrefPrepend}${tabHref}#api`,
                                     className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf6eaefd6b928de3$export$2e2bcd8739ae039), {
                                         id: id,
                                         rootUrl: rootUrl,
                                         apiUrl: apiPageUrl,
-                                        showRowLimitNotice: showRowLimitNotice,
-                                        swaggerButtonClassNames: swaggerButtonClassNames
+                                        showRowLimitNotice: showRowLimitNotice
                                     })
                                 })
                             ]
@@ -8988,5 +8326,5 @@ var $90fb213ab8eeb2e7$export$2e2bcd8739ae039 = $90fb213ab8eeb2e7$var$useScrollTo
 
 
 
-export {$e49d4387bed21287$export$2e2bcd8739ae039 as ApiRowLimitNotice, $a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $c068004d499082cc$export$2e2bcd8739ae039 as DatasetListItem, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $17711e94d2ce0ee4$export$2e2bcd8739ae039 as DatasetDateItem, $20de4fedf33d4f9a$export$2e2bcd8739ae039 as DatasetDate, $10bc3aae21fc1572$export$2e2bcd8739ae039 as DatasetListSubmenu, $e011250e8a3bd5e5$export$2e2bcd8739ae039 as DatasetSearchFacets, $2276c8c929d6a6d3$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $bdb071ea3a6d3466$export$2e2bcd8739ae039 as SearchInput, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText, $6fd40f23575fa7f0$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $550bcc185f420ff5$export$2e2bcd8739ae039 as DatasetList, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $8b67b7ee3fcfb629$export$2e2bcd8739ae039 as StoredQueryPage, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ee0d4d4f34048447$export$2e2bcd8739ae039 as DataTableActionsProvider, $844981eac9b63865$export$eccc29c8d0ff408 as ACAContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6d5c0212e738499b$export$34e95918366a058e as acaToParams, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping};
+export {$e49d4387bed21287$export$2e2bcd8739ae039 as ApiRowLimitNotice, $a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $c068004d499082cc$export$2e2bcd8739ae039 as DatasetListItem, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $17711e94d2ce0ee4$export$2e2bcd8739ae039 as DatasetDateItem, $20de4fedf33d4f9a$export$2e2bcd8739ae039 as DatasetDate, $85f8ff1ff89899c7$export$2e2bcd8739ae039 as DataTableToolbar, $10bc3aae21fc1572$export$2e2bcd8739ae039 as DatasetListSubmenu, $e011250e8a3bd5e5$export$2e2bcd8739ae039 as DatasetSearchFacets, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $bdb071ea3a6d3466$export$2e2bcd8739ae039 as SearchInput, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $550bcc185f420ff5$export$2e2bcd8739ae039 as DatasetList, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $8b67b7ee3fcfb629$export$2e2bcd8739ae039 as StoredQueryPage, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ee0d4d4f34048447$export$2e2bcd8739ae039 as DataTableActionsProvider, $844981eac9b63865$export$eccc29c8d0ff408 as ACAContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6d5c0212e738499b$export$34e95918366a058e as acaToParams, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping};
 //# sourceMappingURL=main.js.map