@mjhls/mjh-framework 1.0.39 → 1.0.41

package/dist/index.js

@@ -444,6 +444,65 @@ var InfiniteScroll = /** @class */ (function (_super) {
     return InfiniteScroll;
 }(React.Component));
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function unwrapExports (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var getYoutubeId = createCommonjsModule(function (module, exports) {
+(function (root, factory) {
+  {
+    module.exports = factory();
+  }
+}(commonjsGlobal, function (exports) {
+
+  return function (url, opts) {
+    if (opts == undefined) {
+      opts = {fuzzy: true};
+    }
+
+    if (/youtu\.?be/.test(url)) {
+
+      // Look first for known patterns
+      var i;
+      var patterns = [
+        /youtu\.be\/([^#\&\?]{11})/,  // youtu.be/<id>
+        /\?v=([^#\&\?]{11})/,         // ?v=<id>
+        /\&v=([^#\&\?]{11})/,         // &v=<id>
+        /embed\/([^#\&\?]{11})/,      // embed/<id>
+        /\/v\/([^#\&\?]{11})/         // /v/<id>
+      ];
+
+      // If any pattern matches, return the ID
+      for (i = 0; i < patterns.length; ++i) {
+        if (patterns[i].test(url)) {
+          return patterns[i].exec(url)[1];
+        }
+      }
+
+      if (opts.fuzzy) {
+        // If that fails, break it apart by certain characters and look 
+        // for the 11 character key
+        var tokens = url.split(/[\/\&\?=#\.\s]/g);
+        for (i = 0; i < tokens.length; ++i) {
+          if (/^[^#\&\?]{11}$/.test(tokens[i])) {
+            return tokens[i];
+          }
+        }
+      }
+    }
+
+    return null;
+  };
+
+}));
+});
+
 var classCallCheck = function (instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -619,6 +678,14 @@ var DeckContent = function (_React$Component) {
           });
         });
       }
+    }, _this.renderCardImage = function (row, page) {
+      if (row.thumbnail && row.thumbnail.asset) {
+        return row.thumbnail.asset.url;
+      } else if (page === 'videos' && row.youtubeURL) {
+        return 'https://img.youtube.com/vi/' + getYoutubeId(row.youtubeURL) + '/0.jpg';
+      } else {
+        return _this.defaultImage;
+      }
     }, _this.cardLoader = function (page, columns, variant) {
       var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
 
@@ -648,11 +715,7 @@ var DeckContent = function (_React$Component) {
                 React__default.createElement(
                   'a',
                   null,
-                  React__default.createElement(Card.Img, {
-                    variant: 'top',
-                    src: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.url : _this.defaultImage,
-                    alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
-                  })
+                  React__default.createElement(Card.Img, { variant: 'top', src: _this.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
                 )
               ),
               React__default.createElement(
@@ -799,16 +862,6 @@ var isArray = Array.isArray;
 
 var isArray_1 = isArray;
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function unwrapExports (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
 
@@ -2192,6 +2245,8 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
 var TaxonomyCard = function TaxonomyCard(props) {
   var columns = props.columns,
       variant = props.variant,
+      _props$icon = props.icon,
+      icon = _props$icon === undefined ? false : _props$icon,
       data = props.dataRecord,
       defaultImage = props.defaultImage;
 
@@ -2222,7 +2277,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
           { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
           React__default.createElement(
             Card,
-            { className: 'taxonomy-card', style: { flexDirection: mode } },
+            { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
             React__default.createElement(
               Card.Body,
               null,
@@ -2260,11 +2315,29 @@ var TaxonomyCard = function TaxonomyCard(props) {
                     row.summary
                   )
                 )
+              ),
+              icon && React__default.createElement(
+                'span',
+                {
+                  className: 'taxonomy-icon',
+                  style: {
+                    position: 'absolute',
+                    right: '20px',
+                    top: '50%',
+                    transform: 'translateY(-50%) translateX(50px)',
+                    transition: 'all .25s',
+                    pointerEvents: 'none' } },
+                '\u2192'
               )
             )
           )
         );
       })
+    ),
+    icon && React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n          .taxonomy-card:hover .taxonomy-icon {\n            transform: translateY(-50%) scale(1.5) translateX(0) !important;\n          }\n        '
     )
   );
 };
@@ -2980,7 +3053,7 @@ var NavDvm = function NavDvm(props) {
 
 
   return React__default.createElement(
-    'section',
+    React__default.Fragment,
     null,
     React__default.createElement(
       Navbar,
@@ -3009,7 +3082,7 @@ var NavDvm = function NavDvm(props) {
     ),
     React__default.createElement(
       Navbar,
-      { variant: 'dark', expand: 'lg', bg: 'primary' },
+      { variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top' },
       React__default.createElement(
         Container,
         null,
@@ -5711,8 +5784,8 @@ var AD = function AD(_ref) {
         adUnit: adUnit,
         sizeMapping: sizeMapping,
         targetingArguments: targetingArguemnts,
-        onSlotIsRendered: function onSlotIsRendered(eventData) {
-          console.log('AD ' + className + ' rendered:', eventData);
+        onSlotRender: function onSlotRender(eventData) {
+          return console.log('AD ' + className + ' rendered:', eventData);
         },
         onSlotIsViewable: function onSlotIsViewable(eventData) {
           console.log('AD ' + className + ' viewable:', eventData);
@@ -5794,55 +5867,6 @@ var Slideshow = function Slideshow(_ref) {
   );
 };
 
-var getYoutubeId = createCommonjsModule(function (module, exports) {
-(function (root, factory) {
-  {
-    module.exports = factory();
-  }
-}(commonjsGlobal, function (exports) {
-
-  return function (url, opts) {
-    if (opts == undefined) {
-      opts = {fuzzy: true};
-    }
-
-    if (/youtu\.?be/.test(url)) {
-
-      // Look first for known patterns
-      var i;
-      var patterns = [
-        /youtu\.be\/([^#\&\?]{11})/,  // youtu.be/<id>
-        /\?v=([^#\&\?]{11})/,         // ?v=<id>
-        /\&v=([^#\&\?]{11})/,         // &v=<id>
-        /embed\/([^#\&\?]{11})/,      // embed/<id>
-        /\/v\/([^#\&\?]{11})/         // /v/<id>
-      ];
-
-      // If any pattern matches, return the ID
-      for (i = 0; i < patterns.length; ++i) {
-        if (patterns[i].test(url)) {
-          return patterns[i].exec(url)[1];
-        }
-      }
-
-      if (opts.fuzzy) {
-        // If that fails, break it apart by certain characters and look 
-        // for the 11 character key
-        var tokens = url.split(/[\/\&\?=#\.\s]/g);
-        for (i = 0; i < tokens.length; ++i) {
-          if (/^[^#\&\?]{11}$/.test(tokens[i])) {
-            return tokens[i];
-          }
-        }
-      }
-    }
-
-    return null;
-  };
-
-}));
-});
-
 var isArray$1 = Array.isArray;
 var keyList = Object.keys;
 var hasProp = Object.prototype.hasOwnProperty;