@civicactions/cmsds-open-data-components 3.0.0-alpha.23 → 3.0.0-alpha.24

package/dist/main.js

@@ -31,30 +31,23 @@ function $parcel$interopDefault(a) {
 
 
 
-// import validator from 'validator';
-const $cf8eeac354b9dd32$var$NavLink = ({ link: link , className: className , wrapLabel: wrapLabel  })=>{
+const $24918217e48ac525$var$NavLink = ({ link: link , className: className , wrapLabel: wrapLabel , clickHandler: clickHandler  })=>{
     const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
         children: link.label
     }) : link.label;
-    // if (validator.isURL(link.url, { require_protocol: true })) {
-    //   return (
-    //     <a className={className} href={link.url}>
-    //       {innerHtml}
-    //     </a>
-    //   );
-    // } else {
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
         className: ({ isActive: isActive  })=>isActive ? `dc-c-active-link ${className}` : `${className}`,
         to: link.url,
+        onClick: clickHandler ? clickHandler : undefined,
         children: innerHtml
     });
 // }
 };
-$cf8eeac354b9dd32$var$NavLink.defaultProps = {
+$24918217e48ac525$var$NavLink.defaultProps = {
     wrapLabel: false,
     className: null
 };
-$cf8eeac354b9dd32$var$NavLink.propTypes = {
+$24918217e48ac525$var$NavLink.propTypes = {
     link: (0, $hgUW1$proptypes).shape({
         url: (0, $hgUW1$proptypes).string,
         label: (0, $hgUW1$proptypes).string,
@@ -65,7 +58,7 @@ $cf8eeac354b9dd32$var$NavLink.propTypes = {
    * Will wrap the link label in a span for help with styling.
    */ wrapLabel: (0, $hgUW1$proptypes).bool
 };
-var $cf8eeac354b9dd32$export$2e2bcd8739ae039 = $cf8eeac354b9dd32$var$NavLink;
+var $24918217e48ac525$export$2e2bcd8739ae039 = $24918217e48ac525$var$NavLink;
 
 
 const $4f153ca537d853e5$var$SubMenu = ({ link: link , linkClasses: linkClasses , wrapLabel: wrapLabel  })=>{
@@ -111,7 +104,7 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link , linkClasses: linkClasses ,
             /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                 className: "dc-c-site-menu--sub-menu",
                 children: link.submenu.map((s)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $24918217e48ac525$export$2e2bcd8739ae039), {
                             link: s,
                             wrapLabel: wrapLabel
                         })
@@ -124,7 +117,7 @@ var $4f153ca537d853e5$export$2e2bcd8739ae039 = $4f153ca537d853e5$var$SubMenu;
 
 
 
-const $f57121650539d8c5$var$NavBar = ({ links: links , menuName: menuName , menuId: menuId , menuClasses: menuClasses , linkClasses: linkClasses , wrapLabel: wrapLabel  })=>{
+const $f57121650539d8c5$var$NavBar = ({ links: links , menuName: menuName , menuId: menuId , menuClasses: menuClasses , linkClasses: linkClasses , wrapLabel: wrapLabel , clickHandler: clickHandler  })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
         className: `dc-c-${menuId}-menu`,
         "aria-labelledby": `dc-c-${menuId}-menu--heading`,
@@ -143,10 +136,11 @@ const $f57121650539d8c5$var$NavBar = ({ links: links , menuName: menuName , menu
                         linkClasses: linkClasses
                     }, link.id);
                     else return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $24918217e48ac525$export$2e2bcd8739ae039), {
                             link: link,
                             className: linkClasses,
-                            wrapLabel: wrapLabel
+                            wrapLabel: wrapLabel,
+                            clickHandler: clickHandler
                         })
                     }, link.id);
                 })
@@ -3345,8 +3339,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
         }
         function handleClick(event) {
             // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.
-            if (// event.target.parentElement.nodeName === 'A' ||
-            event.target.closest(".dc-c-search-dialog")) setMenuOpen(false);
+            if (event.target.closest(".dc-c-search-dialog")) setMenuOpen(false);
         }
         function handleSearchEnter(event) {
             // Close upon user hitting enter on search.
@@ -3382,6 +3375,9 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
             }
         };
     };
+    const handleMobileLinkClick = (e)=>{
+        if (e.target.closest("a").getAttribute("href") === window.location.pathname) setMenuOpen(false);
+    };
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("header", {
         className: `dc-c-header dc-c-mobile-header ${menuOpen ? "menu-open" : ""}`,
         "aria-label": "Site header",
@@ -3486,7 +3482,8 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
                         menuName: "Main Nav",
                         menuId: "site",
                         menuClasses: "dc-c-header--links dc-c-header--mobile-links",
-                        linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-text-heading--md"
+                        linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-text-heading--md",
+                        clickHandler: handleMobileLinkClick
                     }),
                     mobile && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                         className: "cms-mobile-header--container",
@@ -3641,7 +3638,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
                                                         className: "ds-u-font-size--sm ds-u-margin-bottom--3",
                                                         children: footerOpenDataToolLinks.map((link)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                                                                 className: "ds-u-margin-bottom--1",
-                                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
+                                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $24918217e48ac525$export$2e2bcd8739ae039), {
                                                                     link: link,
                                                                     className: "dc-menu-item"
                                                                 })
@@ -3672,7 +3669,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
                                                             }, link.id);
                                                             return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                                                                 className: "ds-u-margin-bottom--1",
-                                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
+                                                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $24918217e48ac525$export$2e2bcd8739ae039), {
                                                                     link: link,
                                                                     className: "dc-menu-item"
                                                                 })