@civicactions/cmsds-open-data-components 3.0.0-alpha.17 → 3.0.0-alpha.19

package/dist/main.js

@@ -7,8 +7,8 @@ import {NavLink as $hgUW1$NavLink, useLocation as $hgUW1$useLocation, useSearchP
 import $hgUW1$qs from "qs";
 import $hgUW1$swaggeruireact from "swagger-ui-react";
 import "swagger-ui-react/swagger-ui.css";
-import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryClientProvider as $hgUW1$QueryClientProvider} from "@tanstack/react-query";
 import $hgUW1$axios from "axios";
+import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryClientProvider as $hgUW1$QueryClientProvider} from "@tanstack/react-query";
 import $hgUW1$dompurify from "dompurify";
 import $hgUW1$reacttexttruncate from "react-text-truncate";
 import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
@@ -251,6 +251,7 @@ var $026cb986f9fea2b1$export$2e2bcd8739ae039 = $026cb986f9fea2b1$var$PageNotFoun
 
 
 
+
 const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)();
 const $61ff88fb3f6ee2c8$var$withQueryProvider = (WrappedComponent)=>(props)=>{
         return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$QueryClientProvider), {
@@ -458,22 +459,39 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
             });
         case "data-dictionary":
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
-                width: "16px",
+                width: "14px",
                 height: "16px",
-                viewBox: "0 0 20 20",
+                viewBox: "0 0 14 16",
                 version: "1.1",
                 xmlns: "http://www.w3.org/2000/svg",
                 xmlnsXlink: "http://www.w3.org/1999/xlink",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
-                        children: "Icon/Data Dictionary"
+                        children: "Data Dictionary Icon"
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
+                        id: "Dev-Handoff",
                         stroke: "none",
                         strokeWidth: "1",
                         fillRule: "evenodd",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
-                            d: "M17.25,0.75 L17.75,13.75 L16.5,14.25 L16.5,18.25 L17.25,18.25 L4.75,19.25 C3.921875,19.25 3.17191715,18.9139914 2.6289629,18.3710371 C2.08600865,17.8280829 1.75,17.078125 1.75,16.25 L1.75,3.75 C1.75,2.921875 2.08600865,2.17191715 2.6289629,1.6289629 C3.17191715,1.08600865 3.921875,0.75 4.75,0.75 L17.25,0.75 Z M15.5,14.25 L4.75,14.25 C4.196875,14.25 3.6970509,14.4737342 3.33539257,14.8353926 C2.97373424,15.1970509 2.75,15.696875 2.75,16.25 C2.75,16.803125 2.97373424,17.3029491 3.33539257,17.6646074 C3.6970509,18.0262658 4.196875,18.25 4.75,18.25 L15.5,18.25 L15.5,14.25 Z M14.0017008,6.76020456 L6.50170076,8.01020456 L6.74829924,9.48979544 L14.2482992,8.23979544 L14.0017008,6.76020456 Z M14.0017008,4.26020456 L6.50170076,5.51020456 L6.74829924,6.98979544 L14.2482992,5.73979544 L14.0017008,4.26020456 Z"
+                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("g", {
+                            id: "Group-15",
+                            transform: "translate(0, 0)",
+                            fillRule: "nonzero",
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
+                                    d: "M0.0218026938,8.0971396 C0.0218026938,6.24591342 -0.0192244811,4.39368657 0.0358119731,2.54446171 C0.0728364968,1.28162525 1.07950328,0.231929969 2.34434106,0.0678212692 C2.69057039,0.022791443 3.04180304,0.00477951255 3.39003369,0.00477951255 C6.28395052,-0.000223801472 9.17786735,-0.00322578988 12.0717842,0.00578017535 C12.6811878,0.00778150096 13.2435603,0.169888875 13.6428248,0.683228893 C13.9059991,1.02145292 13.9950581,1.42171804 13.9970594,1.83299045 C14.0050647,4.76793446 14.0080667,7.70287846 13.9950581,10.6378225 C13.9920561,11.280248 13.7689083,11.8466231 13.1875232,12.2078624 C13.0464297,12.2959207 12.992394,12.4099963 12.9953959,12.5811096 C13.0054026,13.1394795 13.0064032,13.69885 12.9953959,14.2572198 C12.9913933,14.4473458 13.0364231,14.5173922 13.2425597,14.5243968 C13.6178082,14.5364047 13.8979938,14.7765638 13.9720428,15.0987772 C14.0450912,15.4129854 13.9069998,15.7482074 13.6088022,15.9013088 C13.4827187,15.9663519 13.3226127,15.9933698 13.1775166,15.9933698 C9.62516362,15.9983731 6.07181,16.0053777 2.51945705,15.9933698 C1.09851587,15.9883665 0.0708351712,15.0207255 0.0268060079,13.5997844 C-0.0202251439,12.0507583 0.00979474021,10.4987303 0.00579208899,8.94770299 C0.00579208899,8.66451541 0.00579208899,8.38032718 0.00579208899,8.0971396 C0.010795403,8.0971396 0.015798717,8.0971396 0.0218026938,8.0971396 L0.0218026938,8.0971396 Z M1.49477834,11.1421565 C1.99510974,11.1071333 2.44740933,11.0490949 2.90070958,11.0480942 C5.91970926,11.0400889 8.93870894,11.0440916 11.9577086,11.0430909 C12.4020029,11.0430909 12.5280864,10.9200094 12.5280864,10.4837204 C12.5280864,7.66585394 12.5280864,4.84698682 12.5280864,2.02912036 C12.5280864,1.58382542 12.4430301,1.49976974 12.0057404,1.49976974 C9.7952763,1.49976974 7.58581283,1.49976974 5.37534869,1.49976974 C4.50777404,1.49976974 3.64019939,1.4927651 2.7736254,1.50277173 C2.01712432,1.51177769 1.47576575,2.0711482 1.47576575,2.82664862 C1.47576575,5.50342162 1.47576575,8.17919395 1.47576575,10.855967 C1.47576575,10.9610365 1.48877436,11.0661061 1.49377768,11.1421565 L1.49477834,11.1421565 Z M6.8923535,14.5153908 C8.3263033,14.5153908 9.7602531,14.5093869 11.1932022,14.5203941 C11.4393653,14.5223955 11.5334276,14.467359 11.5224203,14.2041847 C11.5014064,13.7388765 11.5044084,13.2705663 11.5224203,12.8042574 C11.5314263,12.5630977 11.4553759,12.4960533 11.2132155,12.4960533 C8.37933843,12.5040586 5.54446071,12.5010566 2.71058365,12.5020573 C2.5935061,12.5020573 2.47642855,12.4990553 2.36135233,12.5140652 C1.64988108,12.6031242 1.26662722,13.4186644 1.63387047,14.0360733 C1.86102093,14.4173259 2.22426152,14.5083862 2.61652134,14.5113882 C4.04146518,14.5203941 5.46740967,14.5153908 6.8923535,14.5153908 L6.8923535,14.5153908 Z",
+                                    id: "Shape"
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
+                                    d: "M7.50976245,7.49574126 C6.62717786,7.49574126 5.7435926,7.49774259 4.86100801,7.49574126 C4.36167727,7.49373993 4.05747578,7.22956495 4.03045788,6.787272 C4.00243933,6.33597307 4.34366534,6.01476031 4.87101464,6.01275899 C5.95373179,6.00775567 7.03644895,6.01175832 8.1191661,6.01175832 C8.79361283,6.01175832 9.46805956,6.00675501 10.143507,6.01375965 C10.7519099,6.01976362 11.0981393,6.45305062 10.9360319,6.99140721 C10.8429703,7.30261334 10.55578,7.4947406 10.1585169,7.49674192 C9.2759323,7.50074457 8.39234705,7.49774259 7.50976245,7.49774259 L7.50976245,7.49574126 Z",
+                                    id: "Path"
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
+                                    d: "M7.50776113,5.00108889 C6.61617057,5.00108889 5.72458001,5.0060922 4.83298945,4.99908757 C4.25360569,4.99508491 3.90237305,4.53177804 4.07248572,4.01643669 C4.1565414,3.76226834 4.33365871,3.61517091 4.5868264,3.55913379 C4.6999013,3.53411722 4.81797951,3.52611192 4.9340564,3.52611192 C6.6501931,3.52411059 8.36733048,3.52411059 10.0834672,3.52611192 C10.5577814,3.52611192 10.8299616,3.69022062 10.9340306,4.03044597 C11.090134,4.53778201 10.7439046,4.99408425 10.1825328,4.99908757 C9.29094224,5.00709287 8.39935169,5.00108889 7.50776113,5.00108889 L7.50776113,5.00108889 Z",
+                                    id: "Path"
+                                })
+                            ]
                         })
                     })
                 ]
@@ -816,7 +834,6 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, addit
 
 
 
-
 const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const { rootUrl: rootUrl , surveyLink: surveyLink , additionalParams: additionalParams , enableSort: enableSort , defaultSort: defaultSort , pageTitle: pageTitle , filterTitle: filterTitle , showLargeFileWarning: showLargeFileWarning , largeFileThemes: largeFileThemes , introText: introText , showDownloadIcon: showDownloadIcon  } = props;
     const sortOptions = [
@@ -964,13 +981,18 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         ["page-size"]: pageSize !== 10 ? pageSize : undefined,
         ...additionalParams
     };
-    const { data: data , status: status , error: error  } = (0, $hgUW1$useQuery)([
-        "datasets",
-        params
-    ], ()=>(0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify(params, {
-            arrayFormat: "comma",
-            encode: false
-        })}`));
+    const { data: data , isLoading: isLoading , error: error  } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "datasets",
+            params
+        ],
+        queryFn: ()=>{
+            return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify(params, {
+                arrayFormat: "comma",
+                encode: false
+            })}`);
+        }
+    });
     if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
     const facets = data && data.data.facets ? (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data ? data.data.facets : []) : {
         theme: null,
@@ -1057,7 +1079,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                 className: "ds-l-col--12 ds-l-sm-col--8",
-                                children: status === "loading" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                                children: isLoading ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
                                     className: "ds-u-valign--middle",
                                     "aria-valuetext": "Dataset Search loading",
                                     role: "status"
@@ -1203,6 +1225,8 @@ var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
+
+
 const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl, additionalParams = {})=>{
     const [dataset, setDataset] = (0, $hgUW1$useState)({
         title: "",
@@ -2558,7 +2582,6 @@ 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", {
@@ -2607,12 +2630,25 @@ const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource  })=>{
 var $0958733ee130fc44$export$2e2bcd8739ae039 = $0958733ee130fc44$var$ResourceInformation;
 
 
-const $7357cc0f79f9c514$var$Resource = ({ distribution: distribution , resource: resource , title: title , fileFormat: fileFormat  })=>{
+const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions , resource: resource , title: title  })=>{
+    function getFormatType(dist) {
+        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 sm = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 767
     });
-    const fileIcon = "fa-file-" + fileFormat.toLowerCase();
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: "ds-u-display--flex ds-u-flex-wrap--wrap",
         children: [
@@ -2620,35 +2656,46 @@ const $7357cc0f79f9c514$var$Resource = ({ distribution: distribution , resource:
                 className: "ds-l-col--12 ds-u-padding-left--0 ds-text-heading--2xl",
                 children: "Resources"
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                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",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                        className: "fa ds-u-color--primary ds-u-padding-right--1 " + fileIcon
-                    }),
-                    title
-                ]
-            }),
-            Object.keys(distribution).length ? /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
-                href: distribution.data.downloadURL,
-                className: "ds-l-col--12 ds-l-md-col--6 ds-u-text-align--right ds-u-margin-top--2 ds-u-md-margin-top--0",
-                style: {
-                    order: sm ? "1" : "0"
-                },
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
-                    style: {
-                        width: sm ? "100%" : ""
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                            className: "fa fa-file-download ds-u-color--primary ds-u-padding-right--1"
-                        }),
-                        "Download"
-                    ]
+            distributions.length && /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                className: "ds-c-list ds-c-list--bare",
+                children: distributions.map((dist)=>{
+                    const fileFormat = getFormatType(dist);
+                    return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
+                        className: "ds-u-display--flex ds-u-flex-wrap--wrap",
+                        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",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
+                                        className: "fa ds-u-color--primary ds-u-padding-right--1 fa-file-" + (fileFormat == "xlsx" ? "excel" : fileFormat)
+                                    }),
+                                    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 " + 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"
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $0958733ee130fc44$export$2e2bcd8739ae039), {
+                                resource: resource
+                            })
+                        ]
+                    }, dist.identifier);
                 })
-            }) : "",
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $0958733ee130fc44$export$2e2bcd8739ae039), {
-                resource: resource
             })
         ]
     });
@@ -2656,37 +2703,18 @@ const $7357cc0f79f9c514$var$Resource = ({ distribution: distribution , resource:
 var $7357cc0f79f9c514$export$2e2bcd8739ae039 = $7357cc0f79f9c514$var$Resource;
 
 
-const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset , resource: resource , distribution: distribution , metadataMapping: metadataMapping  })=>{
+const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset , resource: resource , distributions: distributions , metadataMapping: metadataMapping  })=>{
     const md = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 768
     });
-    const [fileFormat, setFileFormat] = (0, $hgUW1$useState)("");
-    (0, $hgUW1$useEffect)(()=>{
-        if (distribution.identifier) {
-            let localFileFormat = "";
-            if (distribution.data.format) localFileFormat = distribution.data.format.toUpperCase();
-            else if (distribution.data.mediaType) {
-                const mediaType = distribution.data.mediaType.split("/");
-                if (mediaType.length && mediaType[1]) localFileFormat = mediaType[1].toUpperCase();
-            }
-            setFileFormat(localFileFormat);
-            if (localFileFormat === "CSV") {
-                resource.setResource(distribution.identifier);
-                resource.setManual(false);
-            }
-        }
-    }, [
-        distribution
-    ]);
     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), {
-                distribution: distribution,
+                distributions: distributions,
                 resource: resource,
-                title: dataset.title,
-                fileFormat: fileFormat
+                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",
@@ -2741,7 +2769,7 @@ const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint  })=>{
 var $789279954d8eff7f$export$2e2bcd8739ae039 = $789279954d8eff7f$var$ApiDocumentation;
 
 
-const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id , rootUrl: rootUrl  })=>{
+const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id , rootUrl: rootUrl , apiUrl: apiUrl  })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2762,7 +2790,7 @@ const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id , rootUrl: rootUrl  })=>{
                     /*#__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: "/about/api",
+                            href: apiUrl,
                             children: [
                                 "View API",
                                 " ",
@@ -2792,7 +2820,80 @@ var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
 
 
 
-const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalParams: additionalParams , customColumns: customColumns , setDatasetTitle: setDatasetTitle , customMetadataMapping: customMetadataMapping  })=>{
+
+
+
+const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionary: datasetDictionary , title: title  })=>{
+    const tableColumns = [
+        {
+            colName: "name",
+            UIName: "Name"
+        },
+        {
+            colName: "title",
+            UIName: "Title"
+        },
+        {
+            colName: "type",
+            UIName: "Type"
+        },
+        {
+            colName: "format",
+            UIName: "Format"
+        }
+    ];
+    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$jsxs)((0, $hgUW1$Table), {
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
+                            children: tableColumns.map((col)=>{
+                                return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                    children: col.UIName
+                                });
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
+                        children: datasetDictionary.map((row)=>{
+                            return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
+                                children: tableColumns.map((col)=>{
+                                    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                        children: row[col.colName]
+                                    });
+                                })
+                            });
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $6012b86ffcaf3f71$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($6012b86ffcaf3f71$var$DataDictionary);
+
+
+
+const $a0f13962e513caa1$var$getSiteWideDataDictionary = (rootUrl, dataDictionaryUrl)=>{
+    const { data: data , isLoading: isLoading , error: error  } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "dictionary"
+        ],
+        queryFn: ()=>{
+            return fetch(rootUrl + dataDictionaryUrl).then((res)=>res.json());
+        }
+    });
+    return {
+        siteWideDataDictionary: data,
+        dataDictionaryLoading: isLoading
+    };
+};
+const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalParams: additionalParams , customColumns: customColumns , setDatasetTitle: setDatasetTitle , customMetadataMapping: customMetadataMapping , apiPageUrl: apiPageUrl = "/api" , dataDictionaryUrl: dataDictionaryUrl  })=>{
     const options = location.search ? {
         ...(0, $hgUW1$qs).parse(location.search, {
             ignoreQueryPrefix: true
@@ -2807,13 +2908,23 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
         ...customMetadataMapping
     };
     let distribution = {};
-    let distribution_array = dataset.distribution ? dataset.distribution : [];
-    if (distribution_array.length) distribution = distribution_array[0];
+    let distributions = dataset.distribution ? dataset.distribution : [];
+    if (distributions.length) distribution = distributions[0];
     const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
         ...options,
         limit: 25,
         manual: true
     }, additionalParams);
+    const { siteWideDataDictionary: siteWideDataDictionary  } = dataDictionaryUrl ? $a0f13962e513caa1$var$getSiteWideDataDictionary(rootUrl, dataDictionaryUrl) : {
+        siteWideDataDictionary: null
+    };
+    console.log(siteWideDataDictionary);
+    // compare schema fields with siteWideDataDictionary to display commonalities for now
+    // until dataset level data dictionaries are implemented
+    const datasetDictionary = siteWideDataDictionary && resource && resource.schema[distribution.identifier] ? siteWideDataDictionary.data.fields.filter((field)=>{
+        return Object.keys(resource.schema[distribution.identifier].fields).indexOf(field.name) !== -1;
+    }) : null;
+    console.log(datasetDictionary);
     (0, $hgUW1$useEffect)(()=>{
         if (distribution.identifier) {
             resource.setResource(distribution.identifier);
@@ -2927,11 +3038,11 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $364dc44850cd8f7f$export$2e2bcd8739ae039), {
                                         resource: resource,
                                         dataset: dataset,
-                                        distribution: distribution,
+                                        distributions: distributions,
                                         metadataMapping: metadataMapping
                                     })
                                 }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
+                                datasetDictionary && datasetDictionary.length && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
                                     id: "data-dictionary",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         children: [
@@ -2941,8 +3052,9 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
                                             "Data Dictionary"
                                         ]
                                     }),
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                        children: "Data Dictionary"
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6012b86ffcaf3f71$export$2e2bcd8739ae039), {
+                                        datasetDictionary: datasetDictionary,
+                                        title: "Data Dictionary"
                                     })
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
@@ -2957,7 +3069,8 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
                                     }),
                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf6eaefd6b928de3$export$2e2bcd8739ae039), {
                                         id: id,
-                                        rootUrl: rootUrl
+                                        rootUrl: rootUrl,
+                                        apiUrl: apiPageUrl
                                     })
                                 })
                             ]
@@ -2972,7 +3085,7 @@ $a0f13962e513caa1$var$Dataset.propTypes = {
     id: (0, $hgUW1$proptypes).string.isRequired,
     rootUrl: (0, $hgUW1$proptypes).string.isRequired
 };
-var $a0f13962e513caa1$export$2e2bcd8739ae039 = $a0f13962e513caa1$var$Dataset;
+var $a0f13962e513caa1$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($a0f13962e513caa1$var$Dataset);