@civicactions/cmsds-open-data-components 3.6.2-alpha.1 → 3.6.2-oe

package/dist/main.js

@@ -2,7 +2,7 @@ import "./main.css";
 import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
 import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useMemo as $hgUW1$useMemo, useContext as $hgUW1$useContext, useCallback as $hgUW1$useCallback} from "react";
 import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link} from "react-router-dom";
-import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, 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 {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, 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, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, TableHead as $hgUW1$TableHead, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
 import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
 import $hgUW1$qs from "qs";
 import $hgUW1$swaggeruireact from "swagger-ui-react";
@@ -2321,6 +2321,24 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
         maxWidth: 768
     });
     const rows = (0, $5644ebd2c3dbfd7b$export$eea3a12df15499ca)(metadataMapping, dataset);
+    const tooltips = [
+        {
+            label: "modified",
+            title: "The date the dataset was last updated."
+        },
+        {
+            label: "released",
+            title: "The date the most recent dataset was made available to the public."
+        },
+        {
+            label: "issued",
+            title: "The date the dataset was first published and made available to the public."
+        },
+        {
+            label: "publisher",
+            title: "The entity responsible for publishing the dataset."
+        }
+    ];
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $7357cc0f79f9c514$export$2e2bcd8739ae039), {
@@ -2341,19 +2359,38 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
                         stackableBreakpoint: "md",
                         warningDisabled: true,
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
-                            children: rows.map((r)=>/*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
+                            children: rows.map((r)=>{
+                                const tooltip = tooltips.find((item)=>item.label === r.label.toLowerCase());
+                                return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
                                     children: [
-                                        md ? "" : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
+                                        md ? "" : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
                                             component: "th",
                                             className: "ds-u-font-weight--bold",
-                                            children: r.label
+                                            children: [
+                                                r.label,
+                                                tooltip && /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                                    className: "ds-u-font-weight--normal",
+                                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
+                                                        title: tooltip.title,
+                                                        // @ts-ignore
+                                                        style: {
+                                                            border: "none",
+                                                            background: "none"
+                                                        },
+                                                        maxWidth: "400px",
+                                                        placement: "auto",
+                                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TooltipIcon), {})
+                                                    })
+                                                })
+                                            ]
                                         }),
                                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                             stackedTitle: r.label,
                                             children: r.value
                                         })
                                     ]
-                                }, `${r.label}_${dataset.identifier}`))
+                                }, `${r.label}_${dataset.identifier}`);
+                            })
                         })
                     })
                 ]