@civicactions/cmsds-open-data-components 2.1.1 → 2.1.3

package/README.md

@@ -0,0 +1,20 @@
+# cmsds-open-data-components
+
+This repo acts as an upstream common react library for CMS Open Data sites. This library is powered by [Parcel](https://parceljs.org/).
+
+## Local Development
+
+For local development, we recommend using [npm workspaces](https://docs.npmjs.com/cli/v7/using-npm/workspaces).
+Once you have a workspace directory, install this library inside your workspace along any Open Data downstream sites you wish to work on.
+
+In the root folder for this project, run `npm run watch` to build local code. Ensure the upstream is using the same version number located in package.json of this repo. Start the upstream site locally as well, and it should load local code from this repo as the dependency. Parcel also provides hot rebuilding while `watch` is running.
+
+## Publishing new versions
+
+Run ```npm run build``` to create a production version of the library before publishing to npm.
+Run ```npm publish``` to publish to npm
+
+## Testing
+
+Jest tests can be run using:
+```npm run test```

package/dist/main.js

@@ -4,13 +4,13 @@ import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useE
 import {Button as $hgUW1$Button, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Dropdown as $hgUW1$Dropdown, Badge as $hgUW1$Badge, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Choice as $hgUW1$Choice, Tooltip as $hgUW1$Tooltip, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Dialog as $hgUW1$Dialog, HelpDrawer as $hgUW1$HelpDrawer} 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";
 import $hgUW1$swaggeruireact from "swagger-ui-react";
 import "swagger-ui-react/swagger-ui.css";
-import $hgUW1$qs from "qs";
 import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryClientProvider as $hgUW1$QueryClientProvider} from "@tanstack/react-query";
 import $hgUW1$axios from "axios";
-import $hgUW1$reacttexttruncate from "react-text-truncate";
 import $hgUW1$dompurify from "dompurify";
+import $hgUW1$reacttexttruncate from "react-text-truncate";
 import {createColumnHelper as $hgUW1$createColumnHelper, useReactTable as $hgUW1$useReactTable, getCoreRowModel as $hgUW1$getCoreRowModel, getSortedRowModel as $hgUW1$getSortedRowModel, flexRender as $hgUW1$flexRender} from "@tanstack/react-table";
 import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
 import {usePopper as $hgUW1$usePopper} from "react-popper";
@@ -622,8 +622,11 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
             encode: false,
             skipEmptyString: true
         })}`));
-    if (data && totalItems != data.data.total) setTotalItems(data.data.total);
-    const { theme: theme , keyword: keyword  } = (0, $116bd29db288848e$export$959638e8dca60ce6)(data ? data.data.facets : []);
+    if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
+    const { theme: theme , keyword: keyword  } = data && data.data.facets ? (0, $116bd29db288848e$export$959638e8dca60ce6)(data ? data.data.facets : []) : {
+        theme: null,
+        keyword: null
+    };
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
         className: "ds-l-container",
         children: [
@@ -681,7 +684,7 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
                                         children: [
                                             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                                 children: [
-                                                    currentResultNumbers && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                                                    currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
                                                         className: "ds-u-margin-y--0",
                                                         role: "region",
                                                         "aria-live": "polite",
@@ -721,7 +724,7 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
                                                 variation: "error",
                                                 heading: "No results found."
                                             }),
-                                            Object.keys(data.data.results).map((key)=>{
+                                            data && data.data.results ? Object.keys(data.data.results).map((key)=>{
                                                 return data.data.results[key];
                                             }).map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                                                     className: "ds-u-padding--0",
@@ -729,10 +732,13 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
                                                         item: item,
                                                         updateFacets: updateSelectedFacets
                                                     })
-                                                }, item.identifier))
+                                                }, item.identifier)) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
+                                                variation: "error",
+                                                heading: "Could not connect to the API."
+                                            })
                                         ]
                                     }),
-                                    data.data.total != 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
+                                    data && data.data.total && data.data.total !== 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
                                         id: "test-default",
                                         currentPage: Number(page),
                                         totalPages: Math.ceil(Number(data.data.total) / pageSize),
@@ -4140,7 +4146,7 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
                             children: "Value"
                         })
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker).default, {
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker), {
                         name: `${condition.key}_date_value`,
                         selected: (0, $7264a673914aa746$export$e284ae5d89467c8f)(startDate),
                         onChange: (date)=>{