@civicactions/cmsds-open-data-components 4.1.6 → 4.1.7-alpha.0

package/dist/main.js

@@ -1,8 +1,8 @@
 import "./main.css";
 import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
-import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Dropdown as $hgUW1$Dropdown, Pagination as $hgUW1$Pagination, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Choice as $hgUW1$Choice, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, ExternalLinkIcon as $hgUW1$ExternalLinkIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
+import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, 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, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Choice as $hgUW1$Choice, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, ExternalLinkIcon as $hgUW1$ExternalLinkIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
 import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useContext as $hgUW1$useContext, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
-import {NavLink as $hgUW1$NavLink, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate, useSearchParams as $hgUW1$useSearchParams, useLocation as $hgUW1$useLocation} from "react-router-dom";
+import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate, useSearchParams as $hgUW1$useSearchParams, useLocation as $hgUW1$useLocation, Link as $hgUW1$Link} from "react-router-dom";
 import $hgUW1$qs from "qs";
 import $hgUW1$axios from "axios";
 import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryClientProvider as $hgUW1$QueryClientProvider} from "@tanstack/react-query";
@@ -270,199 +270,6 @@ var $11500a65bd7d9cf1$export$2e2bcd8739ae039 = $11500a65bd7d9cf1$var$HeaderConte
 
 
 
-
-
-
-
-
-const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)({
-    defaultOptions: {
-        queries: {
-            refetchOnWindowFocus: false
-        }
-    }
-});
-const $61ff88fb3f6ee2c8$var$withQueryProvider = (WrappedComponent)=>(props)=>{
-        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$QueryClientProvider), {
-            client: $61ff88fb3f6ee2c8$var$queryClient,
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)(WrappedComponent, {
-                ...props
-            })
-        });
-    };
-var $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 = $61ff88fb3f6ee2c8$var$withQueryProvider;
-
-
-
-
-
-
-
-const $4808982eba3feb88$var$DatasetListSubmenuItem = (props)=>{
-    const { title: title, identifier: identifier, linkClasses: linkClasses } = props;
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-        className: "dc-c-list-item",
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-            className: `ds-u-display-flex ds-u-align-items--center ds-u-text-align--left ${linkClasses}`,
-            to: `/dataset/${identifier}`,
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                className: "ds-text-heading--md ds-u-margin-left--0",
-                children: title
-            })
-        })
-    }, identifier);
-};
-var $4808982eba3feb88$export$2e2bcd8739ae039 = $4808982eba3feb88$var$DatasetListSubmenuItem;
-
-
-
-
-function $6d5c0212e738499b$export$34e95918366a058e(params, ACA) {
-    if (ACA) params = Object.assign(params, {
-        ACA: ACA,
-        redirect: false
-    });
-    return params;
-}
-
-
-
-const $844981eac9b63865$export$eccc29c8d0ff408 = (0, $hgUW1$createContext)({
-    ACA: undefined
-});
-
-
-const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 4, defaultSort: defaultSort = {
-    defaultSort: 'modified',
-    defaultOrder: 'desc'
-}, subLinkClasses: subLinkClasses })=>{
-    const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
-    const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
-        total: 0,
-        startingNumber: 0,
-        endingNumber: 0
-    });
-    const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
-    const [totalItems, setTotalItems] = (0, $hgUW1$useState)(0);
-    const pageSize = defaultPageSize;
-    (0, $hgUW1$useEffect)(()=>{
-        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
-        else setNoResults(false);
-    }, [
-        totalItems,
-        pageSize
-    ]);
-    let params = {
-        sort: defaultSort.defaultSort,
-        ['sort-order']: defaultSort.defaultOrder,
-        ['page-size']: defaultPageSize
-    };
-    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
-        queryKey: [
-            "datasets",
-            params
-        ],
-        queryFn: ()=>{
-            return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-                arrayFormat: 'comma',
-                encode: false
-            })}`);
-        }
-    });
-    // Sync totalItems state with API response data
-    // Moved to useEffect to prevent state updates during render (which can cause infinite loops)
-    (0, $hgUW1$useEffect)(()=>{
-        if (data?.data?.total !== undefined && data.data.total !== totalItems) setTotalItems(data.data.total);
-    }, [
-        data?.data?.total
-    ]);
-    let submenuItemsCount = 0;
-    if (data) {
-        let resultsCount = Object.keys(data.data.results).length;
-        // For the submenu pager, If there are fewer than 4 dataset items, display the dataset item count, otherwise, show "Viewing 4..".
-        submenuItemsCount = resultsCount > defaultPageSize ? defaultPageSize : resultsCount;
-    }
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
-            className: " dkan-c-site-menu--sub-menu",
-            children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
-                className: "ds-u-valign--middle",
-                "aria-valuetext": "Dataset Search loading",
-                role: "status"
-            }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
-                        className: "dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-lg-margin-top--2 ds-u-margin-bottom--2 ds-u-display--block",
-                        "data-testid": "submenu-results-list",
-                        children: [
-                            noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                                variation: "error",
-                                heading: "No results found."
-                            }),
-                            data && data.data.results ? Object.keys(data.data.results).map((key)=>{
-                                return data.data.results[key];
-                            }).map((item)=>{
-                                return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4808982eba3feb88$export$2e2bcd8739ae039), {
-                                    title: item.title,
-                                    identifier: item.identifier,
-                                    linkClasses: subLinkClasses
-                                }, item.identifier);
-                            }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
-                                variation: "error",
-                                heading: "Could not connect to the API."
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-border-top--1 ds-u-padding-top--3 ds-u-padding-bottom--2 ds-u-margin-x--3 ds-u-lg-margin-x--0",
-                        children: enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                            children: [
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                        className: "ds-u-margin-y--0 ds-u-font-size--sm",
-                                        "aria-hidden": "true",
-                                        children: data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                                            children: [
-                                                "Viewing ",
-                                                submenuItemsCount,
-                                                " of ",
-                                                data.data.total
-                                            ]
-                                        })
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "",
-                                    children: data && data.data.total > 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
-                                        className: "ds-u-padding--0 ds-c-button ds-c-button--ghost dkan-c-header--link",
-                                        to: `../whats-new`,
-                                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
-                                            className: "ds-text-heading--md",
-                                            children: [
-                                                " ",
-                                                `View all ${data.data.total} entries`,
-                                                " "
-                                            ]
-                                        })
-                                    })
-                                })
-                            ]
-                        })
-                    })
-                ]
-            })
-        })
-    });
-};
-var $10bc3aae21fc1572$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($10bc3aae21fc1572$var$DatasetListSubmenu);
-
-
-
-
-
-
-
 const $6d0cf21faac6a2dd$var$SubMenuStaticList = ({ submenuArray: submenuArray, subLinkClasses: subLinkClasses, setIsExpanded: setIsExpanded })=>{
     // Render a static list of submenu items as listed in the assets/menu.jsx file.
     let submenuItems = submenuArray.map((s)=>{
@@ -529,14 +336,9 @@ const $669b51f08325b4e3$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
             subLinkClasses: subLinkClasses,
             setIsExpanded: setIsExpanded
         });
-        else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) {
-            const { rootUrl: rootUrl, location: location } = link.submenu.props;
-            submenuBlock = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $10bc3aae21fc1572$export$2e2bcd8739ae039), {
-                location: location,
-                rootUrl: rootUrl,
-                subLinkClasses: subLinkClasses
-            });
-        }
+        else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) submenuBlock = /*#__PURE__*/ (0, $hgUW1$react).cloneElement(link.submenu, {
+            subLinkClasses: subLinkClasses
+        });
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
         className: `dkan-c-nav-submenu has-submenu${isExpanded ? ' open' : ''}`,
@@ -579,6 +381,26 @@ var $669b51f08325b4e3$export$2e2bcd8739ae039 = $669b51f08325b4e3$var$SubMenu;
 
 
 
+const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)({
+    defaultOptions: {
+        queries: {
+            refetchOnWindowFocus: false
+        }
+    }
+});
+const $61ff88fb3f6ee2c8$var$withQueryProvider = (WrappedComponent)=>(props)=>{
+        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$QueryClientProvider), {
+            client: $61ff88fb3f6ee2c8$var$queryClient,
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)(WrappedComponent, {
+                ...props
+            })
+        });
+    };
+var $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 = $61ff88fb3f6ee2c8$var$withQueryProvider;
+
+
+
+
 
 
 
@@ -1368,6 +1190,14 @@ var $5723016a5461c1ca$export$2e2bcd8739ae039 = $5723016a5461c1ca$var$PageHeader;
 
 
 
+function $6d5c0212e738499b$export$34e95918366a058e(params, ACA) {
+    if (ACA) params = Object.assign(params, {
+        ACA: ACA,
+        redirect: false
+    });
+    return params;
+}
+
 
 function $eff7d34c30f5a0fc$export$959638e8dca60ce6(facets) {
     let facetObj = {};
@@ -1425,6 +1255,11 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
 
 
 
+const $844981eac9b63865$export$eccc29c8d0ff408 = (0, $hgUW1$createContext)({
+    ACA: undefined
+});
+
+
 const $e873081a6e8f024e$export$1040147c129fdde9 = (query)=>{
     return /^[a-zA-Z0-9 ]*$/.test(query.trim());
 };
@@ -4367,6 +4202,165 @@ var $85f8ff1ff89899c7$export$2e2bcd8739ae039 = $85f8ff1ff89899c7$var$DataTableTo
 
 
 
+
+
+
+
+
+const $4808982eba3feb88$var$DatasetListSubmenuItem = (props)=>{
+    const { title: title, identifier: identifier, linkClasses: linkClasses } = props;
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+        className: "dc-c-list-item",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
+            className: `ds-u-display-flex ds-u-align-items--center ds-u-text-align--left ${linkClasses}`,
+            to: `/dataset/${identifier}`,
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                className: "ds-text-heading--md ds-u-margin-left--0",
+                children: title
+            })
+        })
+    }, identifier);
+};
+var $4808982eba3feb88$export$2e2bcd8739ae039 = $4808982eba3feb88$var$DatasetListSubmenuItem;
+
+
+
+
+
+
+const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 4, defaultSort: defaultSort = {
+    defaultSort: 'modified',
+    defaultOrder: 'desc'
+}, subLinkClasses: subLinkClasses })=>{
+    const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
+    const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
+        total: 0,
+        startingNumber: 0,
+        endingNumber: 0
+    });
+    const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
+    const [totalItems, setTotalItems] = (0, $hgUW1$useState)(0);
+    const pageSize = defaultPageSize;
+    (0, $hgUW1$useEffect)(()=>{
+        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
+        else setNoResults(false);
+    }, [
+        totalItems,
+        pageSize
+    ]);
+    let params = {
+        sort: defaultSort.defaultSort,
+        ['sort-order']: defaultSort.defaultOrder,
+        ['page-size']: defaultPageSize
+    };
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "datasets",
+            params
+        ],
+        queryFn: ()=>{
+            return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
+                arrayFormat: 'comma',
+                encode: false
+            })}`);
+        }
+    });
+    // Sync totalItems state with API response data
+    // Moved to useEffect to prevent state updates during render (which can cause infinite loops)
+    (0, $hgUW1$useEffect)(()=>{
+        if (data?.data?.total !== undefined && data.data.total !== totalItems) setTotalItems(data.data.total);
+    }, [
+        data?.data?.total
+    ]);
+    let submenuItemsCount = 0;
+    if (data) {
+        let resultsCount = Object.keys(data.data.results).length;
+        // For the submenu pager, If there are fewer than 4 dataset items, display the dataset item count, otherwise, show "Viewing 4..".
+        submenuItemsCount = resultsCount > defaultPageSize ? defaultPageSize : resultsCount;
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
+            className: " dkan-c-site-menu--sub-menu",
+            children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                className: "ds-u-valign--middle",
+                "aria-valuetext": "Dataset Search loading",
+                role: "status"
+            }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
+                        className: "dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-lg-margin-top--2 ds-u-margin-bottom--2 ds-u-display--block",
+                        "data-testid": "submenu-results-list",
+                        children: [
+                            noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                                variation: "error",
+                                heading: "No results found."
+                            }),
+                            data && data.data.results ? Object.keys(data.data.results).map((key)=>{
+                                return data.data.results[key];
+                            }).map((item)=>{
+                                return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4808982eba3feb88$export$2e2bcd8739ae039), {
+                                    title: item.title,
+                                    identifier: item.identifier,
+                                    linkClasses: subLinkClasses
+                                }, item.identifier);
+                            }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                                variation: "error",
+                                heading: "Could not connect to the API."
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-border-top--1 ds-u-padding-top--3 ds-u-padding-bottom--2 ds-u-margin-x--3 ds-u-lg-margin-x--0",
+                        children: enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                            children: [
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                        className: "ds-u-margin-y--0 ds-u-font-size--sm",
+                                        "aria-hidden": "true",
+                                        children: data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                            children: [
+                                                "Viewing ",
+                                                submenuItemsCount,
+                                                " of ",
+                                                data.data.total
+                                            ]
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                    className: "",
+                                    children: data && data.data.total > 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
+                                        className: "ds-u-padding--0 ds-c-button ds-c-button--ghost dkan-c-header--link",
+                                        to: `../whats-new`,
+                                        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
+                                            className: "ds-text-heading--md",
+                                            children: [
+                                                " ",
+                                                `View all ${data.data.total} entries`,
+                                                " "
+                                            ]
+                                        })
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+var $10bc3aae21fc1572$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($10bc3aae21fc1572$var$DatasetListSubmenu);
+
+
+
+
+
+
+
+
+
 const $5b656f0283afa250$var$SpanOpenAPIVersion = function(system) {
     return {
         wrapComponents: {