@civicactions/cmsds-open-data-components 3.2.6-alpha.5 → 3.4.0-alpha.1

package/dist/main.js

@@ -1,7 +1,7 @@
 import "./main.css";
 import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
-import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
-import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Dialog as $hgUW1$Dialog, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Tooltip as $hgUW1$Tooltip, Badge as $hgUW1$Badge, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead, TooltipIcon as $hgUW1$TooltipIcon} from "@cmsgov/design-system";
+import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, createContext as $hgUW1$createContext, useMemo as $hgUW1$useMemo, useContext as $hgUW1$useContext, useCallback as $hgUW1$useCallback} from "react";
+import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Dialog as $hgUW1$Dialog, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
 import $hgUW1$proptypes from "prop-types";
 import {NavLink as $hgUW1$NavLink, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate} from "react-router-dom";
 import $hgUW1$qs from "qs";
@@ -12,7 +12,7 @@ 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 {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 {createColumnHelper as $hgUW1$createColumnHelper, useReactTable as $hgUW1$useReactTable, getCoreRowModel as $hgUW1$getCoreRowModel, getFilteredRowModel as $hgUW1$getFilteredRowModel, getPaginationRowModel as $hgUW1$getPaginationRowModel, getSortedRowModel as $hgUW1$getSortedRowModel, flexRender as $hgUW1$flexRender} 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";
@@ -1389,6 +1389,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
             "datastore" + id + additionalParamsString
         ],
         queryFn: ()=>{
+            setCount(null);
             return fetch(`${rootUrl}/datastore/query/${id}?${additionalParamsString}`).then((res)=>res.json());
         },
         enabled: enabled
@@ -1551,7 +1552,10 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
         });
         if (data.hasEmail) rows.push({
             label: "Contact Email",
-            value: data.hasEmail
+            value: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
+                href: data.hasEmail.includes("mailto:") ? data.hasEmail : `mailto:${data.hasEmail}`,
+                children: data.hasEmail.replace("mailto:", "")
+            })
         });
         return rows;
     },
@@ -1667,1029 +1671,634 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
 
 
 
-
-
-
-
-
-const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: header, sortElement: sortElement, setAriaLiveFeedback: setAriaLiveFeedback })=>{
-    const [columnResizing, setColumnResizing] = (0, $hgUW1$useState)("");
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("th", {
-        key: header.id,
-        style: {
-            width: header.getSize()
-        },
-        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold",
+function $5644ebd2c3dbfd7b$export$eea3a12df15499ca(metadataMapping, datasetInfo) {
+    const rows = [];
+    Object.keys(metadataMapping).forEach((d)=>{
+        if (!datasetInfo[d]) return null;
+        else rows.push(...metadataMapping[d](datasetInfo[d]));
+    });
+    return rows;
+}
+const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datasetInfo, id: id, metadataMapping: metadataMapping })=>{
+    const rows = $5644ebd2c3dbfd7b$export$eea3a12df15499ca(metadataMapping, datasetInfo);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "dc-c-additional-info-table ds-u-margin-bottom--6",
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-display--flex",
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                className: "ds-text-heading--2xl ds-u-margin-y--3",
+                children: "Additional Information"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
+                compact: true,
+                striped: true,
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        style: {
-                            maxWidth: header.getSize() - 16
-                        },
-                        title: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "",
-                        children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                    children: "Field"
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                    children: "Value"
+                                })
+                            ]
+                        })
                     }),
-                    sortElement && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                        onClick: header.column.getToggleSortingHandler(),
-                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
-                        "aria-label": `${header.column.columnDef.header} sort order`
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
+                        children: rows.map((r)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                        children: r.label
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                        className: "ds-u-word-break-anywhere",
+                                        children: r.value
+                                    })
+                                ]
+                            }, `${r.label}_${id}`))
                     })
                 ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                onMouseDown: header.getResizeHandler(),
-                onTouchStart: header.getResizeHandler(),
-                className: `dc-c-resize-handle ds-u-focus-visible ${header.column.getIsResizing() || header.column.id == columnResizing ? "isResizing" : ""}`,
-                "aria-label": `Resize ${header.column.columnDef.header} column`,
-                onKeyDown: (e)=>{
-                    const columnSizingObject = table.getState().columnSizing;
-                    switch(e.key){
-                        case "Enter":
-                        case " ":
-                            e.preventDefault();
-                            e.stopPropagation();
-                            if (columnResizing) {
-                                // end resizing
-                                setColumnResizing("");
-                                setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
-                            } else {
-                                // start resizing
-                                setColumnResizing(header.column.id);
-                                setAriaLiveFeedback(`${header.column.columnDef.header} grabbed.`);
-                            }
-                            break;
-                        case "Escape":
-                            if (columnResizing) {
-                                setColumnResizing("");
-                                setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
-                            }
-                            break;
-                        case "ArrowRight":
-                            e.preventDefault();
-                            e.stopPropagation();
-                            if (columnResizing) {
-                                columnSizingObject[header.column.id] = header.getSize() + 10;
-                                table.setColumnSizing(columnSizingObject);
-                                setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
-                            }
-                            break;
-                        case "ArrowLeft":
-                            e.preventDefault();
-                            e.stopPropagation();
-                            if (columnResizing) {
-                                columnSizingObject[header.column.id] = header.getSize() - 10;
-                                table.setColumnSizing(columnSizingObject);
-                                setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
-                            }
-                            break;
-                    }
-                },
-                onBlur: ()=>{
-                    setColumnResizing("");
-                }
             })
         ]
     });
 };
-var $64a351d3fd8413c3$export$2e2bcd8739ae039 = $64a351d3fd8413c3$var$HeaderResizeElement;
+var $5644ebd2c3dbfd7b$export$2e2bcd8739ae039 = $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation;
 
 
-const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table, sortElement: sortElement = null, setAriaLiveFeedback: setAriaLiveFeedback })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("thead", {
-        className: "dc-thead--truncated dc-thead--resizeable",
-        children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
-                className: "dc-c-sticky-header",
-                children: headerGroup.headers.map((header)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $64a351d3fd8413c3$export$2e2bcd8739ae039), {
-                        table: table,
-                        header: header,
-                        sortElement: sortElement,
-                        setAriaLiveFeedback: setAriaLiveFeedback
-                    }, header.id + "_dataTableResize"))
-            }, headerGroup.id))
-    });
-};
-var $96d341d082bffec5$export$2e2bcd8739ae039 = $96d341d082bffec5$var$TruncatedResizeableTHead;
 
 
 
 
 
-const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table, sortElement: sortElement })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("thead", {
-        className: "dc-thead--fixed-size",
-        children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
-                children: headerGroup.headers.map((header)=>{
-                    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",
+
+
+const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
+    const { count: count, columns: columns } = resource;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "dc-c-resource-info-table ds-l-col--12 ds-u-padding-left--0 ds-u-margin-y--2",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
+                className: "ds-u-font-size--base ds-text-heading--xl ds-text-heading--xl",
+                children: "About this Resource"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-u-display--flex ds-u-text-align--center ds-u-justify-content--center ds-u-md-justify-content--start",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-u-fill--gray-lightest ds-u-radius ds-u-margin-right--1 ds-u-padding--2",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-u-padding-top--05",
+                                children: "Rows"
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-u-font-weight--bold",
+                                children: count ? count.toLocaleString() : ""
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-u-fill--gray-lightest ds-u-radius ds-u-margin-right--1 ds-u-padding--2",
                         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)("div", {
+                                    className: "ds-u-padding-top--05",
+                                    children: "Columns"
                                 }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    className: header.column.getCanSort() ? `cursor-pointer select-none ${sortElement(header.column.getIsSorted())}` : ""
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "ds-u-font-weight--bold",
+                                    children: columns.length.toLocaleString()
                                 })
                             ]
                         })
-                    });
-                })
-            }, headerGroup.id))
+                    })
+                ]
+            })
+        ]
     });
 };
-var $23763e27eda0e8d7$export$2e2bcd8739ae039 = $23763e27eda0e8d7$var$FixedSizeTHead;
-
-
-
-
-
-
-
-
-
+var $0958733ee130fc44$export$2e2bcd8739ae039 = $0958733ee130fc44$var$ResourceInformation;
 
 
+function $f764661366bd9e1b$export$ee48b7e0e4eb536e(dist) {
+    if (dist && dist.data) {
+        if (dist.data.format) return dist.data.format.toLowerCase();
+        if (dist.data.mediaType) {
+            const mediaType = dist.data.mediaType.split("/");
+            if (mediaType.length && mediaType[1]) return mediaType[1].toLowerCase();
+        }
+        if (dist.data["%Ref:downloadURL"].length && dist.data["%Ref:downloadURL"][0].data) {
+            if (dist.data["%Ref:downloadURL"][0].data.mimeType) {
+                const mimeType = dist.data["%Ref:downloadURL"][0].data.mimeType.split("/");
+                if (mimeType.length && mimeType[1]) return mimeType[1].toLowerCase();
+            }
+        }
+    }
+    return "";
+}
 
 
 
-const $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 $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource: resource, title: title })=>{
+    const sm = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 767
     });
-    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,
-        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);
-        },
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        className: "ds-u-display--flex ds-u-flex-wrap--wrap",
         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)("h2", {
+                className: "ds-l-col--12 ds-u-padding-left--0 ds-text-heading--2xl",
+                children: "Resources"
             }),
-            /*#__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"
+            distributions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                className: "ds-c-list ds-c-list--bare dc-c-resource-full-width",
+                children: distributions.map((dist)=>{
+                    const fileFormat = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(dist);
+                    return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
+                        className: `ds-u-display--flex ds-u-flex-wrap--wrap ${fileFormat !== "csv" && "ds-u-margin-bottom--2"}`,
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                className: "ds-u-font-weight--bold ds-u-font-size--lg ds-l-col--12 ds-l-md-col--6 ds-u-padding-left--0 ds-u-align-items--center ds-u-display--flex",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "fa ds-u-color--primary ds-u-padding-right--1 ds-u-font-size--3xl fa-file-" + (fileFormat == "xlsx" ? "xls" : fileFormat)
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                                        className: "ds-u-margin-top--0",
+                                        children: [
+                                            dist.data.title ? dist.data.title : title,
+                                            " (" + fileFormat.toUpperCase() + ")"
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-col--12 ds-l-md-col--6 ds-u-text-align--center ds-u-md-text-align--right ds-u-margin-top--2 ds-u-md-margin-top--0",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
+                                    href: dist.data.downloadURL,
+                                    style: {
+                                        order: sm ? "1" : "0",
+                                        width: sm ? "100%" : "auto"
+                                    },
+                                    "aria-label": `Download ${dist.data.title || title} ${fileFormat}`,
+                                    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"
+                                    ]
+                                })
+                            }),
+                            dist.data.description && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-u-measure--wide ds-u-margin-bottom--7",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "dc-c-metadata-description ds-u-margin--0",
+                                    dangerouslySetInnerHTML: {
+                                        __html: (0, $hgUW1$dompurify).sanitize(dist.data.description)
+                                    }
+                                })
+                            }),
+                            fileFormat === "csv" && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $0958733ee130fc44$export$2e2bcd8739ae039), {
+                                resource: resource
+                            })
+                        ]
+                    }, dist.identifier);
                 })
+            }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "ds-u-margin-bottom--2",
+                children: "No resources have been added to this dataset."
             })
         ]
     });
 };
-var $5fe94aeb50e0798b$export$2e2bcd8739ae039 = $5fe94aeb50e0798b$var$Card;
-
+var $7357cc0f79f9c514$export$2e2bcd8739ae039 = $7357cc0f79f9c514$var$Resource;
 
 
-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, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility })=>{
-    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
-    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)();
-    // 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
-    ]);
-    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 hiddenColumns = columns.filter((c)=>c.getIsVisible() === false).length;
-    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;
-        }));
+const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: resource, distributions: distributions, metadataMapping: metadataMapping })=>{
+    const md = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 768
     });
-    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 rows = (0, $5644ebd2c3dbfd7b$export$eea3a12df15499ca)(metadataMapping, dataset);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $7357cc0f79f9c514$export$2e2bcd8739ae039), {
+                distributions: distributions,
+                resource: resource,
+                title: dataset.title
+            }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-border-top--1 ds-u-fill--gray-lightest ds-u-display--flex ds-u-justify-content--between",
+                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)("div", {
-                        children: hiddenColumns > 0 && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Alert), {
-                            variation: "warn",
-                            children: [
-                                hiddenColumns,
-                                " Columns Hidden"
-                            ]
-                        })
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                        className: "ds-text-heading--2xl ds-text-heading--2xl",
+                        children: "Additional Information"
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-                        "aria-label": "Manage columns - Opens in a dialog",
-                        icon: "columns",
-                        text: "Manage columns",
-                        className: "ds-c-button ds-c-button--ghost ds-u-margin-y--1",
-                        onClick: ()=>{
-                            setModalOpen(true);
-                        },
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                className: "far fa-cog ds-u-margin-right--1"
-                            }),
-                            "Manage Columns"
-                        ]
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Table), {
+                        compact: true,
+                        stackable: true,
+                        stackableBreakpoint: "md",
+                        warningDisabled: true,
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
+                            children: rows.map((r)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                                    children: [
+                                        md ? "" : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                            component: "th",
+                                            className: "ds-u-font-weight--bold",
+                                            children: r.label
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                            stackedTitle: r.label,
+                                            children: r.value
+                                        })
+                                    ]
+                                }, `${r.label}_${dataset.identifier}`))
+                        })
                     })
                 ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
-                    heading: "Manage columns",
-                    isOpen: modalOpen,
-                    onExit: ()=>{
-                        setModalOpen(false);
-                        resetCards();
-                    },
-                    className: "dkan-manage-columns-dialog",
-                    actions: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-flex-wrap--wrap ds-u-padding-x--3 ds-u-padding-bottom--1 ds-u-sm-padding-bottom--3",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                        variation: "solid",
-                                        className: "ds-l-col--6 ds-l-sm-col--auto",
-                                        onClick: ()=>{
-                                            setModalOpen(false);
-                                            // update table state
-                                            // Visibility
-                                            // This code is building a new columnVisibility state object from the card state and doing a single setState on the table
-                                            // vs doing a setState on every changed column individually
-                                            const newColumnVisibility = Object.fromEntries(cards.map((c)=>Object.values(c)));
-                                            setColumnVisibility(newColumnVisibility);
-                                            // Card order
-                                            const newCardOrder = cards.map((c)=>{
-                                                return c.id;
-                                            });
-                                            setColumnOrder(newCardOrder);
-                                            // save to localStorage
-                                            const localStorageData = {
-                                                tableColumnOrder: newCardOrder,
-                                                tableColumnVisibility: newColumnVisibility
-                                            };
-                                            localStorage.setItem(id, JSON.stringify(localStorageData));
-                                        },
-                                        children: "Save"
-                                    }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                        variation: "ghost",
-                                        className: "ds-l-col--6 ds-l-sm-col--auto",
-                                        onClick: ()=>{
-                                            setModalOpen(false);
-                                            resetCards();
-                                        },
-                                        children: "Cancel"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-padding-top--1 ds-u-sm-padding-y--0",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                    variation: "ghost",
-                                    className: "ds-l-col--6 ds-l-sm-col--auto",
-                                    onClick: ()=>{
-                                        // reset to default column order and set all cards to visible
-                                        // do not save this to the table state until the "Save" button is clicked
-                                        setCards(defaultColumnOrder.map((column)=>{
-                                            const card = cards.filter((c)=>c.id === column)[0];
-                                            return {
-                                                ...card,
-                                                visible: true
-                                            };
-                                        }));
-                                    },
-                                    children: "Reset Columns"
-                                })
-                            })
-                        ]
-                    }),
-                    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);
-                                    })
-                                })
-                            })
-                        }),
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "sr-only aria-live-feedback",
-                            "aria-live": "assertive",
-                            "aria-atomic": "true",
-                            children: ariaLiveFeedback
-                        })
-                    ]
-                })
             })
         ]
     });
 };
-var $5d9e2ce238d53d29$export$2e2bcd8739ae039 = $5d9e2ce238d53d29$var$ManageColumns;
+var $364dc44850cd8f7f$export$2e2bcd8739ae039 = $364dc44850cd8f7f$var$DatasetOverview;
 
 
-const $d98f94c79ddf4e0e$var$DataTable = ({ id: id, data: data, columns: columns, setSort: setSort, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, manageColumnsEnabled: manageColumnsEnabled })=>{
-    const [sorting, setSorting] = (0, $hgUW1$react).useState([]);
-    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
-    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 localStorageData = JSON.parse(localStorage.getItem(id));
-    const [columnOrder, setColumnOrder] = (0, $hgUW1$useState)(()=>{
-        if (manageColumnsEnabled && localStorageData) return localStorageData.tableColumnOrder;
-        else return table_columns.map((c)=>c.accessorKey);
-    });
-    const [columnVisibility, setColumnVisibility] = (0, $hgUW1$useState)(()=>{
-        if (manageColumnsEnabled && localStorageData) return localStorageData.tableColumnVisibility;
-        else return {};
-    });
-    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
+
+
+
+
+
+
+
+const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
+            url: endpoint
+        })
     });
-    (0, $hgUW1$react).useEffect(()=>{
-        const normalizedSort = sortTransform ? sortTransform(sorting) : filters;
-        setSort(normalizedSort);
-    }, [
-        sorting
-    ]);
-    const defaultColumnOrder = (0, $hgUW1$useMemo)(()=>table_columns.map((column)=>{
-            return column.accessorKey;
-        }));
+};
+var $789279954d8eff7f$export$2e2bcd8739ae039 = $789279954d8eff7f$var$ApiDocumentation;
+
+
+const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: apiUrl, additionalParams: additionalParams })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            manageColumnsEnabled && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5d9e2ce238d53d29$export$2e2bcd8739ae039), {
-                    id: id,
-                    columns: table.getAllLeafColumns(),
-                    columnOrder: columnOrder,
-                    defaultColumnOrder: defaultColumnOrder,
-                    setColumnOrder: setColumnOrder,
-                    setColumnVisibility: setColumnVisibility
-                })
-            }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "dc-c-datatable-wrapper",
-                tabIndex: 0,
+                className: "ds-u-display--flex ds-u-flex-wrap--wrap",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("table", {
-                        style: {
-                            width: canResize ? table.getCenterTotalSize() : "100%"
-                        },
-                        className: "dc-c-datatable",
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-col--12 ds-l-md-col--9 ds-u-padding-left--0",
                         children: [
-                            canResize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $96d341d082bffec5$export$2e2bcd8739ae039), {
-                                table: table,
-                                sortElement: sortElement,
-                                setAriaLiveFeedback: setAriaLiveFeedback
-                            }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $23763e27eda0e8d7$export$2e2bcd8739ae039), {
-                                table: table,
-                                sortElement: sortElement
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                                className: "ds-text-heading--2xl",
+                                children: "Try the API"
                             }),
-                            loading ? /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {}) : /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
-                                children: table.getRowModel().rows.map((row, index)=>{
-                                    const even = (index + 1) % 2 === 0;
-                                    return /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
-                                        className: `${even ? "dc-c-datatable--even-row" : ""}`,
-                                        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);
-                                })
+                            /*#__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."
                             })
                         ]
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "sr-only",
-                        "aria-live": "assertive",
-                        "aria-atomic": "true",
-                        children: ariaLiveFeedback
+                        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"
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
                     })
                 ]
             }),
-            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"
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $789279954d8eff7f$export$2e2bcd8739ae039), {
+                endpoint: `${rootUrl}/metastore/schemas/dataset/items/${id}/docs${additionalParams && additionalParams.ACA ? "?ACA=" + additionalParams.ACA + "&redirect=false" : ""}`
             })
         ]
     });
 };
-var $d98f94c79ddf4e0e$export$2e2bcd8739ae039 = $d98f94c79ddf4e0e$var$DataTable;
+var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
 
 
-function $aa4450dcbeef3ac0$export$385a5aba38cc3325(sortArray) {
-    let newQuery = [];
-    sortArray.forEach((s)=>{
-        return newQuery.push({
-            property: s.id,
-            order: s.desc ? "desc" : "asc"
-        });
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: header, sortElement: sortElement, setAriaLiveFeedback: setAriaLiveFeedback })=>{
+    const [columnResizing, setColumnResizing] = (0, $hgUW1$useState)("");
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("th", {
+        key: header.id,
+        style: {
+            width: header.getSize()
+        },
+        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-u-display--flex",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            title: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "",
+                            children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
+                        })
+                    }),
+                    sortElement && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
+                        onClick: header.column.getToggleSortingHandler(),
+                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
+                        "aria-label": `${header.column.columnDef.header} sort order`
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
+                onMouseDown: header.getResizeHandler(),
+                onTouchStart: header.getResizeHandler(),
+                className: `dc-c-resize-handle ds-u-focus-visible ${header.column.getIsResizing() || header.column.id == columnResizing ? "isResizing" : ""}`,
+                "aria-label": `Resize ${header.column.columnDef.header} column`,
+                onKeyDown: (e)=>{
+                    const columnSizingObject = table.getState().columnSizing;
+                    switch(e.key){
+                        case "Enter":
+                        case " ":
+                            e.preventDefault();
+                            e.stopPropagation();
+                            if (columnResizing) {
+                                // end resizing
+                                setColumnResizing("");
+                                setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
+                            } else {
+                                // start resizing
+                                setColumnResizing(header.column.id);
+                                setAriaLiveFeedback(`${header.column.columnDef.header} grabbed.`);
+                            }
+                            break;
+                        case "Escape":
+                            if (columnResizing) {
+                                setColumnResizing("");
+                                setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
+                            }
+                            break;
+                        case "ArrowRight":
+                            e.preventDefault();
+                            e.stopPropagation();
+                            if (columnResizing) {
+                                columnSizingObject[header.column.id] = header.getSize() + 10;
+                                table.setColumnSizing(columnSizingObject);
+                                setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
+                            }
+                            break;
+                        case "ArrowLeft":
+                            e.preventDefault();
+                            e.stopPropagation();
+                            if (columnResizing) {
+                                columnSizingObject[header.column.id] = header.getSize() - 10;
+                                table.setColumnSizing(columnSizingObject);
+                                setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
+                            }
+                            break;
+                    }
+                },
+                onBlur: ()=>{
+                    setColumnResizing("");
+                }
+            })
+        ]
     });
-    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: "<"
-    }
-];
-function $7264a673914aa746$export$2b9377795161999(type) {
-    switch(type){
-        case "text":
-        case "string":
-            return [
-                {
-                    label: "Is",
-                    value: "="
-                },
-                {
-                    label: "Starts With",
-                    value: "starts with"
-                },
-                {
-                    label: "Contains",
-                    value: "contains"
-                },
-                {
-                    label: "Is Not",
-                    value: "<>"
-                },
-                {
-                    label: "Or",
-                    value: "in"
-                }
-            ];
-        case "date":
-            return [
-                {
-                    label: "Is",
-                    value: "="
-                },
-                {
-                    label: "Is Not",
-                    value: "<>"
-                },
-                {
-                    label: "Greater Than",
-                    value: ">"
-                },
-                {
-                    label: "Less Than",
-                    value: "<"
-                }
-            ];
-        default:
-            // These 2 should be safe for all data types
-            return [
-                {
-                    label: "Is",
-                    value: "="
-                },
-                {
-                    label: "Is Not",
-                    value: "<>"
-                }
-            ];
-    }
-}
-
+};
+var $64a351d3fd8413c3$export$2e2bcd8739ae039 = $64a351d3fd8413c3$var$HeaderResizeElement;
 
 
 
-
-
-
-
-const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className })=>{
-    const numTotalRows = totalRows;
-    if (numTotalRows === 0) return /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-        className: className,
-        children: `0 - 0 of 0 rows`
+const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns, tableData: tableData, pageSize: pageSize, columnFilters: columnFilters })=>{
+    const [sorting, setSorting] = (0, $hgUW1$useState)([]);
+    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
+    const mobile = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 544
     });
-    const ofTotal = ()=>{
-        if (limit >= numTotalRows) return numTotalRows;
-        if (limit + offset >= numTotalRows) return numTotalRows;
-        if (offset === 0) return limit;
-        return offset + limit;
+    const sortElement = (isSorted)=>{
+        if (isSorted === "asc") return "dc-c-sort--asc";
+        if (isSorted === "desc") return "dc-c-sort--desc";
+        return "dc-c-sort--default";
     };
-    const page = offset / limit;
-    const startTotal = ()=>page * limit + 1;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
-        className: className,
-        children: [
-            "Displaying",
-            " ",
-            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                className: "ds-u-font-weight--bold",
-                children: `${startTotal().toLocaleString()} - ${ofTotal().toLocaleString()}`
-            }),
-            " ",
-            "of ",
-            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                className: "ds-u-font-weight--bold",
-                children: `${numTotalRows.toLocaleString()}`
-            }),
-            " ",
-            "results"
-        ]
+    const table = (0, $hgUW1$useReactTable)({
+        data: tableData,
+        columns: tableColumns,
+        columnResizeMode: "onChange",
+        getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
+        getFilteredRowModel: (0, $hgUW1$getFilteredRowModel)(),
+        getPaginationRowModel: (0, $hgUW1$getPaginationRowModel)(),
+        getSortedRowModel: (0, $hgUW1$getSortedRowModel)(),
+        onSortingChange: setSorting,
+        initialState: {
+            pagination: {
+                pageSize: pageSize,
+                pageIndex: 0
+            }
+        },
+        state: {
+            sorting: sorting,
+            columnFilters: columnFilters
+        }
     });
-};
-$2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
-    className: "data-table-results"
-};
-$2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
-    className: (0, $hgUW1$proptypes).string,
-    totalRows: (0, $hgUW1$proptypes).number.isRequired,
-    limit: (0, $hgUW1$proptypes).number.isRequired,
-    offset: (0, $hgUW1$proptypes).number.isRequired
-};
-var $2ed0091f7e32d1e6$export$2e2bcd8739ae039 = $2ed0091f7e32d1e6$var$DataTablePageResults;
-
-
-
-
-
-const $6380a4a580b24362$var$DataTableHeader = ({ resource: resource, downloadURL: downloadURL, unfilteredDownloadURL: unfilteredDownloadURL, jsonUrl: jsonUrl, setPage: setPage })=>{
-    const { limit: limit, offset: offset, count: count, conditions: conditions, setLimit: setLimit, setOffset: setOffset } = resource;
-    const intCount = count ? count : 0;
-    const rowOptions = [
-        10,
-        25,
-        50,
-        100
+    const sortOptions = [
+        {
+            value: "default",
+            label: "No Sort"
+        },
+        {
+            value: "titleasc",
+            label: "Title A-Z"
+        },
+        {
+            value: "titledesc",
+            label: "Title Z-A"
+        },
+        {
+            value: "typeasc",
+            label: "Type A-Z"
+        },
+        {
+            value: "typedesc",
+            label: "Type Z-A"
+        }
     ];
+    const sortStatesLookup = {
+        default: [],
+        titleasc: [
+            {
+                id: "titleResizable",
+                desc: false
+            }
+        ],
+        titledesc: [
+            {
+                id: "titleResizable",
+                desc: true
+            }
+        ],
+        typeasc: [
+            {
+                id: "type",
+                desc: false
+            }
+        ],
+        typedesc: [
+            {
+                id: "type",
+                desc: true
+            }
+        ]
+    };
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between",
         children: [
+            mobile && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "ds-u-margin-bottom--3 ds-l-col--12 ds-l-sm-col--6",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                    labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
+                    options: sortOptions,
+                    label: "Sort",
+                    value: Object.keys(sortStatesLookup).find((key)=>{
+                        return JSON.stringify(sortStatesLookup[key]) == JSON.stringify(sorting);
+                    }),
+                    name: "dc-data-dictionary-type",
+                    onChange: (e)=>{
+                        setSorting(sortStatesLookup[e.target.value]);
+                    }
+                })
+            }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "dc-c-resource-header--buttons ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-l-col--12 ds-u-margin-top--2 ds-u-padding-x--0",
+                className: "dc-c-datadictionary-table",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-margin-bottom--2",
-                        children: conditions && conditions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
-                            onOpen: ()=>{
-                                navigator.clipboard.writeText(window.location.href);
-                            },
-                            className: "ds-c-button ds-u-text-align--center ds-u-display--inline-block ds-l-col--12",
-                            placement: "bottom",
-                            dialog: true,
-                            ariaLabel: "Copy link to filtered data",
-                            title: "Link copied to clipboard",
-                            "aria-disabled": !conditions || conditions.length === 0,
-                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                        className: "fas fa-copy"
-                                    }),
-                                    " Copy link to filtered data"
-                                ]
-                            })
-                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                            "aria-disabled": true,
-                            "aria-label": "Copy link to filtered data",
-                            className: "ds-c-button ds-u-text-align--center ds-u-display--inline-block ds-l-col--12",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                        className: "fas fa-copy"
-                                    }),
-                                    " Copy link to filtered data"
-                                ]
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-l-col--12 ds-l-md-col--auto ds-u-padding-x--0 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
+                        className: "dc-c-datatable",
+                        style: {
+                            width: "100%"
+                        },
+                        stackable: true,
                         children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-left--2 ds-u-margin-bottom--2",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                    className: "ds-u-text-align--center ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1 ds-u-display--inline-block ds-l-col--12",
-                                    href: downloadURL,
-                                    "aria-disabled": !conditions || conditions.length === 0,
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                        className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
-                                        children: [
-                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                                className: "fas fa-file-csv"
-                                            }),
-                                            " Download filtered data (CSV)"
-                                        ]
-                                    })
-                                })
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
+                                className: "dc-thead--truncated dc-thead--resizeable",
+                                children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
+                                        children: headerGroup.headers.map((header)=>{
+                                            return header.id === "titleResizable" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $64a351d3fd8413c3$export$2e2bcd8739ae039), {
+                                                table: table,
+                                                header: header,
+                                                setAriaLiveFeedback: setAriaLiveFeedback,
+                                                sortElement: sortElement
+                                            }, header.id + "_resize") : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
+                                                key: header.id,
+                                                className: `ds-u-border-y--2 ds-u-border--dark ds-u-border-x--0`,
+                                                id: "dataDictionary_" + header.id,
+                                                children: [
+                                                    (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext()),
+                                                    header.id === "type" && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
+                                                        onClick: header.column.getToggleSortingHandler(),
+                                                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
+                                                        "aria-label": `${header.column.columnDef.header} sort order`
+                                                    })
+                                                ]
+                                            });
+                                        })
+                                    }, "header" + headerGroup.id))
                             }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-left--2 ds-u-margin-bottom--2",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                    className: "ds-u-text-align--center ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1 ds-u-display--inline-block ds-l-col--12",
-                                    href: unfilteredDownloadURL,
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                        className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
-                                        children: [
-                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                                className: "fas fa-file-csv"
-                                            }),
-                                            " Download full dataset (CSV)"
-                                        ]
-                                    })
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
+                                children: table.getRowModel().rows.map((row, index)=>{
+                                    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
+                                        children: row.getVisibleCells().map((cell)=>{
+                                            return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                                key: cell.id,
+                                                style: {
+                                                    maxWidth: mobile ? "100%" : cell.column.getSize(),
+                                                    whiteSpace: cell.column.id === "description" ? "pre-wrap" : "normal"
+                                                },
+                                                className: `${cell.column.id === "titleResizable" ? "ds-u-word-break" : ""}`,
+                                                headers: "dataDictionary_" + cell.column.id,
+                                                stackedTitle: cell.column.id === "titleResizable" ? "Title" : cell.column.columnDef.header,
+                                                children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
+                                            });
+                                        })
+                                    }, index + JSON.stringify(row));
                                 })
                             })
                         ]
                     }),
-                    jsonUrl && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-margin-left--2 ds-u-margin-top--2 ds-u-sm-margin-top--0",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                            className: "ds-u-text-align--center ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1 ds-u-display--inline-block ds-l-col--12",
-                            href: jsonUrl,
-                            "aria-label": "Export to .JSON",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                        className: "fas fa-file-code"
-                                    }),
-                                    " Export to JSON"
-                                ]
-                            })
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-l-col--12 ds-u-display--flex ds-u-align-items--end ds-u-flex-direction--row-reverse ds-u-sm-flex-direction--row ds-u-padding-x--0 ds-u-margin-bottom--2 ds-u-flex-wrap--wrap",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-col--12 ds-l-sm-col--8 ds-u-padding-x--0",
-                        children: !resource.loading && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2ed0091f7e32d1e6$export$2e2bcd8739ae039), {
-                            totalRows: intCount,
-                            limit: limit,
-                            offset: offset
-                        })
-                    }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-col--12 ds-l-sm-col--4 ds-u-display--flex ds-u-justify-content--end ds-u-padding-x--0",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                                options: rowOptions.map((row)=>({
-                                        label: row.toString(),
-                                        value: row
-                                    })),
-                                size: "medium",
-                                label: "Rows per page:",
-                                labelClassName: "ds-u-margin-top--0",
-                                name: "datatable_rows_per_page",
-                                onChange: (e)=>{
-                                    setLimit(parseInt(e.target.value));
-                                    setPage(1);
-                                    setOffset(0);
-                                },
-                                defaultValue: limit.toString()
-                            })
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-var $6380a4a580b24362$export$2e2bcd8739ae039 = $6380a4a580b24362$var$DataTableHeader;
-
-
-
-
-
-
-
-
-
-
-
-
-const $bef7bff2823feea2$var$QueryTitle = ({ conditions: conditions, schema: schema, customColumns: customColumns })=>{
-    const { fields: fields } = schema;
-    const prependedMessage = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-        children: "Data filters: "
-    });
-    if (!conditions || !conditions.length) return /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
-        className: "ds-u-margin-y--0",
-        children: [
-            prependedMessage,
-            " none"
-        ]
-    });
-    function formatValue(text, property) {
-        if (customColumns && customColumns.length > 0) {
-            let newValue = text;
-            let customColumn = customColumns.find((c)=>c.accessor === property);
-            if (customColumn && customColumn.cell) return customColumn.cell({
-                value: text
-            });
-            return text;
-        } else return text;
-    }
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-        className: "dc-querybuilder-title",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                className: "ds-u-margin-y--0",
-                children: prependedMessage
-            }),
-            conditions.map((c)=>{
-                const field = fields[c.property];
-                const description = field && field.description ? field.description : c.property;
-                const operator = (0, $7264a673914aa746$export$5f89a5ae87bc48e1).find((op)=>op.value === c.operator);
-                const cleanedText = (0, $7264a673914aa746$export$6b5e57d20078142b)(c.value);
-                const formattedText = formatValue(cleanedText, c.property);
-                return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                    className: "ds-u-fill--background ds-u-padding--1 ds-u-margin-y--1 ds-u-display--inline-block ds-u-font-weight--semibold",
-                    children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "ds-u-font-weight--bold",
-                            children: description
-                        }),
-                        " ",
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "ds-u-font-weight--normal",
-                            children: operator.label.toUpperCase()
-                        }),
-                        " ",
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "ds-u-color--success",
-                            children: formattedText
-                        })
-                    ]
-                });
-            }).reduce((prev, curr)=>[
-                    prev,
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
-                        className: "ds-u-margin-x--1",
-                        variation: "info",
-                        children: "AND"
+                        className: "sr-only",
+                        "aria-live": "assertive",
+                        "aria-atomic": "true",
+                        children: ariaLiveFeedback
                     }),
-                    curr
-                ])
+                    table.getRowModel().rows.length === 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                        variation: "warn",
+                        children: "No results found for the current filters"
+                    })
+                ]
+            }),
+            table.getRowCount() > pageSize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
+                totalPages: table.getPageCount(),
+                currentPage: table.getState().pagination.pageIndex + 1,
+                onPageChange: (evt, page)=>{
+                    evt.preventDefault();
+                    table.setPageIndex(page - 1);
+                },
+                renderHref: (page)=>{
+                    return "";
+                }
+            }) : ""
         ]
     });
 };
-var $bef7bff2823feea2$export$2e2bcd8739ae039 = $bef7bff2823feea2$var$QueryTitle;
+var $6765a74df807d015$export$2e2bcd8739ae039 = $6765a74df807d015$var$DataDictionaryTable;
+
+
+const $a24829b27758fe6c$var$SitewideDataDictionaryTable = ({ datasetDictionary: datasetDictionary, pageSize: pageSize })=>{
+    const columnHelper = (0, $hgUW1$createColumnHelper)();
+    const tableColumns = [
+        columnHelper.accessor("name", {
+            header: "Name"
+        }),
+        columnHelper.accessor("title", {
+            header: "Title"
+        }),
+        columnHelper.accessor("type", {
+            header: "Type"
+        }),
+        columnHelper.accessor("format", {
+            header: "Format"
+        })
+    ];
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
+        tableColumns: tableColumns,
+        tableData: datasetDictionary,
+        pageSize: pageSize
+    });
+};
+var $a24829b27758fe6c$export$2e2bcd8739ae039 = $a24829b27758fe6c$var$SitewideDataDictionaryTable;
 
 
 
@@ -2698,402 +2307,612 @@ var $bef7bff2823feea2$export$2e2bcd8739ae039 = $bef7bff2823feea2$var$QueryTitle;
 
 
 
-function $6369abf590ca298f$var$getStartDate(condition, schema, id) {
-    if (schema[id].fields[condition.property].mysql_type === "date") {
-        const newDate = new Date(condition.value.toString());
-        if (newDate instanceof Date && !isNaN(newDate.getTime())) return newDate;
-    }
-    return new Date();
-}
-const $6369abf590ca298f$var$QueryRow = ({ id: id, condition: condition, index: index, update: update, remove: remove, propertyOptions: propertyOptions, schema: schema })=>{
-    const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
-    const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
-    const [value, setValue] = (0, $hgUW1$useState)(condition.value);
-    const [startDate, setStartDate] = (0, $hgUW1$react).useState($6369abf590ca298f$var$getStartDate(condition, schema, id));
-    (0, $hgUW1$useEffect)(()=>{
-        if (property !== condition.property) {
-            if (property) update(index, "property", property);
-            else update(index, "property", "");
-            if (schema[id].fields[condition.property].mysql_type === "date") {
-                if (!value) setValue(startDate.toJSON().slice(0, 10));
+
+
+
+
+const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn })=>{
+    const small = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 544
+    });
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+        disabled: disabled,
+        className: "ds-u-float--right ds-l-md-col--6 ds-l-col--5",
+        variation: small ? "ghost" : undefined,
+        onClick: ()=>clearFiltersFn(),
+        children: small ? "Clear all" : "Clear all filters"
+    });
+};
+var $2eec38d4d0dbf714$export$2e2bcd8739ae039 = $2eec38d4d0dbf714$var$ClearFiltersButton;
+
+
+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)(()=>[
+            {
+                id: "titleResizable",
+                value: titleFilter
+            },
+            {
+                id: "type",
+                value: typeFilter === "all" ? "" : typeFilter
             }
-        }
-    }, [
-        property,
-        value,
-        startDate,
-        schema,
-        id,
-        condition
-    ]);
-    (0, $hgUW1$useEffect)(()=>{
-        if (operator !== condition.operator) {
-            if (operator) update(index, "operator", operator);
-            else update(index, "operator", "");
-        }
-    }, [
-        operator
+        ], [
+        titleFilter,
+        typeFilter
     ]);
-    (0, $hgUW1$useEffect)(()=>{
-        if (value !== condition.value) {
-            if (value) update(index, "value", value);
-            else update(index, "value", "");
+    const tableData = datasetDictionary.map((item)=>{
+        return {
+            titleResizable: item.title,
+            description: item.description,
+            type: item.type
+        };
+    });
+    const columnHelper = (0, $hgUW1$createColumnHelper)();
+    const tableColumns = [
+        columnHelper.accessor("titleResizable", {
+            header: ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                    className: "dc-c-tooltip-width-override",
+                    children: [
+                        "Title",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
+                            title: "Title represents the column headers of the data file",
+                            // @ts-ignore
+                            style: {
+                                border: "none",
+                                background: "none"
+                            },
+                            maxWidth: "400px",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TooltipIcon), {})
+                        })
+                    ]
+                }),
+            size: 300
+        }),
+        columnHelper.accessor("description", {
+            header: "Description",
+            minSize: 600
+        }),
+        columnHelper.accessor("type", {
+            header: "Type",
+            size: 150,
+            enableResizing: false
+        })
+    ];
+    const typeOptions = [
+        {
+            value: "all",
+            label: "All Types"
+        },
+        {
+            value: "string",
+            label: "String"
+        },
+        {
+            value: "date",
+            label: "Date"
+        },
+        {
+            value: "datetime",
+            label: "Datetime"
+        },
+        {
+            value: "year",
+            label: "Year"
+        },
+        {
+            value: "integer",
+            label: "Integer"
+        },
+        {
+            value: "number",
+            label: "Number"
+        },
+        {
+            value: "boolean",
+            label: "Boolean"
         }
-    }, [
-        value
-    ]);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
-        className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-align-items--center ds-u-border--0",
+    ];
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "dc-query-builder ds-u-margin-bottom--3",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    className: "ds-c-accordion ds-c-accordion--bordered",
+                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
+                        heading: "Data Dictionary Filters",
+                        defaultOpen: true,
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            className: "ds-u-display--flex ds-u-flex-wrap--wrap",
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
+                                    className: "ds-l-col--12 ds-l-sm-col--6",
+                                    labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
+                                    label: "Title",
+                                    value: titleFilter,
+                                    name: "dc-data-dictionary-title",
+                                    onChange: (e)=>setTitleFilter(e.target.value)
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "ds-l-col--12 ds-l-sm-col--6",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                                        labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
+                                        options: typeOptions,
+                                        label: "Type",
+                                        value: typeFilter,
+                                        name: "dc-data-dictionary-type",
+                                        onChange: (e)=>setTypeFilter(e.target.value)
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "ds-u-float--right ds-u-padding-y--2 ds-l-col--12 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                        className: "ds-u-display--flex ds-u-justify-content--end ds-l-col--12 ds-l-md-col--6 ds-u-padding-x--0",
+                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
+                                            clearFiltersFn: ()=>{
+                                                setTitleFilter("");
+                                                setTypeFilter("all");
+                                            }
+                                        })
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
+                tableColumns: tableColumns,
+                tableData: tableData,
+                pageSize: pageSize,
+                columnFilters: columnFilters
+            })
+        ]
+    });
+};
+var $a6e312940f7003ef$export$2e2bcd8739ae039 = $a6e312940f7003ef$var$DatasetDictionaryTable;
+
+
+
+const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionaryEndpoint: datasetDictionaryEndpoint, datasetSitewideDictionary: datasetSitewideDictionary, title: title, pageSize: pageSize = 20, additionalParams: additionalParams, csvDownload: csvDownload })=>{
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "dictionary" + datasetDictionaryEndpoint
+        ],
+        queryFn: ()=>{
+            return (0, $hgUW1$axios).get(`${datasetDictionaryEndpoint}?${(0, $hgUW1$qs).stringify(additionalParams, {
+                arrayFormat: "comma",
+                encode: false
+            })}`).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;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-l-col--12 ds-l-md-col--8 ds-u-display--flex ds-u-justify-content--between ds-u-padding-x--0",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                        options: propertyOptions,
-                        className: "ds-l-col--8 ds-u-padding-left--0",
-                        value: property,
-                        label: "Column Name",
-                        name: `${condition.key}_property`,
-                        onChange: (e)=>setProperty(e.target.value)
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                        options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
-                        className: "ds-l-col--4 ds-u-padding-x--0",
-                        value: operator,
-                        label: "Operator",
-                        name: `${condition.key}_operator`,
-                        onChange: (e)=>setOperator(e.target.value)
-                    })
-                ]
+            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                className: "ds-text-heading--2xl ds-u-margin-y--3",
+                children: title
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-l-col--12 ds-l-md-col--4 ds-u-padding-x--0 ds-u-md-padding-left--2 ds-u-display--flex ds-u-justify-content--between",
+            datasetDictionary && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
                 children: [
-                    schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                    /*#__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$jsx)("label", {
-                                className: "ds-c-label",
-                                htmlFor: `${condition.key}_date_value`,
-                                id: `${condition.key}_date_value-label`,
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: "Value"
-                                })
+                            /*#__PURE__*/ (0, $hgUW1$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"
+                                ]
                             }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker), {
-                                name: `${condition.key}_date_value`,
-                                selected: (0, $7264a673914aa746$export$e284ae5d89467c8f)(startDate),
-                                onChange: (date)=>{
-                                    setStartDate(date);
-                                    setValue(date.toJSON().slice(0, 10));
-                                },
-                                showMonthDropdown: true,
-                                showYearDropdown: true,
-                                dropdownMode: "select",
-                                className: "ds-c-field",
-                                withPortal: true
+                            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, $hgUW1$TextField), {
-                        className: "ds-l-col--11 ds-u-padding-x--0",
-                        label: "Value",
-                        name: `${condition.key}_value`,
-                        value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
-                        onChange: (e)=>setValue(e.target.value)
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                        variation: "ghost",
-                        size: "small",
-                        className: "ds-u-margin-top--6 ds-u-padding-right--0",
-                        "aria-label": "Delete filter",
-                        onClick: ()=>remove(index),
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                            className: "fas fa-trash"
-                        })
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a6e312940f7003ef$export$2e2bcd8739ae039), {
+                        datasetDictionary: datasetDictionary,
+                        pageSize: pageSize
                     })
                 ]
+            }),
+            datasetSitewideDictionary && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a24829b27758fe6c$export$2e2bcd8739ae039), {
+                datasetDictionary: datasetSitewideDictionary,
+                pageSize: pageSize
             })
         ]
     });
 };
-var $6369abf590ca298f$export$2e2bcd8739ae039 = $6369abf590ca298f$var$QueryRow;
+var $6012b86ffcaf3f71$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($6012b86ffcaf3f71$var$DataDictionary);
 
 
 
 
 
 
-const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn })=>{
-    const small = (0, $hgUW1$useMediaQuery)({
-        minWidth: 0,
-        maxWidth: 544
-    });
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-        disabled: disabled,
-        className: "ds-u-float--right ds-l-md-col--6 ds-l-col--5",
-        variation: small ? "ghost" : undefined,
-        onClick: ()=>clearFiltersFn(),
-        children: small ? "Clear all" : "Clear all filters"
-    });
-};
-var $2eec38d4d0dbf714$export$2e2bcd8739ae039 = $2eec38d4d0dbf714$var$ClearFiltersButton;
 
 
-function $ee4ad47aa483e5b5$var$updateQueryForDatastore(condition) {
-    let cond = condition;
-    delete cond.key;
-    if (cond.operator === "=" || cond.operator === "<>") {
-        if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, "");
-    }
-    if (cond.operator.toLowerCase() === "like") {
-        if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, "");
-        cond.value = `%${cleanedValue}%`;
-    }
-    if (cond.operator.toLowerCase() === "in") {
-        if (!Array.isArray(cond.value)) cond.value = cond.value.split(",");
-    }
-    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
-    return cond;
-}
-const $ee4ad47aa483e5b5$var$QueryBuilder = (props)=>{
-    const { resource: resource, id: id, includeSearchParams: includeSearchParams, customColumns: customColumns } = props;
-    const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
-    const fields = Object.keys(schema[id].fields);
-    const [conditionsCleared, setConditionsCleared] = (0, $hgUW1$useState)(false);
-    const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
-    const [titleConditions, setTitleConditions] = (0, $hgUW1$useState)([]); // Add use effect to load conditions on first load if needed
-    const [conditionsChanged, setConditionsChanged] = (0, $hgUW1$useState)(false);
-    const small = (0, $hgUW1$useMediaQuery)({
-        minWidth: 0,
-        maxWidth: 544
-    });
-    const addCondition = (condition)=>{
-        if (Array.isArray(condition)) {
-            const keyedConditions = condition.map((oc)=>({
-                    ...oc,
-                    key: Date.now().toString() + oc.value + oc.property
-                }));
-            setQueryConditions(keyedConditions);
-        } else setQueryConditions([
-            ...queryConditions,
-            {
-                property: fields[0],
-                value: "",
-                operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
-                key: Date.now().toString()
-            }
-        ]);
-    };
-    (0, $hgUW1$react).useEffect(()=>{
-        if (conditions && conditions.length) addCondition(conditions);
-        else addCondition(null);
-        setTitleConditions(conditions);
-    }, []);
-    (0, $hgUW1$react).useEffect(()=>{
-        if (conditionsCleared) {
-            submitConditions(new Event("submit"));
-            setConditionsCleared(false);
-        }
-    }, [
-        conditionsCleared
-    ]);
-    const propertyOptions = fields.map((f)=>{
-        if (schema[id].fields[f].description) return {
-            label: schema[id].fields[f].description,
-            value: f
-        };
-        return {
-            label: f,
-            value: f
-        };
-    });
-    const submitConditions = (e)=>{
-        e.preventDefault();
-        const submitConditions = queryConditions.filter((oc)=>{
-            if (oc.property) return oc;
-            return false;
-        }).map((oc)=>{
-            let cond = Object.assign({}, oc);
-            return $ee4ad47aa483e5b5$var$updateQueryForDatastore(cond);
-        });
-        setConditions(submitConditions);
-        setTitleConditions(queryConditions.map((oc)=>Object.assign({}, oc)));
-        setConditionsChanged(false);
-        if (includeSearchParams) {
-            const url = new URL(window.location.href);
-            const urlString = (0, $hgUW1$qs).stringify({
-                conditions: submitConditions
-            }, {
-                encodeValuesOnly: true,
-                addQueryPrefix: true
-            });
-            window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
-        }
-    };
-    const updateCondition = (index, key, value)=>{
-        let newConditions = [
-            ...queryConditions
-        ];
-        newConditions[index][key] = value;
-        setQueryConditions(newConditions);
-        setConditionsChanged(true);
-    };
-    const removeCondition = (index)=>{
-        let newConditions = queryConditions.map((oc)=>Object.assign({}, oc));
-        newConditions.splice(index, 1);
-        setQueryConditions(newConditions);
-        setConditionsChanged(true);
-        setConditionsCleared(true);
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "dc-query-builder ds-u-margin-bottom--3",
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-            className: "ds-c-accordion ds-c-accordion--bordered",
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
-                heading: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bef7bff2823feea2$export$2e2bcd8739ae039), {
-                    schema: schema[id],
-                    conditions: titleConditions,
-                    customColumns: customColumns
-                }),
-                defaultOpen: true,
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
-                    onSubmit: (e)=>submitConditions(e),
-                    children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            children: queryConditions.map((qf, index)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $6369abf590ca298f$export$2e2bcd8739ae039), {
-                                    id: id,
-                                    schema: schema,
-                                    condition: qf,
-                                    index: index,
-                                    propertyOptions: propertyOptions,
-                                    update: updateCondition,
-                                    remove: removeCondition
-                                }, qf.key))
-                        }),
-                        /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            className: "dc-query-bulder--form-buttons ds-u-padding-x--2 ds-u-padding-top--0 ds-u-md-padding-top--2 ds-u-display--flex ds-u-flex-wrap--wrap",
+
+
+
+
+
+
+
+
+
+const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table, sortElement: sortElement = null, setAriaLiveFeedback: setAriaLiveFeedback })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("thead", {
+        className: "dc-thead--truncated dc-thead--resizeable",
+        children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
+                className: "dc-c-sticky-header",
+                children: headerGroup.headers.map((header)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $64a351d3fd8413c3$export$2e2bcd8739ae039), {
+                        table: table,
+                        header: header,
+                        sortElement: sortElement,
+                        setAriaLiveFeedback: setAriaLiveFeedback
+                    }, header.id + "_dataTableResize"))
+            }, headerGroup.id))
+    });
+};
+var $96d341d082bffec5$export$2e2bcd8739ae039 = $96d341d082bffec5$var$TruncatedResizeableTHead;
+
+
+
+
+
+const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table, sortElement: sortElement })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("thead", {
+        className: "dc-thead--fixed-size",
+        children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
+                children: headerGroup.headers.map((header)=>{
+                    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",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            onClick: header.column.getToggleSortingHandler(),
+                            className: "ds-u-display--flex",
                             children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "ds-l-col--12 ds-l-md-col--4 ds-l-md-col--6 ds-u-padding-x--0 ds-u-margin-bottom--2 ds-u-md-margin-bottom--0",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                        variation: "ghost",
-                                        onClick: ()=>addCondition(null),
-                                        className: "ds-u-padding-left--0",
-                                        children: "+ Add filter"
-                                    })
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
                                 }),
-                                /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                    className: "ds-u-display--flex ds-u-justify-content--end ds-l-col--12 ds-l-md-col--6 ds-u-padding-x--0",
-                                    children: [
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                            disabled: !conditionsChanged,
-                                            className: "ds-u-float--right ds-l-md-col--6 ds-u-margin--right--0 ds-u-sm-margin-right--2",
-                                            type: "submit",
-                                            variation: "solid",
-                                            children: "Apply filters"
-                                        }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
-                                            disabled: queryConditions.length === 0,
-                                            clearFiltersFn: ()=>{
-                                                setQueryConditions([]);
-                                                setTitleConditions([]);
-                                                setConditionsCleared(true);
-                                            }
-                                        })
-                                    ]
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    className: header.column.getCanSort() ? `cursor-pointer select-none ${sortElement(header.column.getIsSorted())}` : ""
                                 })
                             ]
                         })
-                    ]
+                    });
                 })
-            })
-        })
+            }, headerGroup.id))
     });
 };
-$ee4ad47aa483e5b5$var$QueryBuilder.defaultProps = {
-    includeSearchParams: true
-};
-var $ee4ad47aa483e5b5$export$2e2bcd8739ae039 = $ee4ad47aa483e5b5$var$QueryBuilder;
+var $23763e27eda0e8d7$export$2e2bcd8739ae039 = $23763e27eda0e8d7$var$FixedSizeTHead;
 
 
-function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
-    return columns.map((column)=>({
-            header: schema && schema.fields[column].description ? schema.fields[column].description : column,
-            accessor: column
-        }));
-}
-const $a35cf16d1488f54e$var$DatasetTable = ({ id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], jsonUrl: jsonUrl, dataDictionaryBanner: dataDictionaryBanner, manageColumnsEnabled: manageColumnsEnabled })=>{
-    const defaultPage = 1;
-    const defaultPageSize = 10;
-    const [page, setPage] = (0, $hgUW1$useState)(defaultPage);
-    const customColumnHeaders = (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution.identifier]);
-    const columns = customColumnHeaders ? customColumnHeaders : $a35cf16d1488f54e$export$1147582dfae658c6(resource.columns, resource.schema[id]);
-    const { limit: limit, setLimit: setLimit, setOffset: setOffset } = resource;
-    const pageSize = limit ? limit : defaultPageSize;
-    const downloadURL = `${rootUrl}/datastore/query/${id}/0/download?${(0, $hgUW1$qs).stringify({
-        conditions: resource.conditions
-    }, {
-        encode: true
-    })}&format=csv`;
-    if (Object.keys(resource).length && columns.length && resource.schema && Object.keys(distribution).length) return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $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,
+        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, $ee4ad47aa483e5b5$export$2e2bcd8739ae039), {
-                resource: resource,
-                id: distribution.identifier,
-                customColumns: customColumnHeaders
-            }),
-            dataDictionaryBanner && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                    children: 'Click on the "Data Dictionary" tab above for full column definitions'
-                })
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6380a4a580b24362$export$2e2bcd8739ae039), {
-                resource: resource,
-                downloadURL: downloadURL,
-                unfilteredDownloadURL: distribution.data.downloadURL,
-                jsonUrl: jsonUrl,
-                setPage: setPage
+            /*#__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)("div", {
-                className: "ds-u-border-x--1 ds-u-border-bottom--1",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
-                    id: id,
-                    data: resource.values,
-                    canResize: true,
-                    columns: columns,
-                    setSort: resource.setSort,
-                    sortTransform: (0, $aa4450dcbeef3ac0$export$385a5aba38cc3325),
-                    tablePadding: "ds-u-padding-y--2",
-                    loading: resource.loading,
-                    manageColumnsEnabled: manageColumnsEnabled
+            /*#__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;
+
+
+
+
+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, modalOpen: modalOpen, setModalOpen: setModalOpen })=>{
+    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility } = (0, $hgUW1$useContext)((0, $39bc4d98030a5599$export$a5806b00c0db0089));
+    // 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
+    ]);
+    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()
+            };
+        }));
+    };
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
+        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
+            heading: "Manage columns",
+            isOpen: modalOpen,
+            onExit: ()=>{
+                setModalOpen(false);
+                resetCards();
+            },
+            className: "dkan-manage-columns-dialog",
+            actions: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-u-display--flex ds-u-justify-content--between ds-u-flex-wrap--wrap ds-u-padding-x--3 ds-u-padding-bottom--1 ds-u-sm-padding-bottom--3",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                variation: "solid",
+                                className: "ds-l-col--6 ds-l-sm-col--auto",
+                                onClick: ()=>{
+                                    setModalOpen(false);
+                                    // update table state
+                                    // Visibility
+                                    // This code is building a new columnVisibility state object from the card state and doing a single setState on the table
+                                    // vs doing a setState on every changed column individually
+                                    const newColumnVisibility = Object.fromEntries(cards.map((c)=>Object.values(c)));
+                                    setColumnVisibility(newColumnVisibility);
+                                    // Card order
+                                    const newCardOrder = cards.map((c)=>{
+                                        return c.id;
+                                    });
+                                    setColumnOrder(newCardOrder);
+                                    // save to localStorage
+                                    const localStorageData = {
+                                        tableColumnOrder: newCardOrder,
+                                        tableColumnVisibility: newColumnVisibility
+                                    };
+                                    localStorage.setItem(id, JSON.stringify(localStorageData));
+                                },
+                                children: "Save"
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                variation: "ghost",
+                                className: "ds-l-col--6 ds-l-sm-col--auto",
+                                onClick: ()=>{
+                                    setModalOpen(false);
+                                    resetCards();
+                                },
+                                children: "Cancel"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-padding-top--1 ds-u-sm-padding-y--0",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                            variation: "ghost",
+                            className: "ds-l-col--6 ds-l-sm-col--auto",
+                            onClick: ()=>{
+                                // reset to default column order and set all cards to visible
+                                // do not save this to the table state until the "Save" button is clicked
+                                setCards(defaultColumnOrder.map((column)=>{
+                                    const card = cards.filter((c)=>c.id === column)[0];
+                                    return {
+                                        ...card,
+                                        visible: true
+                                    };
+                                }));
+                            },
+                            children: "Reset Columns"
+                        })
+                    })
+                ]
             }),
-            !resource.loading && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-u-md-justify-content--between ds-u-margin-top--2 ds-u-align-items--center",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
-                    totalPages: Math.ceil(resource.count ? resource.count / pageSize : 1),
-                    currentPage: page,
-                    onPageChange: (evt, page)=>{
-                        evt.preventDefault();
-                        setOffset((page - 1) * limit);
-                        setPage(page);
-                    },
-                    renderHref: (page)=>{
-                        return "";
+            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-l-col--12 ds-u-padding-x--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);
+                            })
+                        })
+                    })
                 })
-            })
-        ]
-    });
-    else return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
-        "aria-valuetext": "Dataset loading",
-        role: "status",
-        className: "ds-u-margin--3"
+            ]
+        })
     });
 };
-var $a35cf16d1488f54e$export$2e2bcd8739ae039 = $a35cf16d1488f54e$var$DatasetTable;
+var $5d9e2ce238d53d29$export$2e2bcd8739ae039 = $5d9e2ce238d53d29$var$ManageColumns;
 
 
 
@@ -3101,61 +2920,374 @@ var $a35cf16d1488f54e$export$2e2bcd8739ae039 = $a35cf16d1488f54e$var$DatasetTabl
 
 
 
+const $16bd41951b91f02d$var$FullScreenDataTable = ({ modalOpen: modalOpen, setModalOpen: setModalOpen })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
+            heading: "Dataset Explorer",
+            isOpen: modalOpen,
+            onExit: ()=>setModalOpen(false),
+            className: "dkan-full-screen-dataset-dialog",
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
+                isModal: true,
+                closeFullScreenModal: ()=>setModalOpen(false)
+            })
+        })
+    });
+};
+var $16bd41951b91f02d$export$2e2bcd8739ae039 = $16bd41951b91f02d$var$FullScreenDataTable;
 
 
-function $5644ebd2c3dbfd7b$export$eea3a12df15499ca(metadataMapping, datasetInfo) {
-    const rows = [];
-    Object.keys(metadataMapping).forEach((d)=>{
-        if (!datasetInfo[d]) return null;
-        else rows.push(...metadataMapping[d](datasetInfo[d]));
-    });
-    return rows;
-}
-const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datasetInfo, id: id, metadataMapping: metadataMapping })=>{
-    const rows = $5644ebd2c3dbfd7b$export$eea3a12df15499ca(metadataMapping, datasetInfo);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "dc-c-additional-info-table ds-u-margin-bottom--6",
+const $71b4324f265dec16$var$DataTableControls = ({ id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, isModal: isModal, closeFullScreenModal: closeFullScreenModal })=>{
+    const [manageColumnsModalOpen, setManageColumnsModalOpen] = (0, $hgUW1$useState)(false);
+    const [fullScreenModalOpen, setFullScreenModalOpen] = (0, $hgUW1$useState)(false);
+    const hiddenColumns = columns.filter((c)=>c.getIsVisible() === false).length;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                className: "ds-text-heading--2xl ds-u-margin-y--3",
-                children: "Additional Information"
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
-                compact: true,
-                striped: true,
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-u-border-top--1 ds-u-fill--gray-lightest ds-u-display--flex ds-u-justify-content--between",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        children: hiddenColumns > 0 && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Alert), {
+                            variation: "warn",
                             children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                    children: "Field"
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                    children: "Value"
-                                })
+                                hiddenColumns,
+                                " Columns Hidden"
                             ]
                         })
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
-                        children: rows.map((r)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
+                                "aria-label": "Manage columns - Opens in a dialog",
+                                className: "ds-c-button ds-c-button--ghost ds-u-margin-y--1",
+                                onClick: ()=>{
+                                    setManageColumnsModalOpen(true);
+                                },
                                 children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                        children: r.label
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "far fa-cog ds-u-margin-right--1"
                                     }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                        className: "ds-u-word-break-anywhere",
-                                        children: r.value
-                                    })
+                                    "Manage Columns"
                                 ]
-                            }, `${r.label}_${id}`))
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
+                                "aria-label": isModal ? "Close Full Screen dialog" : "Full Screen mode - Opens in a dialog",
+                                className: "ds-c-button ds-c-button--ghost ds-u-margin-y--1",
+                                onClick: ()=>{
+                                    if (isModal) closeFullScreenModal();
+                                    else setFullScreenModalOpen(true);
+                                },
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: `fa ${isModal ? "fa-compress" : "fa-expand"} ds-u-margin-right--1`
+                                    }),
+                                    isModal ? "Exit Full Screen" : "Full Screen"
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5d9e2ce238d53d29$export$2e2bcd8739ae039), {
+                        id: id,
+                        columns: columns,
+                        defaultColumnOrder: defaultColumnOrder,
+                        modalOpen: manageColumnsModalOpen,
+                        setModalOpen: setManageColumnsModalOpen
+                    }),
+                    !isModal && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $16bd41951b91f02d$export$2e2bcd8739ae039), {
+                        modalOpen: fullScreenModalOpen,
+                        setModalOpen: setFullScreenModalOpen
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $71b4324f265dec16$export$2e2bcd8739ae039 = $71b4324f265dec16$var$DataTableControls;
+
+
+
+
+const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, setSort: setSort, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, isModal: isModal, closeFullScreenModal: closeFullScreenModal })=>{
+    const { id: id, resource: resource, datasetTableControls: datasetTableControls } = (0, $hgUW1$useContext)((0, $a0f13962e513caa1$export$a7997ae78b143b));
+    const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility } = (0, $hgUW1$useContext)((0, $39bc4d98030a5599$export$a5806b00c0db0089));
+    const data = resource.values;
+    const [sorting, setSorting] = (0, $hgUW1$react).useState([]);
+    const [ariaLiveFeedback, setAriaLiveFeedback] = (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
+        });
+    });
+    (0, $hgUW1$useEffect)(()=>{
+        if (!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
+    });
+    (0, $hgUW1$useEffect)(()=>{
+        const normalizedSort = sortTransform ? sortTransform(sorting) : filters;
+        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";
+    };
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+        children: [
+            datasetTableControls && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $71b4324f265dec16$export$2e2bcd8739ae039), {
+                    id: id,
+                    columns: table.getAllLeafColumns(),
+                    defaultColumnOrder: defaultColumnOrder,
+                    isModal: isModal,
+                    closeFullScreenModal: closeFullScreenModal
+                })
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "dc-c-datatable-wrapper",
+                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,
+                                setAriaLiveFeedback: setAriaLiveFeedback
+                            }) : /*#__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;
+                                    return /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
+                                        className: `${even ? "dc-c-datatable--even-row" : ""}`,
+                                        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);
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "sr-only",
+                        "aria-live": "assertive",
+                        "aria-atomic": "true",
+                        children: ariaLiveFeedback
                     })
                 ]
+            }),
+            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 $5644ebd2c3dbfd7b$export$2e2bcd8739ae039 = $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation;
+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: "<"
+    }
+];
+function $7264a673914aa746$export$2b9377795161999(type) {
+    switch(type){
+        case "text":
+        case "string":
+            return [
+                {
+                    label: "Is",
+                    value: "="
+                },
+                {
+                    label: "Starts With",
+                    value: "starts with"
+                },
+                {
+                    label: "Contains",
+                    value: "contains"
+                },
+                {
+                    label: "Is Not",
+                    value: "<>"
+                },
+                {
+                    label: "Or",
+                    value: "in"
+                }
+            ];
+        case "date":
+            return [
+                {
+                    label: "Is",
+                    value: "="
+                },
+                {
+                    label: "Is Not",
+                    value: "<>"
+                },
+                {
+                    label: "Greater Than",
+                    value: ">"
+                },
+                {
+                    label: "Less Than",
+                    value: "<"
+                }
+            ];
+        default:
+            // These 2 should be safe for all data types
+            return [
+                {
+                    label: "Is",
+                    value: "="
+                },
+                {
+                    label: "Is Not",
+                    value: "<>"
+                }
+            ];
+    }
+}
 
 
 
@@ -3164,189 +3296,176 @@ var $5644ebd2c3dbfd7b$export$2e2bcd8739ae039 = $5644ebd2c3dbfd7b$var$DatasetAddi
 
 
 
-const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
-    const { count: count, columns: columns } = resource;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "dc-c-resource-info-table ds-l-col--12 ds-u-padding-left--0 ds-u-margin-y--2",
+const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className })=>{
+    const numTotalRows = totalRows;
+    if (numTotalRows === 0) return /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+        className: className,
+        children: `0 - 0 of 0 rows`
+    });
+    const ofTotal = ()=>{
+        if (limit >= numTotalRows) return numTotalRows;
+        if (limit + offset >= numTotalRows) return numTotalRows;
+        if (offset === 0) return limit;
+        return offset + limit;
+    };
+    const page = offset / limit;
+    const startTotal = ()=>page * limit + 1;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+        className: className,
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
-                className: "ds-u-font-size--base ds-text-heading--xl ds-text-heading--xl",
-                children: "About this Resource"
+            "Displaying",
+            " ",
+            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                className: "ds-u-font-weight--bold",
+                children: `${startTotal().toLocaleString()} - ${ofTotal().toLocaleString()}`
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-u-display--flex ds-u-text-align--center ds-u-justify-content--center ds-u-md-justify-content--start",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: "ds-u-fill--gray-lightest ds-u-radius ds-u-margin-right--1 ds-u-padding--2",
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-u-padding-top--05",
-                                children: "Rows"
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-u-font-weight--bold",
-                                children: count ? count.toLocaleString() : ""
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-u-fill--gray-lightest ds-u-radius ds-u-margin-right--1 ds-u-padding--2",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "ds-u-padding-top--05",
-                                    children: "Columns"
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "ds-u-font-weight--bold",
-                                    children: columns.length.toLocaleString()
-                                })
-                            ]
-                        })
-                    })
-                ]
-            })
+            " ",
+            "of ",
+            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                className: "ds-u-font-weight--bold",
+                children: `${numTotalRows.toLocaleString()}`
+            }),
+            " ",
+            "results"
         ]
     });
 };
-var $0958733ee130fc44$export$2e2bcd8739ae039 = $0958733ee130fc44$var$ResourceInformation;
+$2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
+    className: "data-table-results"
+};
+$2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
+    className: (0, $hgUW1$proptypes).string,
+    totalRows: (0, $hgUW1$proptypes).number.isRequired,
+    limit: (0, $hgUW1$proptypes).number.isRequired,
+    offset: (0, $hgUW1$proptypes).number.isRequired
+};
+var $2ed0091f7e32d1e6$export$2e2bcd8739ae039 = $2ed0091f7e32d1e6$var$DataTablePageResults;
 
 
-function $f764661366bd9e1b$export$ee48b7e0e4eb536e(dist) {
-    if (dist && dist.data) {
-        if (dist.data.format) return dist.data.format.toLowerCase();
-        if (dist.data.mediaType) {
-            const mediaType = dist.data.mediaType.split("/");
-            if (mediaType.length && mediaType[1]) return mediaType[1].toLowerCase();
-        }
-        if (dist.data["%Ref:downloadURL"].length && dist.data["%Ref:downloadURL"][0].data) {
-            if (dist.data["%Ref:downloadURL"][0].data.mimeType) {
-                const mimeType = dist.data["%Ref:downloadURL"][0].data.mimeType.split("/");
-                if (mimeType.length && mimeType[1]) return mimeType[1].toLowerCase();
-            }
-        }
-    }
-    return "";
-}
 
 
 
-const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource: resource, title: title })=>{
-    const sm = (0, $hgUW1$useMediaQuery)({
-        minWidth: 0,
-        maxWidth: 767
-    });
+const $6380a4a580b24362$var$DataTableHeader = ({ resource: resource, downloadURL: downloadURL, unfilteredDownloadURL: unfilteredDownloadURL, setPage: setPage })=>{
+    const { limit: limit, offset: offset, count: count, conditions: conditions, setLimit: setLimit, setOffset: setOffset } = resource;
+    const intCount = count ? count : 0;
+    const rowOptions = [
+        10,
+        25,
+        50,
+        100
+    ];
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "ds-u-display--flex ds-u-flex-wrap--wrap",
+        className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between",
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                className: "ds-l-col--12 ds-u-padding-left--0 ds-text-heading--2xl",
-                children: "Resources"
-            }),
-            distributions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                className: "ds-c-list ds-c-list--bare dc-c-resource-full-width",
-                children: distributions.map((dist)=>{
-                    const fileFormat = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(dist);
-                    return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
-                        className: `ds-u-display--flex ds-u-flex-wrap--wrap ${fileFormat !== "csv" && "ds-u-margin-bottom--2"}`,
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                className: "ds-u-font-weight--bold ds-u-font-size--lg ds-l-col--12 ds-l-md-col--6 ds-u-padding-left--0 ds-u-align-items--center ds-u-display--flex",
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "dc-c-resource-header--buttons ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-l-col--12 ds-u-margin-top--2 ds-u-padding-x--0",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-margin-bottom--2",
+                        children: conditions && conditions.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
+                            onOpen: ()=>{
+                                navigator.clipboard.writeText(window.location.href);
+                            },
+                            className: "ds-c-button ds-u-text-align--center ds-u-display--inline-block ds-l-col--12",
+                            placement: "bottom",
+                            dialog: true,
+                            ariaLabel: "Copy link to filtered data",
+                            title: "Link copied to clipboard",
+                            "aria-disabled": !conditions || conditions.length === 0,
+                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
                                 children: [
                                     /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                                        className: "fa ds-u-color--primary ds-u-padding-right--1 ds-u-font-size--3xl fa-file-" + (fileFormat == "xlsx" ? "xls" : fileFormat)
+                                        className: "fas fa-copy"
                                     }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
-                                        className: "ds-u-margin-top--0",
+                                    " Copy link to filtered data"
+                                ]
+                            })
+                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                            "aria-disabled": true,
+                            "aria-label": "Copy link to filtered data",
+                            className: "ds-c-button ds-u-text-align--center ds-u-display--inline-block ds-l-col--12",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "fas fa-copy"
+                                    }),
+                                    " Copy link to filtered data"
+                                ]
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-col--12 ds-l-md-col--auto ds-u-padding-x--0 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-left--2 ds-u-margin-bottom--2",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                    className: "ds-u-text-align--center ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1 ds-u-display--inline-block ds-l-col--12",
+                                    href: downloadURL,
+                                    "aria-disabled": !conditions || conditions.length === 0,
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                        className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
                                         children: [
-                                            dist.data.title ? dist.data.title : title,
-                                            " (" + fileFormat.toUpperCase() + ")"
+                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                                className: "fas fa-file-csv"
+                                            }),
+                                            " Download filtered data (CSV)"
                                         ]
                                     })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-l-col--12 ds-l-md-col--6 ds-u-text-align--center ds-u-md-text-align--right ds-u-margin-top--2 ds-u-md-margin-top--0",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
-                                    href: dist.data.downloadURL,
-                                    style: {
-                                        order: sm ? "1" : "0",
-                                        width: sm ? "100%" : "auto"
-                                    },
-                                    "aria-label": `Download ${dist.data.title || title} ${fileFormat}`,
-                                    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"
-                                    ]
                                 })
                             }),
-                            dist.data.description && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-u-measure--wide ds-u-margin-bottom--7",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "dc-c-metadata-description ds-u-margin--0",
-                                    dangerouslySetInnerHTML: {
-                                        __html: (0, $hgUW1$dompurify).sanitize(dist.data.description)
-                                    }
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-sm-margin-left--2 ds-u-margin-bottom--2",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                    className: "ds-u-text-align--center ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1 ds-u-display--inline-block ds-l-col--12",
+                                    href: unfilteredDownloadURL,
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                        className: "ds-u-font-weight--semibold ds-u-margin-left--1 ds-u-padding--0",
+                                        children: [
+                                            /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                                className: "fas fa-file-csv"
+                                            }),
+                                            " Download full dataset (CSV)"
+                                        ]
+                                    })
                                 })
-                            }),
-                            fileFormat === "csv" && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $0958733ee130fc44$export$2e2bcd8739ae039), {
-                                resource: resource
                             })
                         ]
-                    }, dist.identifier);
-                })
-            }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-u-margin-bottom--2",
-                children: "No resources have been added to this dataset."
-            })
-        ]
-    });
-};
-var $7357cc0f79f9c514$export$2e2bcd8739ae039 = $7357cc0f79f9c514$var$Resource;
-
-
-const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: resource, distributions: distributions, metadataMapping: metadataMapping })=>{
-    const md = (0, $hgUW1$useMediaQuery)({
-        minWidth: 0,
-        maxWidth: 768
-    });
-    const rows = (0, $5644ebd2c3dbfd7b$export$eea3a12df15499ca)(metadataMapping, dataset);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $7357cc0f79f9c514$export$2e2bcd8739ae039), {
-                distributions: distributions,
-                resource: resource,
-                title: dataset.title
+                    })
+                ]
             }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                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",
+                className: "ds-l-col--12 ds-u-display--flex ds-u-align-items--end ds-u-flex-direction--row-reverse ds-u-sm-flex-direction--row ds-u-padding-x--0 ds-u-margin-bottom--2 ds-u-flex-wrap--wrap",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                        className: "ds-text-heading--2xl ds-text-heading--2xl",
-                        children: "Additional Information"
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--8 ds-u-padding-x--0",
+                        children: !resource.loading && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2ed0091f7e32d1e6$export$2e2bcd8739ae039), {
+                            totalRows: intCount,
+                            limit: limit,
+                            offset: offset
+                        })
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Table), {
-                        compact: true,
-                        stackable: true,
-                        stackableBreakpoint: "md",
-                        warningDisabled: true,
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
-                            children: rows.map((r)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
-                                    children: [
-                                        md ? "" : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                            component: "th",
-                                            className: "ds-u-font-weight--bold",
-                                            children: r.label
-                                        }),
-                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                            stackedTitle: r.label,
-                                            children: r.value
-                                        })
-                                    ]
-                                }, `${r.label}_${dataset.identifier}`))
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-col--12 ds-l-sm-col--4 ds-u-display--flex ds-u-justify-content--end ds-u-padding-x--0",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                                options: rowOptions.map((row)=>({
+                                        label: row.toString(),
+                                        value: row
+                                    })),
+                                size: "medium",
+                                label: "Rows per page:",
+                                labelClassName: "ds-u-margin-top--0",
+                                name: "datatable_rows_per_page",
+                                onChange: (e)=>{
+                                    setLimit(parseInt(e.target.value));
+                                    setPage(1);
+                                    setOffset(0);
+                                },
+                                defaultValue: limit.toString()
+                            })
                         })
                     })
                 ]
@@ -3354,7 +3473,7 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
         ]
     });
 };
-var $364dc44850cd8f7f$export$2e2bcd8739ae039 = $364dc44850cd8f7f$var$DatasetOverview;
+var $6380a4a580b24362$export$2e2bcd8739ae039 = $6380a4a580b24362$var$DataTableHeader;
 
 
 
@@ -3364,73 +3483,75 @@ var $364dc44850cd8f7f$export$2e2bcd8739ae039 = $364dc44850cd8f7f$var$DatasetOver
 
 
 
-const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
-            url: endpoint
-        })
-    });
-};
-var $789279954d8eff7f$export$2e2bcd8739ae039 = $789279954d8eff7f$var$ApiDocumentation;
 
 
-const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: apiUrl, additionalParams: additionalParams })=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+const $bef7bff2823feea2$var$QueryTitle = ({ conditions: conditions, schema: schema, customColumns: customColumns })=>{
+    const { fields: fields } = schema;
+    const prependedMessage = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+        children: "Data filters: "
+    });
+    if (!conditions || !conditions.length) return /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+        className: "ds-u-margin-y--0",
         children: [
-            /*#__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."
-                            })
-                        ]
-                    }),
-                    /*#__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"
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    })
-                ]
+            prependedMessage,
+            " none"
+        ]
+    });
+    function formatValue(text, property) {
+        if (customColumns && customColumns.length > 0) {
+            let newValue = text;
+            let customColumn = customColumns.find((c)=>c.accessor === property);
+            if (customColumn && customColumn.cell) return customColumn.cell({
+                value: text
+            });
+            return text;
+        } else return text;
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+        className: "dc-querybuilder-title",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                className: "ds-u-margin-y--0",
+                children: prependedMessage
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $789279954d8eff7f$export$2e2bcd8739ae039), {
-                endpoint: `${rootUrl}/metastore/schemas/dataset/items/${id}/docs${additionalParams && additionalParams.ACA ? "?ACA=" + additionalParams.ACA + "&redirect=false" : ""}`
-            })
+            conditions.map((c)=>{
+                const field = fields[c.property];
+                const description = field && field.description ? field.description : c.property;
+                const operator = (0, $7264a673914aa746$export$5f89a5ae87bc48e1).find((op)=>op.value === c.operator);
+                const cleanedText = (0, $7264a673914aa746$export$6b5e57d20078142b)(c.value);
+                const formattedText = formatValue(cleanedText, c.property);
+                return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                    className: "ds-u-fill--background ds-u-padding--1 ds-u-margin-y--1 ds-u-display--inline-block ds-u-font-weight--semibold",
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-font-weight--bold",
+                            children: description
+                        }),
+                        " ",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-font-weight--normal",
+                            children: operator.label.toUpperCase()
+                        }),
+                        " ",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-color--success",
+                            children: formattedText
+                        })
+                    ]
+                });
+            }).reduce((prev, curr)=>[
+                    prev,
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
+                        className: "ds-u-margin-x--1",
+                        variation: "info",
+                        children: "AND"
+                    }),
+                    curr
+                ])
         ]
     });
 };
-var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
-
-
-
-
-
-
-
-
-
+var $bef7bff2823feea2$export$2e2bcd8739ae039 = $bef7bff2823feea2$var$QueryTitle;
 
 
 
@@ -3440,443 +3561,425 @@ var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
 
 
 
-const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns, tableData: tableData, pageSize: pageSize, columnFilters: columnFilters })=>{
-    const [sorting, setSorting] = (0, $hgUW1$useState)([]);
-    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
-    const mobile = (0, $hgUW1$useMediaQuery)({
-        minWidth: 0,
-        maxWidth: 544
+function $6369abf590ca298f$var$getStartDate(condition, schema, id) {
+    if (schema[id].fields[condition.property].mysql_type === "date") {
+        const newDate = new Date(condition.value.toString());
+        if (newDate instanceof Date && !isNaN(newDate.getTime())) return newDate;
+    }
+    return new Date();
+}
+const $6369abf590ca298f$var$QueryRow = ({ id: id, condition: condition, index: index, update: update, remove: remove, propertyOptions: propertyOptions, schema: schema })=>{
+    const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
+    const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
+    const [value, setValue] = (0, $hgUW1$useState)(condition.value);
+    const [startDate, setStartDate] = (0, $hgUW1$react).useState($6369abf590ca298f$var$getStartDate(condition, schema, id));
+    const xl = (0, $hgUW1$useMediaQuery)({
+        minWidth: 1280
     });
-    const sortElement = (isSorted)=>{
-        if (isSorted === "asc") return "dc-c-sort--asc";
-        if (isSorted === "desc") return "dc-c-sort--desc";
-        return "dc-c-sort--default";
-    };
-    const table = (0, $hgUW1$useReactTable)({
-        data: tableData,
-        columns: tableColumns,
-        columnResizeMode: "onChange",
-        getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
-        getFilteredRowModel: (0, $hgUW1$getFilteredRowModel)(),
-        getPaginationRowModel: (0, $hgUW1$getPaginationRowModel)(),
-        getSortedRowModel: (0, $hgUW1$getSortedRowModel)(),
-        onSortingChange: setSorting,
-        initialState: {
-            pagination: {
-                pageSize: pageSize,
-                pageIndex: 0
+    (0, $hgUW1$useEffect)(()=>{
+        if (property !== condition.property) {
+            if (property) update(index, "property", property);
+            else update(index, "property", "");
+            if (schema[id].fields[condition.property].mysql_type === "date") {
+                if (!value) setValue(startDate.toJSON().slice(0, 10));
             }
-        },
-        state: {
-            sorting: sorting,
-            columnFilters: columnFilters
         }
-    });
-    const sortOptions = [
-        {
-            value: "default",
-            label: "No Sort"
-        },
-        {
-            value: "titleasc",
-            label: "Title A-Z"
-        },
-        {
-            value: "titledesc",
-            label: "Title Z-A"
-        },
-        {
-            value: "typeasc",
-            label: "Type A-Z"
-        },
-        {
-            value: "typedesc",
-            label: "Type Z-A"
+    }, [
+        property,
+        value,
+        startDate,
+        schema,
+        id,
+        condition
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (operator !== condition.operator) {
+            if (operator) update(index, "operator", operator);
+            else update(index, "operator", "");
         }
-    ];
-    const sortStatesLookup = {
-        default: [],
-        titleasc: [
-            {
-                id: "titleResizable",
-                desc: false
-            }
-        ],
-        titledesc: [
-            {
-                id: "titleResizable",
-                desc: true
-            }
-        ],
-        typeasc: [
-            {
-                id: "type",
-                desc: false
-            }
-        ],
-        typedesc: [
-            {
-                id: "type",
-                desc: true
-            }
-        ]
-    };
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+    }, [
+        operator
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (value !== condition.value) {
+            if (value) update(index, "value", value);
+            else update(index, "value", "");
+        }
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
+        className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-align-items--center ds-u-border--0",
         children: [
-            mobile && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-u-margin-bottom--3 ds-l-col--12 ds-l-sm-col--6",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                    labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
-                    options: sortOptions,
-                    label: "Sort",
-                    value: Object.keys(sortStatesLookup).find((key)=>{
-                        return JSON.stringify(sortStatesLookup[key]) == JSON.stringify(sorting);
-                    }),
-                    name: "dc-data-dictionary-type",
-                    onChange: (e)=>{
-                        setSorting(sortStatesLookup[e.target.value]);
-                    }
-                })
-            }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "dc-c-datadictionary-table",
+                className: "ds-l-col--12 ds-l-md-col--8 ds-u-display--flex ds-u-justify-content--between ds-u-padding-x--0",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
-                        className: "dc-c-datatable",
-                        style: {
-                            width: "100%"
-                        },
-                        stackable: true,
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
-                                className: "dc-thead--truncated dc-thead--resizeable",
-                                children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
-                                        children: headerGroup.headers.map((header)=>{
-                                            return header.id === "titleResizable" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $64a351d3fd8413c3$export$2e2bcd8739ae039), {
-                                                table: table,
-                                                header: header,
-                                                setAriaLiveFeedback: setAriaLiveFeedback,
-                                                sortElement: sortElement
-                                            }, header.id + "_resize") : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
-                                                key: header.id,
-                                                className: `ds-u-border-y--2 ds-u-border--dark ds-u-border-x--0`,
-                                                id: "dataDictionary_" + header.id,
-                                                children: [
-                                                    (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext()),
-                                                    header.id === "type" && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                                        onClick: header.column.getToggleSortingHandler(),
-                                                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
-                                                        "aria-label": `${header.column.columnDef.header} sort order`
-                                                    })
-                                                ]
-                                            });
-                                        })
-                                    }, "header" + headerGroup.id))
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
-                                children: table.getRowModel().rows.map((row, index)=>{
-                                    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
-                                        children: row.getVisibleCells().map((cell)=>{
-                                            return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                                key: cell.id,
-                                                style: {
-                                                    maxWidth: mobile ? "100%" : cell.column.getSize(),
-                                                    whiteSpace: cell.column.id === "description" ? "pre-wrap" : "normal"
-                                                },
-                                                className: `${cell.column.id === "titleResizable" ? "ds-u-word-break" : ""}`,
-                                                headers: "dataDictionary_" + cell.column.id,
-                                                stackedTitle: cell.column.id === "titleResizable" ? "Title" : cell.column.columnDef.header,
-                                                children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
-                                            });
-                                        })
-                                    }, index + JSON.stringify(row));
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                        options: propertyOptions,
+                        className: "ds-l-col--8 ds-u-padding-left--0",
+                        value: property,
+                        label: "Column Name",
+                        name: `${condition.key}_property`,
+                        onChange: (e)=>setProperty(e.target.value)
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
+                        options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
+                        className: "ds-l-col--4 ds-u-padding-x--0",
+                        value: operator,
+                        label: "Operator",
+                        name: `${condition.key}_operator`,
+                        onChange: (e)=>setOperator(e.target.value)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-l-col--12 ds-l-md-col--4 ds-u-padding-x--0 ds-u-md-padding-left--2 ds-u-display--flex ds-u-justify-content--between",
+                children: [
+                    schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
+                                className: "ds-c-label",
+                                htmlFor: `${condition.key}_date_value`,
+                                id: `${condition.key}_date_value-label`,
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    children: "Value"
                                 })
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker), {
+                                name: `${condition.key}_date_value`,
+                                selected: (0, $7264a673914aa746$export$e284ae5d89467c8f)(startDate),
+                                onChange: (date)=>{
+                                    setStartDate(date);
+                                    setValue(date.toJSON().slice(0, 10));
+                                },
+                                showMonthDropdown: true,
+                                showYearDropdown: true,
+                                dropdownMode: "select",
+                                className: "ds-c-field",
+                                withPortal: true
                             })
                         ]
+                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
+                        className: "ds-l-col--11 ds-u-padding-x--0",
+                        label: "Value",
+                        name: `${condition.key}_value`,
+                        value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
+                        onChange: (e)=>setValue(e.target.value)
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "sr-only",
-                        "aria-live": "assertive",
-                        "aria-atomic": "true",
-                        children: ariaLiveFeedback
-                    }),
-                    table.getRowModel().rows.length === 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                        variation: "warn",
-                        children: "No results found for the current filters"
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                        variation: "ghost",
+                        size: "small",
+                        className: "ds-u-margin-top--6 ds-u-padding-right--0",
+                        "aria-label": "Delete filter",
+                        onClick: ()=>remove(index),
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "fas fa-trash"
+                        })
                     })
                 ]
-            }),
-            table.getRowCount() > pageSize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
-                totalPages: table.getPageCount(),
-                currentPage: table.getState().pagination.pageIndex + 1,
-                onPageChange: (evt, page)=>{
-                    evt.preventDefault();
-                    table.setPageIndex(page - 1);
-                },
-                renderHref: (page)=>{
-                    return "";
-                }
-            }) : ""
+            })
         ]
     });
 };
-var $6765a74df807d015$export$2e2bcd8739ae039 = $6765a74df807d015$var$DataDictionaryTable;
-
-
-const $a24829b27758fe6c$var$SitewideDataDictionaryTable = ({ datasetDictionary: datasetDictionary, pageSize: pageSize })=>{
-    const columnHelper = (0, $hgUW1$createColumnHelper)();
-    const tableColumns = [
-        columnHelper.accessor("name", {
-            header: "Name"
-        }),
-        columnHelper.accessor("title", {
-            header: "Title"
-        }),
-        columnHelper.accessor("type", {
-            header: "Type"
-        }),
-        columnHelper.accessor("format", {
-            header: "Format"
-        })
-    ];
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
-        tableColumns: tableColumns,
-        tableData: datasetDictionary,
-        pageSize: pageSize
-    });
-};
-var $a24829b27758fe6c$export$2e2bcd8739ae039 = $a24829b27758fe6c$var$SitewideDataDictionaryTable;
-
-
-
-
-
-
+var $6369abf590ca298f$export$2e2bcd8739ae039 = $6369abf590ca298f$var$QueryRow;
 
 
 
-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)(()=>[
+function $ee4ad47aa483e5b5$var$updateQueryForDatastore(condition) {
+    let cond = condition;
+    delete cond.key;
+    if (cond.operator === "=" || cond.operator === "<>") {
+        if (Array.isArray(cond.value)) cond.value = cond.value.join();
+        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, "");
+    }
+    if (cond.operator.toLowerCase() === "like") {
+        if (Array.isArray(cond.value)) cond.value = cond.value.join();
+        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, "");
+        cond.value = `%${cleanedValue}%`;
+    }
+    if (cond.operator.toLowerCase() === "in") {
+        if (!Array.isArray(cond.value)) cond.value = cond.value.split(",");
+    }
+    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
+    return cond;
+}
+const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams, customColumns: customColumns, isModal: isModal = false })=>{
+    const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
+    const fields = Object.keys(schema[id].fields);
+    const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
+    const [titleConditions, setTitleConditions] = (0, $hgUW1$useState)([]); // Add use effect to load conditions on first load if needed
+    const [conditionsChanged, setConditionsChanged] = (0, $hgUW1$useState)(false);
+    const syncConditions = ()=>{
+        if (conditions && conditions.length) {
+            const keyedConditions = conditions.map((oc)=>({
+                    ...oc,
+                    key: Date.now().toString() + oc.value + oc.property
+                }));
+            setQueryConditions(keyedConditions);
+        } else setQueryConditions([
             {
-                id: "titleResizable",
-                value: titleFilter
-            },
+                property: fields[0],
+                value: "",
+                operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
+                key: Date.now().toString()
+            }
+        ]);
+    };
+    const addCondition = (condition)=>{
+        if (Array.isArray(condition)) {
+            const keyedConditions = condition.map((oc)=>({
+                    ...oc,
+                    key: Date.now().toString() + oc.value + oc.property
+                }));
+            setQueryConditions(keyedConditions);
+        } else setQueryConditions([
+            ...queryConditions,
             {
-                id: "type",
-                value: typeFilter === "all" ? "" : typeFilter
+                property: fields[0],
+                value: "",
+                operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
+                key: Date.now().toString()
             }
-        ], [
-        titleFilter,
-        typeFilter
+        ]);
+    };
+    // Sync the UI with the actual data conditions whenever those change
+    (0, $hgUW1$react).useEffect(()=>{
+        syncConditions();
+        setTitleConditions(conditions);
+    }, [
+        conditions
     ]);
-    const tableData = datasetDictionary.map((item)=>{
+    const propertyOptions = fields.map((f)=>{
+        if (schema[id].fields[f].description) return {
+            label: schema[id].fields[f].description,
+            value: f
+        };
         return {
-            titleResizable: item.title,
-            description: item.description,
-            type: item.type
+            label: f,
+            value: f
         };
     });
-    const columnHelper = (0, $hgUW1$createColumnHelper)();
-    const tableColumns = [
-        columnHelper.accessor("titleResizable", {
-            header: ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                    className: "dc-c-tooltip-width-override",
-                    children: [
-                        "Title",
-                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
-                            title: "Title represents the column headers of the data file",
-                            // @ts-ignore
-                            style: {
-                                border: "none",
-                                background: "none"
-                            },
-                            maxWidth: "400px",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TooltipIcon), {})
-                        })
-                    ]
-                }),
-            size: 300
-        }),
-        columnHelper.accessor("description", {
-            header: "Description",
-            minSize: 600
-        }),
-        columnHelper.accessor("type", {
-            header: "Type",
-            size: 150,
-            enableResizing: false
-        })
-    ];
-    const typeOptions = [
-        {
-            value: "all",
-            label: "All Types"
-        },
-        {
-            value: "string",
-            label: "String"
-        },
-        {
-            value: "date",
-            label: "Date"
-        },
-        {
-            value: "datetime",
-            label: "Datetime"
-        },
-        {
-            value: "year",
-            label: "Year"
-        },
-        {
-            value: "integer",
-            label: "Integer"
-        },
-        {
-            value: "number",
-            label: "Number"
-        },
-        {
-            value: "boolean",
-            label: "Boolean"
-        }
-    ];
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "dc-query-builder ds-u-margin-bottom--3",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "ds-c-accordion ds-c-accordion--bordered",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
-                        heading: "Data Dictionary Filters",
-                        defaultOpen: true,
-                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            className: "ds-u-display--flex ds-u-flex-wrap--wrap",
+    const updateBrowserURL = (newConditions)=>{
+        if (includeSearchParams) {
+            const url = new URL(window.location.href);
+            const urlString = (0, $hgUW1$qs).stringify({
+                conditions: newConditions
+            }, {
+                encodeValuesOnly: true,
+                addQueryPrefix: true
+            });
+            window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
+        }
+    };
+    const submitConditions = (e)=>{
+        // only update the data conditions when "Apply filters" is pressed
+        e.preventDefault();
+        const submitConditions = queryConditions.filter((oc)=>{
+            if (oc.property) return oc;
+            return false;
+        }).map((oc)=>{
+            let cond = Object.assign({}, oc);
+            return $ee4ad47aa483e5b5$var$updateQueryForDatastore(cond);
+        });
+        setConditions(submitConditions);
+        setConditionsChanged(false);
+        updateBrowserURL(submitConditions);
+    };
+    const updateCondition = (index, key, value)=>{
+        let newConditions = [
+            ...queryConditions
+        ];
+        newConditions[index][key] = value;
+        setQueryConditions(newConditions);
+        setConditionsChanged(true);
+    };
+    const removeCondition = (index)=>{
+        // just removes the condition from the UI - "Apply Filters" must be clicked to change the data model
+        let newConditions = queryConditions.map((oc)=>Object.assign({}, oc));
+        newConditions.splice(index, 1);
+        setQueryConditions(newConditions);
+        setConditionsChanged(true);
+    };
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "dc-query-builder ds-u-margin-bottom--3",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+            className: "ds-c-accordion ds-c-accordion--bordered",
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
+                heading: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bef7bff2823feea2$export$2e2bcd8739ae039), {
+                    schema: schema[id],
+                    conditions: titleConditions,
+                    customColumns: customColumns
+                }),
+                defaultOpen: !isModal,
+                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
+                    onSubmit: (e)=>submitConditions(e),
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            children: queryConditions.map((qf, index)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $6369abf590ca298f$export$2e2bcd8739ae039), {
+                                    id: id,
+                                    schema: schema,
+                                    condition: qf,
+                                    index: index,
+                                    propertyOptions: propertyOptions,
+                                    update: updateCondition,
+                                    remove: removeCondition
+                                }, qf.key))
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                            className: "dc-query-bulder--form-buttons ds-u-padding-x--2 ds-u-padding-top--0 ds-u-md-padding-top--2 ds-u-display--flex ds-u-flex-wrap--wrap",
                             children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
-                                    className: "ds-l-col--12 ds-l-sm-col--6",
-                                    labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
-                                    label: "Title",
-                                    value: titleFilter,
-                                    name: "dc-data-dictionary-title",
-                                    onChange: (e)=>setTitleFilter(e.target.value)
-                                }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "ds-l-col--12 ds-l-sm-col--6",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
-                                        labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
-                                        options: typeOptions,
-                                        label: "Type",
-                                        value: typeFilter,
-                                        name: "dc-data-dictionary-type",
-                                        onChange: (e)=>setTypeFilter(e.target.value)
+                                    className: "ds-l-col--12 ds-l-md-col--4 ds-l-md-col--6 ds-u-padding-x--0 ds-u-margin-bottom--2 ds-u-md-margin-bottom--0",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                        variation: "ghost",
+                                        onClick: ()=>addCondition(null),
+                                        className: "ds-u-padding-left--0",
+                                        children: "+ Add filter"
                                     })
                                 }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "ds-u-float--right ds-u-padding-y--2 ds-l-col--12 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                        className: "ds-u-display--flex ds-u-justify-content--end ds-l-col--12 ds-l-md-col--6 ds-u-padding-x--0",
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
+                                /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                    className: "ds-u-display--flex ds-u-justify-content--end ds-l-col--12 ds-l-md-col--6 ds-u-padding-x--0",
+                                    children: [
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                            disabled: !conditionsChanged,
+                                            className: "ds-u-float--right ds-l-md-col--6 ds-u-margin--right--0 ds-u-sm-margin-right--2",
+                                            type: "submit",
+                                            variation: "solid",
+                                            children: "Apply filters"
+                                        }),
+                                        /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
+                                            disabled: queryConditions.length === 0,
                                             clearFiltersFn: ()=>{
-                                                setTitleFilter("");
-                                                setTypeFilter("all");
+                                                setConditions([]);
+                                                updateBrowserURL([]);
                                             }
                                         })
-                                    })
+                                    ]
                                 })
                             ]
                         })
-                    })
+                    ]
                 })
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
-                tableColumns: tableColumns,
-                tableData: tableData,
-                pageSize: pageSize,
-                columnFilters: columnFilters
             })
-        ]
+        })
     });
 };
-var $a6e312940f7003ef$export$2e2bcd8739ae039 = $a6e312940f7003ef$var$DatasetDictionaryTable;
+$ee4ad47aa483e5b5$var$QueryBuilder.defaultProps = {
+    includeSearchParams: true
+};
+var $ee4ad47aa483e5b5$export$2e2bcd8739ae039 = $ee4ad47aa483e5b5$var$QueryBuilder;
 
 
 
-const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionaryEndpoint: datasetDictionaryEndpoint, datasetSitewideDictionary: datasetSitewideDictionary, title: title, pageSize: pageSize = 20, additionalParams: additionalParams, csvDownload: csvDownload })=>{
-    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
-        queryKey: [
-            "dictionary" + datasetDictionaryEndpoint
-        ],
-        queryFn: ()=>{
-            return (0, $hgUW1$axios).get(`${datasetDictionaryEndpoint}?${(0, $hgUW1$qs).stringify(additionalParams, {
-                arrayFormat: "comma",
-                encode: false
-            })}`).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;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
+    return columns.map((column)=>({
+            header: schema && schema.fields[column].description ? schema.fields[column].description : column,
+            accessor: column
+        }));
+}
+const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, closeFullScreenModal: closeFullScreenModal })=>{
+    const { id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $a0f13962e513caa1$export$a7997ae78b143b));
+    const defaultPage = 1;
+    const defaultPageSize = 10;
+    const [page, setPage] = (0, $hgUW1$useState)(defaultPage);
+    const customColumnHeaders = (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution.identifier]);
+    const columns = customColumnHeaders ? customColumnHeaders : $a35cf16d1488f54e$export$1147582dfae658c6(resource.columns, resource.schema[id]);
+    const { limit: limit, setOffset: setOffset } = resource;
+    const pageSize = limit ? limit : defaultPageSize;
+    const downloadURL = `${rootUrl}/datastore/query/${id}/0/download?${(0, $hgUW1$qs).stringify({
+        conditions: resource.conditions
+    }, {
+        encode: true
+    })}&format=csv`;
+    if (Object.keys(resource).length && columns.length && resource.schema && Object.keys(distribution).length) return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                className: "ds-text-heading--2xl ds-u-margin-y--3",
-                children: title
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ee4ad47aa483e5b5$export$2e2bcd8739ae039), {
+                resource: resource,
+                id: distribution.identifier,
+                customColumns: customColumnHeaders,
+                isModal: isModal
             }),
-            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
-                    })
-                ]
+            dataDictionaryBanner && !isModal && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                    children: 'Click on the "Data Dictionary" tab above for full column definitions'
+                })
             }),
-            datasetSitewideDictionary && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a24829b27758fe6c$export$2e2bcd8739ae039), {
-                datasetDictionary: datasetSitewideDictionary,
-                pageSize: pageSize
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6380a4a580b24362$export$2e2bcd8739ae039), {
+                resource: resource,
+                downloadURL: downloadURL,
+                unfilteredDownloadURL: distribution.data.downloadURL,
+                setPage: setPage
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: `ds-u-border-x--1 ds-u-border-bottom--1 ${isModal && "dkan-datatable-fullscreen-mode"}`,
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
+                    canResize: true,
+                    columns: columns,
+                    setSort: resource.setSort,
+                    sortTransform: (0, $aa4450dcbeef3ac0$export$385a5aba38cc3325),
+                    tablePadding: "ds-u-padding-y--2",
+                    loading: resource.loading,
+                    isModal: isModal,
+                    closeFullScreenModal: closeFullScreenModal
+                })
+            }),
+            !resource.loading && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end ds-u-md-justify-content--between ds-u-margin-top--2 ds-u-align-items--center",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
+                    totalPages: Math.ceil(resource.count ? resource.count / pageSize : 1),
+                    currentPage: page,
+                    onPageChange: (evt, page)=>{
+                        evt.preventDefault();
+                        setOffset((page - 1) * limit);
+                        setPage(page);
+                    },
+                    renderHref: (page)=>{
+                        return "";
+                    },
+                    className: "ds-l-col--12 ds-u-padding-x--0"
+                })
             })
         ]
     });
+    else return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+        "aria-valuetext": "Dataset loading",
+        role: "status",
+        className: "ds-u-margin--3"
+    });
 };
-var $6012b86ffcaf3f71$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($6012b86ffcaf3f71$var$DataDictionary);
+var $a35cf16d1488f54e$export$2e2bcd8739ae039 = $a35cf16d1488f54e$var$DatasetTable;
 
 
 
+const $39bc4d98030a5599$export$a5806b00c0db0089 = /*#__PURE__*/ (0, $hgUW1$createContext)({});
+const $39bc4d98030a5599$var$DataTableStateWrapper = ()=>{
+    const { id: id, datasetTableControls: datasetTableControls } = (0, $hgUW1$useContext)((0, $a0f13962e513caa1$export$a7997ae78b143b));
+    // a wrapper component to keep column state synced between full screen and regular modes
+    const localStorageData = id ? JSON.parse(localStorage.getItem(id)) : null;
+    const [columnOrder, setColumnOrder] = (0, $hgUW1$useState)(()=>{
+        if (datasetTableControls && localStorageData) return localStorageData.tableColumnOrder;
+        else return [];
+    });
+    const [columnVisibility, setColumnVisibility] = (0, $hgUW1$useState)(()=>{
+        if (datasetTableControls && localStorageData) return localStorageData.tableColumnVisibility;
+        else return {};
+    });
+    return /*#__PURE__*/ (0, $hgUW1$jsx)($39bc4d98030a5599$export$a5806b00c0db0089.Provider, {
+        value: {
+            columnOrder: columnOrder,
+            setColumnOrder: setColumnOrder,
+            columnVisibility: columnVisibility,
+            setColumnVisibility: setColumnVisibility
+        },
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {})
+    });
+};
+var $39bc4d98030a5599$export$2e2bcd8739ae039 = $39bc4d98030a5599$var$DataTableStateWrapper;
 
 
+const $a0f13962e513caa1$export$a7997ae78b143b = /*#__PURE__*/ (0, $hgUW1$createContext)({
+    id: null
+});
 const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl, additionalParams)=>{
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
@@ -3894,7 +3997,7 @@ const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl, additionalPa
         dataDictionaryLoading: isPending
     };
 };
-const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, manageColumnsEnabled: manageColumnsEnabled = false })=>{
+const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, datasetTableControls: datasetTableControls = false })=>{
     const options = location.search ? {
         ...(0, $hgUW1$qs).parse(location.search, {
             ignoreQueryPrefix: true
@@ -4044,14 +4147,17 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
                                         ]
                                     }),
                                     className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
-                                        id: id,
-                                        distribution: distribution,
-                                        resource: resource,
-                                        rootUrl: rootUrl,
-                                        customColumns: customColumns,
-                                        dataDictionaryBanner: dataDictionaryBanner && displayDataDictionaryTab,
-                                        manageColumnsEnabled: manageColumnsEnabled
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)($a0f13962e513caa1$export$a7997ae78b143b.Provider, {
+                                        value: {
+                                            id: id,
+                                            resource: resource,
+                                            distribution: distribution,
+                                            rootUrl: rootUrl,
+                                            customColumns: customColumns,
+                                            dataDictionaryBanner: dataDictionaryBanner && displayDataDictionaryTab,
+                                            datasetTableControls: datasetTableControls
+                                        },
+                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $39bc4d98030a5599$export$2e2bcd8739ae039), {})
                                     })
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {