@mjhls/mjh-framework 1.0.570 → 1.0.572

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.570
+# mjh-framework v. 1.0.572
 
 > Foundation Framework 
 

package/dist/cjs/IssueContentDeck.js

@@ -251,7 +251,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid #484848;\n            width: fit-content;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: 100%;\n            display: inline;\n            max-width: 240px;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/cjs/PublicationLanding.js

@@ -559,7 +559,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid #484848;\n          width: fit-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          display: inline;\n          width: 100%;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

package/dist/cjs/View.js

@@ -96,7 +96,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
           ),
           React__default['default'].createElement(
             reactBootstrap.Col,
-            { className: 'author-details-col', sm: 12, md: 8 },
+            { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
             React__default['default'].createElement(
               'h5',
               null,

package/dist/cjs/getSerializers.js

@@ -2205,18 +2205,6 @@ var Video = function Video(_ref) {
       playlistID = node.playlistID,
       experienceID = node.experienceID;
 
-  var router = Router.useRouter();
-
-  var _useState = React.useState(null),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      qsVideoID = _useState2[0],
-      setQsVideoID = _useState2[1];
-
-  React.useEffect(function () {
-    if (router.query && router.query.videoID && !qsVideoID) {
-      setQsVideoID(router.query.videoID);
-    }
-  }, [router && router.query]);
   var onVideoSuccess = function onVideoSuccess(success) {
     //console.log('success:', success.ref)
     var player = success.ref;
@@ -2350,22 +2338,10 @@ var Video = function Video(_ref) {
       return React__default['default'].createElement(
         'div',
         { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
-        React__default['default'].createElement(
-          'div',
-          { style: { paddingTop: '56.25%' } },
-          React__default['default'].createElement('iframe', {
-            src: 'https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/index.html' + (qsVideoID ? '?videoID=' + qsVideoID : ''),
-            allowFullScreen: 'true',
-            webkitallowfullscreen: 'true',
-            mozallowfullscreen: 'true',
-            style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
-          }),
-          React__default['default'].createElement(
-            'style',
-            { jsx: 'true' },
-            '\n              .brightcove-playlist iframe {\n                height: 100% !important;\n              }\n            '
-          )
-        )
+        React__default['default'].createElement('div', {
+          dangerouslySetInnerHTML: {
+            __html: '<div data-experience=' + experienceID + '></div>\n              <script src="https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/live.js" async></script>'
+          } })
       );
     }
     return null;

package/dist/esm/IssueContentDeck.js

@@ -241,7 +241,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid #484848;\n            width: fit-content;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: 100%;\n            display: inline;\n            max-width: 240px;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/esm/PublicationLanding.js

@@ -549,7 +549,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid #484848;\n          width: fit-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          display: inline;\n          width: 100%;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

package/dist/esm/View.js

@@ -85,7 +85,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
           ),
           React.createElement(
             Col,
-            { className: 'author-details-col', sm: 12, md: 8 },
+            { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
             React.createElement(
               'h5',
               null,

package/dist/esm/getSerializers.js

@@ -2193,18 +2193,6 @@ var Video = function Video(_ref) {
       playlistID = node.playlistID,
       experienceID = node.experienceID;
 
-  var router = useRouter();
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      qsVideoID = _useState2[0],
-      setQsVideoID = _useState2[1];
-
-  useEffect(function () {
-    if (router.query && router.query.videoID && !qsVideoID) {
-      setQsVideoID(router.query.videoID);
-    }
-  }, [router && router.query]);
   var onVideoSuccess = function onVideoSuccess(success) {
     //console.log('success:', success.ref)
     var player = success.ref;
@@ -2338,22 +2326,10 @@ var Video = function Video(_ref) {
       return React.createElement(
         'div',
         { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
-        React.createElement(
-          'div',
-          { style: { paddingTop: '56.25%' } },
-          React.createElement('iframe', {
-            src: 'https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/index.html' + (qsVideoID ? '?videoID=' + qsVideoID : ''),
-            allowFullScreen: 'true',
-            webkitallowfullscreen: 'true',
-            mozallowfullscreen: 'true',
-            style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
-          }),
-          React.createElement(
-            'style',
-            { jsx: 'true' },
-            '\n              .brightcove-playlist iframe {\n                height: 100% !important;\n              }\n            '
-          )
-        )
+        React.createElement('div', {
+          dangerouslySetInnerHTML: {
+            __html: '<div data-experience=' + experienceID + '></div>\n              <script src="https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/live.js" async></script>'
+          } })
       );
     }
     return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.570",
+  "version": "1.0.572",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",