@mjhls/mjh-framework 1.0.886-beta.0 → 1.0.886

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -1,76 +1,79 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var _typeof = require('./typeof-567e31ff.js');
+var _extends = require('./extends-7c86182f.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var MediaSeriesCard = require('./MediaSeriesCard-8b4efd28.js');
+require('./index-50be6759.js');
+require('react-dom');
+var Link = require('next/link');
+var BlockContent = require('./BlockContent-9ebd251f.js');
+var MasterDeckPaginated = require('./MasterDeckPaginated.js');
+var getSerializers = require('./index-6f89aea7.js');
 require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-f3c44602.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-05795553.js');
-require('./toConsumableArray-c9b8a0d0.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends$1 = require('./extends-eed4f016.js');
-require('./_object-sap-171b9ea5.js');
-require('./inherits-12d44cca.js');
-require('./define-property-21887c62.js');
-require('./web.dom.iterable-e34bf324.js');
-var _typeof = require('./typeof-5f52cf64.js');
-require('./_is-array-aa52fa1e.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-require('./events-1b438fe7.js');
-require('./index-98e01cb9.js');
+require('./_iter-detect-b1df62f0.js');
+require('./_is-array-54228b29.js');
+require('./_object-pie-083f2dd6.js');
 require('prop-types');
+require('./index-eadd5035.js');
+require('./urlFor.js');
+require('./index-d48b231c.js');
+require('./moment-aca40de1.js');
+require('./style-inject.es-dcee06b6.js');
+require('./stringify-f7a37a8d.js');
+require('./toConsumableArray-d7797c2b.js');
+require('./inherits-de66ea16.js');
+require('./_object-sap-d1978572.js');
+require('./define-property-e8404b64.js');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('react-bootstrap/Container');
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
-require('react-bootstrap/Card');
-require('./moment-575fe24c.js');
+require('react-bootstrap/Spinner');
 require('next/router');
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-require('react-dom');
-var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
-require('./index-be0c82be.js');
-require('./urlFor.js');
-require('./index-96b3db50.js');
-require('./main-02daeefe.js');
-require('./entities-310b46ee.js');
-require('./stringify-bbc68047.js');
-var asyncToGenerator = require('./asyncToGenerator-df19209d.js');
-require('./Segment.js');
-require('./Beam.js');
+require('./lodash-f0783643.js');
+require('./main-f1c77adb.js');
+require('./ADlgInfeed-950b414b.js');
+require('react-bootstrap/Card');
 require('./AdSlot.js');
-require('./ADInfeed-2e48af77.js');
-require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-c39c7131.js');
-require('react-bootstrap/Button');
-var BlockContent = require('./BlockContent-091a991f.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./Beam.js');
+require('./Segment.js');
+require('./ADInfeed-bce0ba07.js');
+require('./Pagination-8f2038bf.js');
+require('react-paginate');
+require('react-bootstrap');
 require('./index-187c967e.js');
-require('./smoothscroll-5054361f.js');
+require('./util-93a37fd0.js');
+require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
-require('react-bootstrap');
-require('./iconBase-68959171.js');
-require('./index.esm-90433435.js');
-var getSerializers = require('./index-54adcbc3.js');
-require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-156bd4d6.js');
+require('./smoothscroll-99df7f93.js');
+require('./SocialShare.js');
 require('next/head');
 require('react-share');
-require('./SocialShare.js');
-require('./_object-to-array-9bac8737.js');
+require('./_object-to-array-ce86cae7.js');
 require('react-bootstrap/Pagination');
+require('react-bootstrap/Button');
+require('./entities-df1aed86.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('./index.esm-00a6aade.js');
+require('./iconBase-be4097c0.js');
 require('react-bootstrap/Figure');
 require('react-bootstrap/OverlayTrigger');
 require('react-bootstrap/Tooltip');
 require('react-bootstrap/Popover');
-require('react-bootstrap/Spinner');
-require('./index-e2e62963.js');
-require('./style-inject.es-dcee06b6.js');
-var MediaSeriesCard = require('./MediaSeriesCard-8d27612b.js');
-var Link = _interopDefault(require('next/link'));
-require('./Pagination-90473595.js');
-var MasterDeckPaginated = require('./MasterDeckPaginated.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
 
 var _this = undefined;
 
@@ -94,11 +97,11 @@ var Filter = function Filter(_ref) {
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 
@@ -113,7 +116,7 @@ var Filter = function Filter(_ref) {
   var handleFilterSelect = function handleFilterSelect(group, type) {
     if (type === 'parent') {
       setParentData(function (prevState) {
-        return _extends$1._extends({}, prevState, { name: group.name ? group.name : null });
+        return _extends._extends({}, prevState, { name: group.name ? group.name : null });
       });
       if (group && group.children && group.children.length > 0) {
         setChildData({ data: group.children, _id: group._id });
@@ -127,7 +130,7 @@ var Filter = function Filter(_ref) {
     }
     if (type === 'child') {
       setChildData(function (prevState) {
-        return _extends$1._extends({}, prevState, { name: group.name ? group.name : null, _id: group._id });
+        return _extends._extends({}, prevState, { name: group.name ? group.name : null, _id: group._id });
       });
       if (group && group.grandchildren && group.grandchildren.length > 0) {
         setGrandChildData({ data: group.grandchildren, _id: group._id });
@@ -146,7 +149,7 @@ var Filter = function Filter(_ref) {
     }
     if (type === 'grandchild') {
       setGrandChildData(function (prevState) {
-        return _extends$1._extends({}, prevState, { name: group.name ? group.name : 'All', _id: group._id });
+        return _extends._extends({}, prevState, { name: group.name ? group.name : 'All', _id: group._id });
       });
       //handle filter
       if (!group._id) {
@@ -162,13 +165,13 @@ var Filter = function Filter(_ref) {
     }
   };
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'flex-container' },
-    parentData && React__default.createElement(
+    parentData && React__default['default'].createElement(
       MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
-      React__default.createElement(
+      React__default['default'].createElement(
         MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'parent');
@@ -177,7 +180,7 @@ var Filter = function Filter(_ref) {
       ),
       parentData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'parent');
@@ -186,10 +189,10 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    childData && childData.data && childData.data.length > 0 && React__default.createElement(
+    childData && childData.data && childData.data.length > 0 && React__default['default'].createElement(
       MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: childData.name ? childData.name : 'Filter By Topic' },
-      React__default.createElement(
+      React__default['default'].createElement(
         MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'child');
@@ -198,7 +201,7 @@ var Filter = function Filter(_ref) {
       ),
       childData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'child');
@@ -207,10 +210,10 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    grandChildData && grandChildData.data && grandChildData.data.length > 0 && React__default.createElement(
+    grandChildData && grandChildData.data && grandChildData.data.length > 0 && React__default['default'].createElement(
       MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: grandChildData.name ? grandChildData.name : 'Select Sub Topic' },
-      React__default.createElement(
+      React__default['default'].createElement(
         MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'grandchild');
@@ -219,7 +222,7 @@ var Filter = function Filter(_ref) {
       ),
       grandChildData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default.createElement(
+        return React__default['default'].createElement(
           MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'grandchild');
@@ -228,7 +231,7 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .flex-container {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n        }\n        .filter-btn button {\n          border-radius: 3px;\n          z-index: 99999;\n        }\n        .filter-btn .dropdown-menu {\n          z-index: 9999999;\n        }\n        @media (max-width: 768px) {\n          .flex-container {\n            flex-direction: column;\n            align-items: flex-start;\n          }\n        }\n      '
@@ -284,7 +287,7 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              newParams = _extends$1._extends({}, params, { from: 0, to: 30 });
+              newParams = _extends._extends({}, params, { from: 0, to: 30 });
               filterQuery = void 0;
 
               if ((typeof filterTopicID === 'undefined' ? 'undefined' : _typeof._typeof(filterTopicID)) === 'object') {
@@ -337,27 +340,27 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
   }();
 
   if (props.statusCode === 404) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'd-flex flex-column align-items-center mt-3' },
-      React__default.createElement(
+      React__default['default'].createElement(
         'h3',
         null,
         '404: Resource not found'
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'p',
         null,
         'We seem to have misplaced the page you\'re looking for. Sorry! Please try checking the URL for errors.'
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'p',
         null,
         'Click here to',
-        React__default.createElement(
-          Link,
+        React__default['default'].createElement(
+          Link__default['default'],
           { href: '/' },
-          React__default.createElement(
+          React__default['default'].createElement(
             'a',
             { style: { color: 'blue', textDecoration: 'underline' } },
             ' return to homepage.'
@@ -367,17 +370,17 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
     );
   }
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'mb-5' },
-    props.docGroup && props.docGroup.description && React__default.createElement(BlockContent.BlockContent, { blocks: props.docGroup.description, serializers: getSerializers.getSerializers(client) }),
-    props.taxonomyFilter && props.taxonomyFilter && React__default.createElement(
+    props.docGroup && props.docGroup.description && React__default['default'].createElement(BlockContent.BlockContent, { blocks: props.docGroup.description, serializers: getSerializers.getSerializers(client) }),
+    props.taxonomyFilter && props.taxonomyFilter && React__default['default'].createElement(
       'div',
       { className: '' },
-      React__default.createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
-      React__default.createElement('hr', null)
+      React__default['default'].createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
+      React__default['default'].createElement('hr', null)
     ),
-    seriesData && React__default.createElement(MasterDeckPaginated, {
+    seriesData && React__default['default'].createElement(MasterDeckPaginated, {
       deck: MediaSeriesCard.MediaSeriesCard,
       variant: 'left',
       defaultImage: '/placeholder.jpg',
@@ -396,13 +399,13 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
 
 MediaSeriesLanding.getInitialData = function () {
   var _ref5 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2(ctx, client, cache) {
-    var urlQuery, pathname, req, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQueryFilters, seriesQuerySorts, seriesQueryProjection, seriesQuery, totalSeriesCountQuery, _ref6, _ref7, seriesData, totalSeriesCount, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
+    var urlQuery, pathname, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQueryFilters, seriesQuerySorts, seriesQueryProjection, seriesQuery, totalSeriesCountQuery, _ref6, _ref7, seriesData, totalSeriesCount, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
 
     return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            urlQuery = ctx.query, pathname = ctx.pathname, req = ctx.req;
+            urlQuery = ctx.query, pathname = ctx.pathname;
             identifier = pathname.replace('/', '');
             itemsPerPage = 30;
             currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
@@ -421,7 +424,7 @@ MediaSeriesLanding.getInitialData = function () {
             docGroupID = _context2.sent;
             seriesQueryFilters = '[\n    _type == \'documentGroup\' \n    && references(\'' + docGroupID._id + '\') \n    && isSeries != false \n    && isShow != false \n    && defined(published) \n    && published <= now()\n  ]';
             seriesQuerySorts = 'order(published desc) [$from...$to]';
-            seriesQueryProjection = '{\n    _id,\n    name,\n    identifier,\n    published,\n    thumbnail{ ..., asset-> },\n    description,\n    topicMapping[]->,\n    isGated,\n    \'parentUrl\': \'' + identifier + '\'\n  }';
+            seriesQueryProjection = '{\n    _id,\n    name,\n    identifier,\n    published,\n    thumbnail,\n    description,\n    topicMapping[]->,\n    isGated,\n    \'parentUrl\': \'' + identifier + '\'\n  }';
             seriesQuery = ['*'].concat(seriesQueryFilters).concat(seriesQuerySorts).concat(seriesQueryProjection).join('|');
             totalSeriesCountQuery = 'count(' + ['*'].concat(seriesQueryFilters).join('|') + ')';
             _context2.next = 17;

package/dist/cjs/NavDvm.js

@@ -2,27 +2,32 @@
 
 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('./core.get-iterator-method-f3c44602.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-05795553.js');
-require('./web.dom.iterable-e34bf324.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var Container = _interopDefault(require('react-bootstrap/Container'));
-require('./slicedToArray-f6d4eaa8.js');
-require('./asyncToGenerator-df19209d.js');
+var Container = require('react-bootstrap/Container');
+var Nav = require('react-bootstrap/Nav');
+var Navbar = require('react-bootstrap/Navbar');
+var NavDropdown = require('react-bootstrap/NavDropdown');
+var Search = require('./Search.js');
+var NavFooter = require('./NavFooter-3dcd99a8.js');
 var Segment = require('./Segment.js');
-require('react-bootstrap/Button');
+require('./slicedToArray-067dd3bc.js');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./core.get-iterator-method-5643aa10.js');
 require('react-bootstrap/Form');
-var Nav = _interopDefault(require('react-bootstrap/Nav'));
-var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
-var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
-var NavFooter = require('./NavFooter-76c913e3.js');
 require('react-bootstrap/FormControl');
-var Search = require('./Search.js');
+require('react-bootstrap/Button');
+require('./asyncToGenerator-77821af0.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-b1df62f0.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,
@@ -53,87 +58,87 @@ var NavDvm = function NavDvm(props) {
     var needSegmentSupport = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
 
     if (url && (url.includes('https://') || url.includes('http://'))) {
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'a',
         { target: blank ? '_blank' : '_self', needsegmentsupport: needSegmentSupport ? 'true' : '', key: key, href: url || '#', className: className },
         name
       );
     }
 
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'a',
       { key: key, href: url || '#', needsegmentsupport: needSegmentSupport ? 'true' : '', target: blank ? '_blank' : '_self', className: className },
       name
     );
   };
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     { ref: sfRef },
-    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', renderMenuOnMount: true },
                     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);
                         }
@@ -146,28 +151,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', renderMenuOnMount: true },
                     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, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
@@ -176,18 +181,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, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
@@ -199,7 +204,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, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
@@ -208,27 +213,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      '