@mjhls/mjh-framework 1.0.66 → 1.0.68

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.66
+# mjh-framework v. 1.0.68
 
 > Foundation Framework
 

package/dist/index.es.js

@@ -1,6 +1,7 @@
 import React__default, { Component, useState, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
+import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
@@ -11,7 +12,6 @@ import ListGroup from 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
 import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
-import Container from 'react-bootstrap/Container';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
@@ -4084,7 +4084,11 @@ var DeckContent = function (_React$Component) {
           React__default.createElement(
             InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
-            this.cardLoader(page, columns, variant)
+            React__default.createElement(
+              Container,
+              null,
+              this.cardLoader(page, columns, variant)
+            )
           ),
           React__default.createElement(
             'noscript',
@@ -4094,7 +4098,11 @@ var DeckContent = function (_React$Component) {
         ) : React__default.createElement(
           React__default.Fragment,
           null,
-          this.cardLoader(page, columns, variant),
+          React__default.createElement(
+            Container,
+            null,
+            this.cardLoader(page, columns, variant)
+          ),
           React__default.createElement(
             'div',
             { style: { padding: '0px 10px' } },
@@ -5280,11 +5288,19 @@ var DeckQueue = function (_React$Component) {
         autoScroll ? React__default.createElement(
           InfiniteScroll,
           { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
-          this.cardLoader(page, columns, variant)
+          React__default.createElement(
+            Container,
+            null,
+            this.cardLoader(page, columns, variant)
+          )
         ) : React__default.createElement(
           React__default.Fragment,
           null,
-          this.cardLoader(page, columns, variant),
+          React__default.createElement(
+            Container,
+            null,
+            this.cardLoader(page, columns, variant)
+          ),
           React__default.createElement(
             'div',
             { style: { padding: '0px 10px' } },
@@ -5377,79 +5393,83 @@ var TaxonomyCard = function TaxonomyCard(props) {
     'div',
     { className: 'contentDeck' },
     React__default.createElement(
-      Row,
+      Container,
       null,
-      data && data.map(function (row, index) {
-        if (columns === 'rotate' && itemCounter % 3 === 0) {
-          lgVar = 12;
-        } else if (columns && columns !== 'rotate') {
-          lgVar = Math.floor(12 / columns);
-        } else {
-          lgVar = 6;
-        }
-        var thumbnailURL = row.thumbnail && row.thumbnail.asset ? urlFor(row.thumbnail.asset).url() : defaultImage;
-        return React__default.createElement(
-          Col,
-          { 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, position: 'relative', overflow: 'hidden' } },
+      React__default.createElement(
+        Row,
+        null,
+        data && data.map(function (row, index) {
+          if (columns === 'rotate' && itemCounter % 3 === 0) {
+            lgVar = 12;
+          } else if (columns && columns !== 'rotate') {
+            lgVar = Math.floor(12 / columns);
+          } else {
+            lgVar = 6;
+          }
+          var thumbnailURL = row.thumbnail && row.thumbnail.asset ? urlFor(row.thumbnail.asset).url() : defaultImage;
+          return React__default.createElement(
+            Col,
+            { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
             React__default.createElement(
-              Card.Body,
-              null,
+              Card,
+              { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
               React__default.createElement(
-                Row,
+                Card.Body,
                 null,
-                thumbnailURL && React__default.createElement(
-                  Col,
-                  null,
-                  React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
-                ),
                 React__default.createElement(
-                  Col,
+                  Row,
                   null,
-                  row.url ? React__default.createElement(
-                    Link,
-                    { href: row.url, as: row.url },
-                    React__default.createElement(
-                      'a',
-                      null,
-                      React__default.createElement(
-                        Card.Title,
-                        null,
-                        row.name
-                      )
-                    )
-                  ) : React__default.createElement(
-                    Card.Title,
+                  thumbnailURL && React__default.createElement(
+                    Col,
                     null,
-                    row.name
+                    React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
                   ),
                   React__default.createElement(
-                    Card.Text,
+                    Col,
                     null,
-                    row.summary
+                    row.url ? React__default.createElement(
+                      Link,
+                      { href: row.url, as: row.url },
+                      React__default.createElement(
+                        'a',
+                        null,
+                        React__default.createElement(
+                          Card.Title,
+                          null,
+                          row.name
+                        )
+                      )
+                    ) : React__default.createElement(
+                      Card.Title,
+                      null,
+                      row.name
+                    ),
+                    React__default.createElement(
+                      Card.Text,
+                      null,
+                      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(
-                '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',
@@ -11142,6 +11162,16 @@ var Media$1 = function Media$$1(_ref) {
   );
 };
 
+var IFrame = function IFrame(_ref) {
+  var url = _ref.url;
+
+  return React__default.createElement(
+    'div',
+    { className: 'd-block text-center mb-3' },
+    React__default.createElement('iframe', { className: 'w-100', src: url, frameBorder: '0' })
+  );
+};
+
 var getSerializers$1 = function getSerializers(client) {
   return {
     types: {
@@ -11183,6 +11213,11 @@ var getSerializers$1 = function getSerializers(client) {
             blank = node.blank;
 
         return React__default.createElement(Media$1, { uploadDoc: upload_doc, poster: poster, blank: blank, client: client, caption: caption });
+      },
+      iframe: function iframe(_ref7) {
+        var node = _ref7.node;
+
+        return React__default.createElement(IFrame, { url: node.url });
       }
     },
     marks: {