@civicactions/cmsds-open-data-components 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/main.js

@@ -0,0 +1,303 @@
+import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
+import {useState as $hgUW1$useState} from "react";
+import $hgUW1$proptypes from "prop-types";
+import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate} from "react-router-dom";
+import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
+import {Button as $hgUW1$Button, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField} from "@cmsgov/design-system";
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+// Components
+
+
+// import SubMenu from '../SubMenu';
+// import NavLink from '../NavLink';
+const $f57121650539d8c5$var$NavBar = ({ links: links , menuName: menuName , menuId: menuId , menuClasses: menuClasses , linkClasses: linkClasses , wrapLabel: wrapLabel  })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("nav", {
+        className: `dc-c-${menuId}-menu`,
+        "aria-labelledby": `dc-c-${menuId}-menu--heading`,
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+            id: `dc-c-${menuId}-menu--heading`,
+            className: "ds-u-visibility--screen-reader",
+            children: menuName
+        })
+    });
+};
+$f57121650539d8c5$var$NavBar.defaultProps = {
+    wrapLabel: false
+};
+var $f57121650539d8c5$export$2e2bcd8739ae039 = $f57121650539d8c5$var$NavBar;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId: appNodeId , searchModalText: searchModalText , buttonSize: buttonSize , inversedModalButton: inversedModalButton , inversedSearchButton: inversedSearchButton  })=>{
+    const navigate = (0, $hgUW1$useNavigate)();
+    const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)("");
+    const [modalSearch, setModalSearch] = (0, $hgUW1$useState)(false);
+    const mobile = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 543
+    });
+    function searchForDataset(e) {
+        e.preventDefault();
+        if (window) {
+            if (window.location.pathname !== "/datasets") navigate(`/datasets?fulltext=${modalSearchTerm}`);
+            else {
+                window.location.search = `fulltext=${modalSearchTerm}`;
+                setModalSearch(false);
+            }
+        }
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                variation: "transparent",
+                inversed: inversedSearchButton,
+                size: buttonSize,
+                className: "ds-u-border--0 dc-c-search-modal--button",
+                onClick: ()=>setModalSearch(true),
+                children: mobile ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                    className: "ds-u-visibility--screen-reader",
+                    children: "Search"
+                }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+                    children: "Search"
+                })
+            }),
+            modalSearch && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
+                className: "dc-c-search-dialog",
+                onExit: ()=>setModalSearch(false),
+                getApplicationNode: ()=>document.getElementById(appNodeId),
+                closeButtonVariation: "primary",
+                closeText: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+                    children: "Close"
+                }),
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                        children: searchModalText
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
+                        className: "ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap",
+                        onSubmit: (e)=>{
+                            searchForDataset(e);
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
+                                value: modalSearchTerm,
+                                fieldClassName: "ds-u-display--inline-block",
+                                className: "ds-l-col--9",
+                                label: "Search Term",
+                                name: "search-modal",
+                                labelClassName: "ds-u-visibility--screen-reader",
+                                onChange: (e)=>setModalSearchTerm(e.target.value)
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
+                                type: "submit",
+                                inversed: inversedModalButton,
+                                className: "ds-l-col--3",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                        className: "fas fa-search small-text ds-u-sm-display--none"
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                        className: "full-text ds-u-display--none ds-u-sm-display--inline-block",
+                                        children: "Search"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+$e5bfafc6d4e6f207$var$SearchModal.defaultProps = {
+    appNodeId: "App",
+    buttonSize: null,
+    inversedModalButton: true,
+    inversedSearchButton: true
+};
+var $e5bfafc6d4e6f207$export$2e2bcd8739ae039 = $e5bfafc6d4e6f207$var$SearchModal;
+
+
+var $52466563e0d69ea8$exports = {};
+$52466563e0d69ea8$exports = new URL("CMSGovLogo-O.90ce815c.png", import.meta.url).toString();
+
+
+const $ca4d58501b237b60$var$Header = ({ siteName: siteName , headerClasses: headerClasses , linkClasses: linkClasses , links: links , org: org , searchModalText: searchModalText , customSearch: customSearch , includeTopNav: includeTopNav , inversedModalButton: inversedModalButton , inversedSearchButton: inversedSearchButton  })=>{
+    const { url: url , tagline: tagline , logo: logo , urlTitle: urlTitle , logoAltText: logoAltText  } = org;
+    const headerClassString = headerClasses ?? "dc-c-header ds-base";
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("header", {
+        className: headerClassString,
+        "aria-label": "Site header",
+        children: [
+            includeTopNav && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "dc-c-cmsheader ds-u-display--flex ds-u-padding-x--5 ds-u-align-items--center",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-sm-col--12 ds-l-lg-col--8",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "cms-link-container",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
+                                    href: url,
+                                    title: urlTitle,
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("img", {
+                                        src: logo,
+                                        alt: logoAltText
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    className: "cms-text-container",
+                                    children: tagline
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-u-margin-left--auto"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "dc-c-main-navigation",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    className: "ds-l-container",
+                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-row ds-u-align-items--center",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                            className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
+                                to: "/",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    className: "ds-h1",
+                                    children: siteName
+                                })
+                            })
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+$ca4d58501b237b60$var$Header.defaultProps = {
+    org: {
+        tagline: "The Centers for Medicare & Medicaid Services",
+        url: "https://cms.gov",
+        urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
+        logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
+        logoAltText: "CMS.gov Centers for Medicare & Medicaid Services"
+    },
+    includeTopNav: true,
+    customSearch: false,
+    linkClasses: "ds-u-xl-margin-right--4 ds-u-margin-right--3 ds-u-padding-y--3"
+};
+$ca4d58501b237b60$var$Header.propTypes = {
+    siteName: (0, $hgUW1$proptypes).node.isRequired,
+    includeTopNav: (0, $hgUW1$proptypes).bool,
+    linkClasses: (0, $hgUW1$proptypes).string
+};
+var $ca4d58501b237b60$export$2e2bcd8739ae039 = $ca4d58501b237b60$var$Header;
+
+
+
+
+
+
+const $026cb986f9fea2b1$var$PageNotFound = ({ siteUrl: siteUrl , content: content  })=>{
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
+        className: "ds-l-container ds-u-padding-top--3",
+        children: content ? content : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+            children: [
+                /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
+                    className: "ds-title",
+                    children: "Error: Page not found"
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                    children: [
+                        "We're sorry, but there is no ",
+                        siteUrl,
+                        " web page that matches your entry. You may have been directed here because:"
+                    ]
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                            children: "The address you typed contains a typo;"
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                            children: "The requested page may have expired or;"
+                        }),
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                            children: "The requested page may have been moved."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                    children: [
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-font-weight--bold",
+                            children: "Note:"
+                        }),
+                        " If you were using a bookmark, please reset it once you find the correct page."
+                    ]
+                })
+            ]
+        })
+    });
+};
+var $026cb986f9fea2b1$export$2e2bcd8739ae039 = $026cb986f9fea2b1$var$PageNotFound;
+
+
+
+
+ // export { default as NavLink } from './components/NavLink';
+ // export { default as DatasetTags } from './components/DatasetTags';
+ // export { default as DatasetDownloads } from './components/DatasetDownloads';
+ // export { default as Pagination } from './components/Pagination';
+ // export { default as Hero } from './components/Hero';
+ // export { default as SearchModal } from './components/SearchModal';
+ // export { default as DatasetSearchListItem } from './components/DatasetSearchListItem';
+ // export { default as SubMenu } from './components/SubMenu';
+ // export { default as ApiDocumentation } from './components/ApiDocumentation';
+ // export { default as ResourceConditionField } from './components/ResourceConditionField';
+ // export { default as ResourceFilter } from './components/ResourceFilter';
+ // export { default as ResourceHeader } from './components/ResourceHeader';
+ // export { default as ResourcePreview } from './components/ResourcePreview';
+ // export { default as ResourceFooter } from './components/ResourceFooter';
+ // export { default as Breadcrumb } from './components/Breadcrumb';
+ // export { default as TransformedDate } from './components/TransformedDate';
+ // Templates
+ // export { default as Footer } from './templates/Footer';
+ // export { default as Dataset } from './templates/Dataset';
+ // export { default as DatasetSearch } from './templates/DatasetSearch';
+ // export { default as DrupalPage } from './templates/DrupalPage';
+ // export { default as Header } from './templates/header';
+ // export { default as MobileHeader } from './templates/mobile_header';
+ // export { default as FilteredResource } from './templates/FilteredResource';
+ // export { default as QueryBuilder } from './templates/FilteredResource/QueryBuilder';
+ // export { default as APIPage } from './templates/APIPage';
+ // Hooks
+ // export { default as useAddLoginLink } from './components/useAddLoginLink';
+ // export { default as useScrollToTop } from './components/useScrollToTop';
+ // Assets
+ // export { default as frequencyMap } from './assets/frequencyMap';
+
+
+export {$f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $ca4d58501b237b60$export$2e2bcd8739ae039 as Header, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound};
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/index.ts","src/components/NavBar/index.ts","src/components/NavBar/Navbar.tsx","src/components/Header/index.jsx","src/components/Header/Header.jsx","src/components/SearchModal/index.jsx","node_modules/@parcel/runtime-js/lib/runtime-b3ccd292a961d1cb.js","src/templates/PageNotFound/index.jsx","src/templates/PageNotFound/PageNotFound.jsx"],"sourcesContent":["// Components\nexport { default as NavBar } from './components/NavBar';\nexport { default as Header } from './components/Header';\n\n// Templates\nexport { default as PageNotFound } from './templates/PageNotFound';\n\n\n// export { default as NavLink } from './components/NavLink';\n// export { default as DatasetTags } from './components/DatasetTags';\n// export { default as DatasetDownloads } from './components/DatasetDownloads';\n// export { default as Pagination } from './components/Pagination';\n// export { default as Hero } from './components/Hero';\n// export { default as SearchModal } from './components/SearchModal';\n// export { default as DatasetSearchListItem } from './components/DatasetSearchListItem';\n// export { default as SubMenu } from './components/SubMenu';\n// export { default as ApiDocumentation } from './components/ApiDocumentation';\n// export { default as ResourceConditionField } from './components/ResourceConditionField';\n// export { default as ResourceFilter } from './components/ResourceFilter';\n// export { default as ResourceHeader } from './components/ResourceHeader';\n// export { default as ResourcePreview } from './components/ResourcePreview';\n// export { default as ResourceFooter } from './components/ResourceFooter';\n// export { default as Breadcrumb } from './components/Breadcrumb';\n// export { default as TransformedDate } from './components/TransformedDate';\n\n// Templates\n// export { default as Footer } from './templates/Footer';\n// export { default as Dataset } from './templates/Dataset';\n// export { default as DatasetSearch } from './templates/DatasetSearch';\n// export { default as DrupalPage } from './templates/DrupalPage';\n// export { default as Header } from './templates/header';\n// export { default as MobileHeader } from './templates/mobile_header';\n\n// export { default as FilteredResource } from './templates/FilteredResource';\n// export { default as QueryBuilder } from './templates/FilteredResource/QueryBuilder';\n// export { default as APIPage } from './templates/APIPage';\n\n// Hooks\n// export { default as useAddLoginLink } from './components/useAddLoginLink';\n// export { default as useScrollToTop } from './components/useScrollToTop';\n\n// Assets\n// export { default as frequencyMap } from './assets/frequencyMap';\n","export { default } from './Navbar';\n","import React from 'react';\nimport { NavbarProps } from './Navbar.types';\n// import SubMenu from '../SubMenu';\n// import NavLink from '../NavLink';\n\nconst NavBar = ({ links, menuName, menuId, menuClasses, linkClasses, wrapLabel }: NavbarProps) => {\n  return (\n    <nav className={`dc-c-${menuId}-menu`} aria-labelledby={`dc-c-${menuId}-menu--heading`}>\n      <h2 id={`dc-c-${menuId}-menu--heading`} className=\"ds-u-visibility--screen-reader\">\n        {menuName}\n      </h2>\n      {/* <ul className={menuClasses}>\n        {links.map((link) => {\n          if (link.submenu) {\n            return (\n              <SubMenu key={link.id} link={link} wrapLabel={wrapLabel} linkClasses={linkClasses} />\n            );\n          } else {\n            return (\n              <li key={link.id}>\n                <NavLink link={link} className={linkClasses} wrapLabel={wrapLabel} />\n              </li>\n            );\n          }\n        })}\n      </ul> */}\n    </nav>\n  );\n};\n\nNavBar.defaultProps = {\n  wrapLabel: false,\n};\n\nexport default NavBar;\n","export { default } from './Header';\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { NavLink } from 'react-router-dom';\nimport NavBar from '../NavBar/Navbar';\nimport SearchModal from '../SearchModal';\nimport cmsLogo from '../../assets/images/CMSGovLogo-O.png';\n\nconst Header = ({\n  siteName,\n  headerClasses,\n  linkClasses,\n  links,\n  org,\n  searchModalText,\n  customSearch,\n  includeTopNav,\n  inversedModalButton,\n  inversedSearchButton,\n}) => {\n  const { url, tagline, logo, urlTitle, logoAltText } = org;\n  const headerClassString = headerClasses ?? 'dc-c-header ds-base';\n  return (\n    <header className={headerClassString} aria-label=\"Site header\">\n      {includeTopNav && (\n        <div className=\"dc-c-cmsheader ds-u-display--flex ds-u-padding-x--5 ds-u-align-items--center\">\n          <div className=\"ds-l-sm-col--12 ds-l-lg-col--8\">\n            <div className=\"cms-link-container\">\n              <a href={url} title={urlTitle}>\n                <img src={logo} alt={logoAltText} />\n              </a>\n            </div>\n            <div>\n              <span className=\"cms-text-container\">{tagline}</span>\n            </div>\n          </div>\n          <div className=\"ds-u-margin-left--auto\">\n            {/* <NavBar\n              links={links.topnav}\n              menuName=\"CMS Main Header\"\n              menuId=\"cmsheader\"\n              menuClasses=\"ds-u-display--flex dc-c-header--links ds-u-font-size--small\"\n            /> */}\n          </div>\n        </div>\n      )}\n      <div className=\"dc-c-main-navigation\">\n        <div className=\"ds-l-container\">\n          <div className=\"ds-l-row ds-u-align-items--center\">\n            <div className=\"ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title\">\n              <NavLink to=\"/\">\n                <span className=\"ds-h1\">{siteName}</span>\n              </NavLink>\n            </div>\n            {/* <NavBar\n              links={links.main}\n              wrapLabel\n              menuName=\"CMS Site Main Nav\"\n              menuId=\"site\"\n              menuClasses=\"ds-u-display--flex dc-c-header--links ds-u-align-items--center\"\n              linkClasses={linkClasses}\n            /> */}\n            {/* <div className=\"dc-c-main-navigation--search ds-u-margin-left--auto ds-u-lg-padding-left--1 ds-u-xl-padding-left--3\">\n              {customSearch ? (\n                customSearch\n              ) : (\n                <SearchModal\n                  searchModalText={searchModalText}\n                  inversedModalButton={inversedModalButton}\n                  inversedSearchButton={inversedSearchButton}\n                />\n              )}\n            </div> */}\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n};\n\nHeader.defaultProps = {\n  org: {\n    tagline: 'The Centers for Medicare & Medicaid Services',\n    url: 'https://cms.gov',\n    urlTitle: 'CMS.gov Centers for Medicare & Medicaid Services',\n    logo: cmsLogo,\n    logoAltText: 'CMS.gov Centers for Medicare & Medicaid Services',\n  },\n  includeTopNav: true,\n  customSearch: false,\n  linkClasses: 'ds-u-xl-margin-right--4 ds-u-margin-right--3 ds-u-padding-y--3',\n};\n\nHeader.propTypes = {\n  siteName: PropTypes.node.isRequired,\n  includeTopNav: PropTypes.bool,\n  linkClasses: PropTypes.string,\n};\n\nexport default Header;\n","import React, { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useMediaQuery } from 'react-responsive';\nimport { Button, Dialog, TextField } from '@cmsgov/design-system';\n\nconst SearchModal = ({\n  searchFunc,\n  appNodeId,\n  searchModalText,\n  buttonSize,\n  inversedModalButton,\n  inversedSearchButton,\n}) => {\n  const navigate = useNavigate();\n  const [modalSearchTerm, setModalSearchTerm] = useState('');\n  const [modalSearch, setModalSearch] = useState(false);\n  const mobile = useMediaQuery({ minWidth: 0, maxWidth: 543 });\n\n  function searchForDataset(e) {\n    e.preventDefault();\n    if (window) {\n      if (window.location.pathname !== '/datasets') {\n        navigate(`/datasets?fulltext=${modalSearchTerm}`);\n      } else {\n        window.location.search = `fulltext=${modalSearchTerm}`;\n        setModalSearch(false);\n      }\n    }\n  }\n\n  return (\n    <>\n      <Button\n        variation=\"transparent\"\n        inversed={inversedSearchButton}\n        size={buttonSize}\n        className=\"ds-u-border--0 dc-c-search-modal--button\"\n        onClick={() => setModalSearch(true)}\n      >\n        {mobile ? <span className=\"ds-u-visibility--screen-reader\">Search</span> : <>Search</>}\n      </Button>\n      {modalSearch && (\n        <Dialog\n          className=\"dc-c-search-dialog\"\n          onExit={() => setModalSearch(false)}\n          getApplicationNode={() => document.getElementById(appNodeId)}\n          closeButtonVariation=\"primary\"\n          closeText={<>Close</>}\n        >\n          <p>{searchModalText}</p>\n          <form\n            className=\"ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap\"\n            onSubmit={(e) => {\n              searchForDataset(e);\n            }}\n          >\n            <TextField\n              value={modalSearchTerm}\n              fieldClassName=\"ds-u-display--inline-block\"\n              className=\"ds-l-col--9\"\n              label=\"Search Term\"\n              name=\"search-modal\"\n              labelClassName=\"ds-u-visibility--screen-reader\"\n              onChange={(e) => setModalSearchTerm(e.target.value)}\n            />\n            <Button type=\"submit\" inversed={inversedModalButton} className=\"ds-l-col--3\">\n              <span className=\"fas fa-search small-text ds-u-sm-display--none\" />\n              <span className=\"full-text ds-u-display--none ds-u-sm-display--inline-block\">\n                Search\n              </span>\n            </Button>\n          </form>\n        </Dialog>\n      )}\n    </>\n  );\n};\n\nSearchModal.defaultProps = {\n  appNodeId: 'App',\n  buttonSize: null,\n  inversedModalButton: true,\n  inversedSearchButton: true,\n};\n\nexport default SearchModal;\n","module.exports = new __parcel__URL__(\"CMSGovLogo-O.90ce815c.png\").toString();","export { default } from './PageNotFound';\n","import React from 'react';\n\nconst PageNotFound = ({ siteUrl, content }) => {\n  return (\n    <section className=\"ds-l-container ds-u-padding-top--3\">\n      {content ? (\n        content\n      ) : (\n        <>\n          <h1 className=\"ds-title\">Error: Page not found</h1>\n          <p>\n            We're sorry, but there is no {siteUrl} web page that matches your entry. You may have\n            been directed here because:\n          </p>\n          <ol>\n            <li>The address you typed contains a typo;</li>\n            <li>The requested page may have expired or;</li>\n            <li>The requested page may have been moved.</li>\n          </ol>\n          <p>\n            <span className=\"ds-u-font-weight--bold\">Note:</span> If you were using a bookmark,\n            please reset it once you find the correct page.\n          </p>\n        </>\n      )}\n    </section>\n  );\n};\n\nexport default PageNotFound;\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/scss/templates/header.scss

@@ -61,6 +61,7 @@
   width: 100%;
   transition: left 0.7s;
   padding: 50px 0;
+  visibility: hidden;
 }
 
 .dc-c-mobile-header .dc-c-site-menu--sub-menu {
@@ -151,6 +152,7 @@
   }
   .dc-c-mobile-header--menu {
     left: 0;
+    visibility: visible;
   }
 }
 

package/dist/types.d.ts

@@ -0,0 +1,47 @@
+interface NavbarProps {
+    links: Array<any>;
+    menuName: string;
+    menuId: string;
+    menuClasses: string;
+    linkClasses: string;
+    wrapLabel: string;
+}
+export const NavBar: {
+    ({ links, menuName, menuId, menuClasses, linkClasses, wrapLabel }: NavbarProps): JSX.Element;
+    defaultProps: {
+        wrapLabel: boolean;
+    };
+};
+declare namespace SearchModal {
+    namespace defaultProps {
+        const appNodeId: string;
+        const buttonSize: null;
+        const inversedModalButton: boolean;
+        const inversedSearchButton: boolean;
+    }
+}
+declare namespace Header {
+    namespace defaultProps {
+        namespace org {
+            export const tagline: string;
+            export const url: string;
+            export const urlTitle: string;
+            export { cmsLogo as logo };
+            export const logoAltText: string;
+        }
+        const includeTopNav: boolean;
+        const customSearch: boolean;
+        const linkClasses: string;
+    }
+    namespace propTypes {
+        export const siteName: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const includeTopNav_1: PropTypes.Requireable<boolean>;
+        export { includeTopNav_1 as includeTopNav };
+        const linkClasses_1: PropTypes.Requireable<string>;
+        export { linkClasses_1 as linkClasses };
+    }
+}
+export { default } from "./Header";
+export { default } from "./PageNotFound";
+
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;IACE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;ACFD,OAAA,MAAM;uEAA4E,WAAW;;;;CAuB5F,CAAC","sources":["src/src/components/NavBar/Navbar.types.ts","src/src/components/NavBar/Navbar.tsx","src/src/components/NavBar/index.ts","src/src/components/SearchModal/index.jsx","src/src/components/Header/Header.jsx","src/src/components/Header/index.jsx","src/src/templates/PageNotFound/PageNotFound.jsx","src/src/templates/PageNotFound/index.jsx","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,"// Components\nexport { default as NavBar } from './components/NavBar';\nexport { default as Header } from './components/Header';\n\n// Templates\nexport { default as PageNotFound } from './templates/PageNotFound';\n\n\n// export { default as NavLink } from './components/NavLink';\n// export { default as DatasetTags } from './components/DatasetTags';\n// export { default as DatasetDownloads } from './components/DatasetDownloads';\n// export { default as Pagination } from './components/Pagination';\n// export { default as Hero } from './components/Hero';\n// export { default as SearchModal } from './components/SearchModal';\n// export { default as DatasetSearchListItem } from './components/DatasetSearchListItem';\n// export { default as SubMenu } from './components/SubMenu';\n// export { default as ApiDocumentation } from './components/ApiDocumentation';\n// export { default as ResourceConditionField } from './components/ResourceConditionField';\n// export { default as ResourceFilter } from './components/ResourceFilter';\n// export { default as ResourceHeader } from './components/ResourceHeader';\n// export { default as ResourcePreview } from './components/ResourcePreview';\n// export { default as ResourceFooter } from './components/ResourceFooter';\n// export { default as Breadcrumb } from './components/Breadcrumb';\n// export { default as TransformedDate } from './components/TransformedDate';\n\n// Templates\n// export { default as Footer } from './templates/Footer';\n// export { default as Dataset } from './templates/Dataset';\n// export { default as DatasetSearch } from './templates/DatasetSearch';\n// export { default as DrupalPage } from './templates/DrupalPage';\n// export { default as Header } from './templates/header';\n// export { default as MobileHeader } from './templates/mobile_header';\n\n// export { default as FilteredResource } from './templates/FilteredResource';\n// export { default as QueryBuilder } from './templates/FilteredResource/QueryBuilder';\n// export { default as APIPage } from './templates/APIPage';\n\n// Hooks\n// export { default as useAddLoginLink } from './components/useAddLoginLink';\n// export { default as useScrollToTop } from './components/useScrollToTop';\n\n// Assets\n// export { default as frequencyMap } from './assets/frequencyMap';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/lib/assets/icons/close.js

@@ -1,11 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var CloseIcon = function CloseIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     width: "15px",
@@ -25,5 +28,6 @@ var CloseIcon = function CloseIcon() {
     fillRule: "nonzero"
   })));
 };
+
 var _default = CloseIcon;
 exports["default"] = _default;

package/lib/assets/icons/copy.js

@@ -1,11 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var CopyIcon = function CopyIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     width: "15px",
@@ -25,5 +28,6 @@ var CopyIcon = function CopyIcon() {
     d: "M384 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z"
   })));
 };
+
 var _default = CopyIcon;
 exports["default"] = _default;

package/lib/assets/icons/download.js

@@ -1,11 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var DownloadIcon = function DownloadIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     width: "15px",
@@ -25,5 +28,6 @@ var DownloadIcon = function DownloadIcon() {
     d: "M384 128h-128V0L384 128zM256 160H384v304c0 26.51-21.49 48-48 48h-288C21.49 512 0 490.5 0 464v-416C0 21.49 21.49 0 48 0H224l.0039 128C224 145.7 238.3 160 256 160zM255 295L216 334.1V232c0-13.25-10.75-24-24-24S168 218.8 168 232v102.1L128.1 295C124.3 290.3 118.2 288 112 288S99.72 290.3 95.03 295c-9.375 9.375-9.375 24.56 0 33.94l80 80c9.375 9.375 24.56 9.375 33.94 0l80-80c9.375-9.375 9.375-24.56 0-33.94S264.4 285.7 255 295z"
   })));
 };
+
 var _default = DownloadIcon;
 exports["default"] = _default;

package/lib/assets/icons/settings.js

@@ -1,16 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var SettingsIcon = function SettingsIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     width: "15px",
-    height: "15px"
-    // viewBox="0 0 15 15"
+    height: "15px" // viewBox="0 0 15 15"
     ,
     viewBox: "0 0 512 512",
     version: "1.1",
@@ -27,5 +29,6 @@ var SettingsIcon = function SettingsIcon() {
     d: "M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"
   })));
 };
+
 var _default = SettingsIcon;
 exports["default"] = _default;

package/lib/assets/metadataMapping.js

@@ -1,14 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultMetadataMapping = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactRouterDom = require("react-router-dom");
+
 var _TransformedDate = _interopRequireDefault(require("../components/TransformedDate"));
+
 var _frequencyMap = require("./frequencyMap");
+
 var defaultMetadataMapping = {
   modified: function modified(data) {
     return [{
@@ -50,18 +56,21 @@ var defaultMetadataMapping = {
   },
   contactPoint: function contactPoint(data) {
     var rows = [];
+
     if (data.fn) {
       rows.push({
         label: 'Contact',
         value: data.fn
       });
     }
+
     if (data.hasEmail) {
       rows.push({
         label: 'Contact Email',
         value: data.hasEmail
       });
     }
+
     return rows;
   },
   bureauCode: function bureauCode(data) {

package/lib/commands/index.js

@@ -1,4 +1,7 @@
 "use strict";
 
 require("./templates/footer");
-require("./templates/header");
+
+require("./templates/header");
+
+require("./templates/page_not_found");

package/lib/commands/templates/footer.js

@@ -12,12 +12,14 @@ Cypress.Commands.add('testFooterGetUpdates', function (title, description, link)
 });
 Cypress.Commands.add('testFooterCMSInfo', function () {
   cy.findByRole('link', {
-    name: 'U.S. Department of Health & Human Services'
+    name: 'HHS Logo opens in new window'
   }).should('have.attr', 'href', 'http://www.hhs.gov/'); //change to https when moving upstream
+
   cy.findByAltText('HHS Logo').should('exist');
   cy.findByRole('link', {
-    name: 'CMS.gov Centers for Medicare & Medicaid Services'
+    name: 'CMS Logo opens in new window'
   }).should('have.attr', 'href', 'http://www.cms.gov/'); //change to https when moving upstream
+
   cy.findByAltText('CMS Logo').should('exist');
   cy.findByText('A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services.').should('exist');
   cy.findByText('7500 Security Boulevard, Baltimore, MD 21244').should('exist');

package/lib/commands/templates/header.js

@@ -68,6 +68,9 @@ Cypress.Commands.add('mobileCMSHeader', function (mainLink, tagline, cmsLinks) {
   });
   cy.findByText(tagline).should('not.exist');
   cy.get('.dc-c-cmsheader-menu').should('not.exist');
+  cy.findByRole('button', {
+    name: "Menu"
+  }).click();
   cmsLinks.forEach(function (link) {
     cy.findByRole('link', {
       name: link.label

package/lib/commands/templates/page_not_found.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Cypress.Commands.add('testPageNotFound', function () {
+  cy.findByRole("heading", {
+    level: 1,
+    name: "Error: Page not found"
+  }).should("exist");
+  cy.findByText("We're sorry, but there is no web page that matches your entry. You may have been directed here because:").should("exist");
+  cy.get(".ds-l-container").findAllByRole("listitem").should("have.length", 3);
+  cy.findByText("The address you typed contains a typo;").should("exist");
+  cy.findByText("The requested page may have expired or;").should("exist");
+  cy.findByText("The requested page may have been moved.").should("exist");
+  cy.findByText("If you were using a bookmark, please reset it once you find the correct page.").should("exist");
+});

package/lib/components/ApiDocumentation/index.js

@@ -1,18 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _swaggerUiReact = _interopRequireDefault(require("swagger-ui-react"));
+
 require("swagger-ui-react/swagger-ui.css");
+
 var ApiDocumentation = function ApiDocumentation(_ref) {
   var endpoint = _ref.endpoint;
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_swaggerUiReact["default"], {
     url: endpoint
   }));
 };
+
 var _default = ApiDocumentation;
 exports["default"] = _default;