@mjhls/mjh-framework 1.0.577-native-nav-v4 → 1.0.577

package/dist/cjs/NavDvm.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./core.get-iterator-method-41e87ec1.js');
@@ -11,21 +9,28 @@ require('./_library-dd23b178.js');
 require('./_iter-detect-4d0352f8.js');
 require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var Container = _interopDefault(require('react-bootstrap/Container'));
+var Container = require('react-bootstrap/Container');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 var Segment = require('./beam-d22818d3.js');
 require('react-bootstrap/Button');
-var Nav = _interopDefault(require('react-bootstrap/Nav'));
-var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
-var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
+var Nav = require('react-bootstrap/Nav');
+var Navbar = require('react-bootstrap/Navbar');
+var NavDropdown = require('react-bootstrap/NavDropdown');
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
 var Search = require('./Search.js');
-var NavFooter = require('./NavFooter-76c913e3.js');
+var NavFooter = require('./NavFooter-3dcd99a8.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var Nav__default = /*#__PURE__*/_interopDefaultLegacy(Nav);
+var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
+var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
@@ -41,87 +46,87 @@ var NavDvm = function NavDvm(props) {
 
     url = Segment.Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
     if (url && (url.includes('https://') || url.includes('http://'))) {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'a',
         { target: blank ? '_blank' : '_self', key: key, href: url || '#', className: className },
         name
       );
     }
 
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'a',
       { key: key, href: url || '#', target: blank ? '_blank' : '_self', className: className },
       name
     );
   };
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    React__default.createElement(
-      Navbar,
+    React__default['default'].createElement(
+      Navbar__default['default'],
       { className: 'top-nav', expand: 'xl' },
-      React__default.createElement(
-        Container,
+      React__default['default'].createElement(
+        Container__default['default'],
         null,
-        React__default.createElement(
-          Nav,
+        React__default['default'].createElement(
+          Nav__default['default'],
           { className: 'justify-content-center', style: { margin: '0 auto' } },
-          React__default.createElement(
-            Nav.Item,
+          React__default['default'].createElement(
+            Nav__default['default'].Item,
             null,
-            React__default.createElement(
+            React__default['default'].createElement(
               'a',
               { href: '/' },
-              React__default.createElement('img', { src: logo, style: { height: '55px' }, alt: website.title ? website.title : website.name ? website.name : 'Website Logo' })
+              React__default['default'].createElement('img', { src: logo, style: { height: '55px' }, alt: website.title ? website.title : website.name ? website.name : 'Website Logo' })
             )
           )
         )
       )
     ),
-    React__default.createElement(
-      Navbar,
+    React__default['default'].createElement(
+      Navbar__default['default'],
       { className: 'bottom-nav', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top' },
-      React__default.createElement(
-        Container,
+      React__default['default'].createElement(
+        Container__default['default'],
         { className: 'mobile-nav position-relative' },
-        mobileLogo && React__default.createElement(
+        mobileLogo && React__default['default'].createElement(
           'a',
           { href: '/', className: 'mobile-logo' },
-          React__default.createElement('img', { src: mobileLogo })
+          React__default['default'].createElement('img', { src: mobileLogo })
         ),
-        React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
-        React__default.createElement(
-          Navbar.Collapse,
+        React__default['default'].createElement(Navbar__default['default'].Toggle, { 'aria-controls': 'basic-navbar-nav' }),
+        React__default['default'].createElement(
+          Navbar__default['default'].Collapse,
           { id: 'basic-navbar-nav' },
-          React__default.createElement(
-            Nav,
+          React__default['default'].createElement(
+            Nav__default['default'],
             { className: 'mr-auto' },
             dataObject && dataObject.map(function (row, index) {
               if (row.subQuery.length > 0) {
-                return React__default.createElement(
+                return React__default['default'].createElement(
                   'div',
                   null,
-                  React__default.createElement(
-                    NavDropdown,
+                  React__default['default'].createElement(
+                    NavDropdown__default['default'],
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                        return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: subIndex });
                       } else {
                         return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank, ddRow.needSegmentSupport);
                       }
                     })
                   ),
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     'noscript',
                     null,
-                    React__default.createElement(
+                    React__default['default'].createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: subIndex });
                         } else {
                           return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank, ddRow.needSegmentSupport);
                         }
@@ -134,28 +139,28 @@ var NavDvm = function NavDvm(props) {
               }
             })
           ),
-          React__default.createElement(Search, null)
+          React__default['default'].createElement(Search, null)
         ),
-        subNav && React__default.createElement(
-          Navbar.Collapse,
+        subNav && React__default['default'].createElement(
+          Navbar__default['default'].Collapse,
           { id: 'basic-navbar-sub' },
-          React__default.createElement(
-            Nav,
+          React__default['default'].createElement(
+            Nav__default['default'],
             { className: 'mr-auto' },
             subNav && subNav.map(function (row, index) {
               if (row.subQuery && row.subQuery.length > 0) {
-                return row.name ? React__default.createElement(
+                return row.name ? React__default['default'].createElement(
                   'div',
                   null,
-                  React__default.createElement(
-                    NavDropdown,
+                  React__default['default'].createElement(
+                    NavDropdown__default['default'],
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                        return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: subIndex });
                       } else {
                         if (ddRow.url && ddRow.name) {
-                          return ddRow.url && ddRow.name ? React__default.createElement(
+                          return ddRow.url && ddRow.name ? React__default['default'].createElement(
                             'a',
                             { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
@@ -164,18 +169,18 @@ var NavDvm = function NavDvm(props) {
                       }
                     })
                   ),
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     'noscript',
                     null,
-                    React__default.createElement(
+                    React__default['default'].createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: subIndex });
                         } else {
                           if (ddRow.url && ddRow.name) {
-                            return ddRow.url && ddRow.name ? React__default.createElement(
+                            return ddRow.url && ddRow.name ? React__default['default'].createElement(
                               'a',
                               { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
@@ -187,7 +192,7 @@ var NavDvm = function NavDvm(props) {
                   )
                 ) : null;
               } else {
-                return row.url && row.name ? React__default.createElement(
+                return row.url && row.name ? React__default['default'].createElement(
                   'a',
                   { key: index, href: Segment.Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
@@ -196,27 +201,27 @@ var NavDvm = function NavDvm(props) {
             })
           )
         ),
-        website && React__default.createElement(
-          Navbar.Collapse,
+        website && React__default['default'].createElement(
+          Navbar__default['default'].Collapse,
           { id: 'basic-navbar-sub' },
-          React__default.createElement(
-            Nav,
+          React__default['default'].createElement(
+            Nav__default['default'],
             { className: 'mr-auto' },
-            React__default.createElement(NavFooter.NavFooter, { website: website })
+            React__default['default'].createElement(NavFooter.NavFooter, { website: website })
           )
         )
       )
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'noscript',
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'style',
         { jsx: 'true' },
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .mobile-logo {\n          display: none;\n          position: absolute;\n          left: 50%;\n          top: 0;\n          height: 40px;\n          transform: translateX(-50%);\n        }\n        .mobile-logo img {\n          height: 100%;\n        }\n        @media screen and (max-width: 1192px) {\n          .mobile-logo {\n            display: block;\n          }\n          .top-nav {\n            display: none;\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 20px;\n            border-bottom: 0.5px solid white;\n            margin-bottom: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            margin: 5px 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n        }\n        @media screen and (max-width: 991px) {\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n        }\n      '

package/dist/cjs/{NavFooter-76c913e3.js → NavFooter-3dcd99a8.js}

@@ -1,9 +1,10 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var year = new Date().getFullYear();
 
@@ -11,26 +12,26 @@ var NavFooter = function NavFooter(props) {
   var website = props.website,
       showLogo = props.showLogo;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'nav-footer' },
-    website && React__default.createElement(
+    website && React__default['default'].createElement(
       'ul',
       null,
       website && website.sideFooterContent && website.sideFooterContent.length && website.sideFooterContent.map(function (content, index) {
         if (content.url && content.title) {
-          return content.blank ? React__default.createElement(
+          return content.blank ? React__default['default'].createElement(
             'li',
             { key: index },
-            React__default.createElement(
+            React__default['default'].createElement(
               'a',
               { target: '_blank', rel: 'noopener noreferrer', href: content.url, className: 'nav-link' },
               content.title
             )
-          ) : React__default.createElement(
+          ) : React__default['default'].createElement(
             'li',
             { key: index },
-            React__default.createElement(
+            React__default['default'].createElement(
               'a',
               { href: content.url, className: 'nav-link' },
               content.title
@@ -38,17 +39,17 @@ var NavFooter = function NavFooter(props) {
           );
         } else return null;
       }),
-      showLogo && React__default.createElement(
+      showLogo && React__default['default'].createElement(
         'li',
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'a',
           { href: 'https://www.mjhlifesciences.com' },
-          React__default.createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
+          React__default['default'].createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
         )
       )
     ),
-    website && website.title && React__default.createElement(
+    website && website.title && React__default['default'].createElement(
       'p',
       { className: 'nav-link' },
       '\xA9 ',
@@ -60,6 +61,6 @@ var NavFooter = function NavFooter(props) {
   );
 };
 
-var NavFooter$1 = React__default.memo(NavFooter);
+var NavFooter$1 = React__default['default'].memo(NavFooter);
 
 exports.NavFooter = NavFooter$1;