@mjhls/mjh-framework 1.0.816 → 1.0.817-image-crop-test-v2

package/dist/esm/Breadcrumbs.js

@@ -1,6 +1,6 @@
 import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import Breadcrumb from 'react-bootstrap/Breadcrumb';
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import './_commonjsHelpers-0c4b6f40.js';
 import './web.dom.iterable-4109ff68.js';
 import './es6.string.iterator-bc33758b.js';
@@ -48,17 +48,17 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   }, []);
 
   if (data && data.length > 0) {
-    return React__default.createElement(
+    return React.createElement(
       Breadcrumb,
       null,
       data.map(function (item, index) {
-        return React__default.createElement(
+        return React.createElement(
           Breadcrumb.Item,
           { key: index, href: item.url, active: item.isActive || false },
           item.name
         );
       }),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .breadcrumb {\n            background: transparent;\n            padding-left: 0.25rem;\n          }\n          .breadcrumb .breadcrumb-item + .breadcrumb-item::before {\n            content: \'' + separator + '\';\n          }\n          .breadcrumb-item.active {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 40ch;\n          }\n          @media screen and (max-width: 1400px) {\n            .breadcrumb-item.active {\n              max-width: 20ch;\n            }\n          }\n          @media screen and (max-width: 768px) {\n            .breadcrumb-item.active {\n              max-width: 40ch;\n            }\n          }\n        '
@@ -66,30 +66,30 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     );
   }
 
-  return React__default.createElement(
+  return React.createElement(
     Breadcrumb,
     null,
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { href: '/' },
       'home'
     ),
-    parentPath.split('/').length > 1 && React__default.createElement(
+    parentPath.split('/').length > 1 && React.createElement(
       Breadcrumb.Item,
       { active: true },
       '...'
     ),
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { href: '/' + parentPath },
       parentPathName
     ),
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { active: true },
       currentPath
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        ol.breadcrumb {\n          background: transparent;\n          padding-left: 0.25rem;\n        }\n        .breadcrumb-item.active {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 40ch;\n        }\n        @media screen and (max-width: 1400px) {\n          .breadcrumb-item.active {\n            max-width: 20ch;\n          }\n        }\n        @media screen and (max-width: 768px) {\n          .breadcrumb-item.active {\n            max-width: 40ch;\n          }\n        }\n      '
@@ -97,6 +97,6 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   );
 };
 
-var Breadcrumbs$1 = React__default.memo(Breadcrumbs);
+var Breadcrumbs$1 = React.memo(Breadcrumbs);
 
 export default Breadcrumbs$1;

package/dist/esm/CMEDeck.js

@@ -2,14 +2,14 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8
 import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
 import { _ as _JSON$stringify } from './stringify-59c8f690.js';
 import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { Spinner, Container, Row, Col } from 'react-bootstrap';
-import { I as InfiniteScroll } from './index.es-a6137319.js';
-import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
-import { m as main_43 } from './main-d4165069.js';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
+import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
+import { m as main_43 } from './main-b5c5aac1.js';
 import { d as debounce_1 } from './debounce-533d9748.js';
 import { useRouter } from 'next/router';
-import { l as lib_3 } from './index-5cc7b406.js';
+import { l as lib_3 } from './index-2446af28.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';
 import './_to-object-b50e61c3.js';
@@ -20,6 +20,7 @@ import './_iter-detect-7e5e5ce2.js';
 import 'react-dom';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
+import './events-6c3a7a63.js';
 import 'prop-types';
 
 var itemsPerPage = 12;
@@ -198,94 +199,94 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var cardLoader = function cardLoader() {
     var numberOfItemsBeforeAd = 6;
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { id: 'ceToggles' },
-      React__default.createElement(
+      React.createElement(
         'div',
         { style: { width: 'max-content', padding: '0.5rem' } },
-        React__default.createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
-        React__default.createElement(
+        React.createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
+        React.createElement(
           'p',
           { style: { margin: '0', fontWeight: '700', width: '100%', textAlign: 'center', fontSize: '1rem' } },
           'Physician Education'
         )
       ),
-      React__default.createElement(
+      React.createElement(
         Row,
         null,
         data && data.map(function (row, index) {
           var pageNumber = row.pageNumber || 1;
-          return React__default.createElement(
-            React__default.Fragment,
+          return React.createElement(
+            React.Fragment,
             { key: index },
-            React__default.createElement(
+            React.createElement(
               VisibilitySensor,
               {
                 onChange: function onChange(isVisible) {
                   isVisible && changePageNumber(pageNumber);
                 } },
-              variant === 'left' ? React__default.createElement(
+              variant === 'left' ? React.createElement(
                 Col,
                 { xl: 12, style: { marginBottom: '1rem' } },
-                React__default.createElement(
+                React.createElement(
                   Row,
                   null,
-                  React__default.createElement(
+                  React.createElement(
                     Col,
                     { xs: 3, sm: 4, md: 4, lg: 4, xl: 4, style: { padding: '0' } },
-                    React__default.createElement(
+                    React.createElement(
                       'a',
                       { rel: 'noopener', href: row.href, target: '_blank' },
-                      React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: row.thumbnail })
+                      React.createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: row.thumbnail })
                     )
                   ),
-                  React__default.createElement(
+                  React.createElement(
                     Col,
                     { xs: 9, sm: 8, md: 8, lg: 8, xl: 8, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
-                    React__default.createElement(
+                    React.createElement(
                       'a',
                       { rel: 'noopener', href: row.href, target: '_blank' },
-                      React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
-                      React__default.createElement(
+                      React.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
+                      React.createElement(
                         'p',
                         { className: 'mb-2' },
                         row.date
                       ),
-                      React__default.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                      React.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
                     )
                   )
                 )
-              ) : React__default.createElement(
+              ) : React.createElement(
                 Row,
                 { style: { margin: '0', padding: '0' } },
-                React__default.createElement(
+                React.createElement(
                   Col,
                   { xs: 9, sm: 8, lg: 8, xl: 8 },
-                  React__default.createElement(
+                  React.createElement(
                     'a',
                     { rel: 'noopener', href: row.href, target: '_blank' },
-                    React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
-                    React__default.createElement(
+                    React.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
+                    React.createElement(
                       'p',
                       null,
                       row.date
                     ),
-                    React__default.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                    React.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
                   )
                 ),
-                React__default.createElement(
+                React.createElement(
                   Col,
                   { xs: 3, sm: 4, lg: 4, xl: 4 },
-                  React__default.createElement(
+                  React.createElement(
                     'a',
                     { rel: 'noopener', href: row.href, target: '_blank' },
-                    React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail && urlFor(row.thumbnail.asset).url() })
+                    React.createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail && urlFor(row.thumbnail.asset).url() })
                   )
                 )
               )
             ),
-            main_43 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+            main_43 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React.createElement(
               'div',
               { style: { margin: '0 auto' } },
               renderMobileAd(index, numberOfItemsBeforeAd)
@@ -298,7 +299,7 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
     var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-    return React__default.createElement(
+    return React.createElement(
       Col,
       { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
       rightItems[i].component
@@ -307,11 +308,11 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var renderManualPagination = function renderManualPagination() {
     var currentPage = 1;
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { className: 'd-flex justify-content-between' },
       currentPage > 1 ,
-      React__default.createElement(
+      React.createElement(
         'a',
         { href: '?page=' + (currentPage + 1) },
         'Next >>'
@@ -320,13 +321,13 @@ var CMEDeck = function CMEDeck(_ref) {
   };
 
   if (isLoading) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
-      React__default.createElement(
+      React.createElement(
         Spinner,
         { animation: 'border', role: 'status' },
-        React__default.createElement(
+        React.createElement(
           'span',
           { className: 'sr-only' },
           'Loading...'
@@ -336,69 +337,69 @@ var CMEDeck = function CMEDeck(_ref) {
   }
 
   if (data.length > 0) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { className: 'contentDeck' },
-      autoScroll ? React__default.createElement(
-        React__default.Fragment,
+      autoScroll ? React.createElement(
+        React.Fragment,
         null,
-        React__default.createElement(
+        React.createElement(
           'style',
           { jsx: true },
           '\n                .infinite-scroll-component {\n                  overflow: hidden !important;\n                }\n              '
         ),
-        React__default.createElement(
+        React.createElement(
           InfiniteScroll,
           {
             dataLength: data.length,
             next: loadMore,
             hasMore: scrolling,
             scrollThreshold: 0.9,
-            loader: React__default.createElement(
+            loader: React.createElement(
               'div',
               { style: { textAlign: 'center' } },
-              React__default.createElement(
+              React.createElement(
                 Spinner,
                 { animation: 'border', role: 'status' },
-                React__default.createElement(
+                React.createElement(
                   'span',
                   { className: 'sr-only' },
                   'Loading...'
                 )
               )
             ),
-            endMessage: React__default.createElement(
+            endMessage: React.createElement(
               'p',
               { style: { textAlign: 'center' } },
-              React__default.createElement(
+              React.createElement(
                 'b',
                 null,
                 'Yay! You have seen it all'
               )
             ) },
-          React__default.createElement(
+          React.createElement(
             Container,
             null,
             cardLoader()
           )
         ),
-        React__default.createElement(
+        React.createElement(
           'noscript',
           null,
           renderManualPagination()
         )
-      ) : React__default.createElement(
-        React__default.Fragment,
+      ) : React.createElement(
+        React.Fragment,
         null,
-        React__default.createElement(
+        React.createElement(
           Container,
           null,
           cardLoader()
         ),
-        React__default.createElement(
+        React.createElement(
           'div',
           { style: { padding: '0px 10px' } },
-          scrolling ? React__default.createElement(
+          scrolling ? React.createElement(
             'button',
             {
               style: { margin: 'auto', width: '100%' },
@@ -406,17 +407,17 @@ var CMEDeck = function CMEDeck(_ref) {
                 loadMore();
               } },
             'Load More'
-          ) : React__default.createElement(
+          ) : React.createElement(
             'p',
             { style: { textAlign: 'center' } },
-            React__default.createElement(
+            React.createElement(
               'b',
               null,
               'End of data'
             )
           )
         ),
-        React__default.createElement(
+        React.createElement(
           'noscript',
           null,
           renderManualPagination()
@@ -424,10 +425,10 @@ var CMEDeck = function CMEDeck(_ref) {
       )
     );
   } else {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       null,
-      React__default.createElement(
+      React.createElement(
         'div',
         null,
         'No data found '

package/dist/esm/Column1.js

@@ -1,20 +1,20 @@
-import React__default from 'react';
+import React from 'react';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 
 var Column1 = function Column1(props) {
   var title = props.title;
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
+    React.createElement(
       Row,
       { className: 'justify-content-md-center' },
-      React__default.createElement(
+      React.createElement(
         Col,
         { className: 'middleCol', style: { marginTop: !title && '10px' } },
-        title && React__default.createElement(
+        title && React.createElement(
           'h1',
           null,
           title

package/dist/esm/Column2.js

@@ -1,13 +1,13 @@
-import React__default from 'react';
+import React from 'react';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import SideFooter from './SideFooter.js';
-import { C as ConferenceBanner } from './ConferenceBanner-8792ebd2.js';
+import { C as ConferenceBanner } from './ConferenceBanner-9162d0ca.js';
 import './defineProperty-f5ff6f5a.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './define-property-fe54dc9f.js';
 import './_to-object-b50e61c3.js';
-import './react-social-icons-9be47857.js';
+import './react-social-icons-91f9716f.js';
 import 'prop-types';
 import './get-3c308da4.js';
 import './isSymbol-a7e9aafe.js';
@@ -26,37 +26,37 @@ var Column2 = function Column2(props) {
       website = props.website;
 
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
+    React.createElement(
       Row,
       { className: 'justify-content-md-center' },
-      React__default.createElement(
+      React.createElement(
         Col,
         { md: true, className: 'middleCol', style: { marginTop: !title && '10px' } },
-        title && React__default.createElement(
+        title && React.createElement(
           'h1',
           null,
           title
         ),
         props.children
       ),
-      React__default.createElement(
+      React.createElement(
         Col,
         { xs: 12, className: 'rightCol' },
-        website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner, { website: website }),
-        React__default.createElement(
+        website && website.conferenceBannerContent && React.createElement(ConferenceBanner, { website: website }),
+        React.createElement(
           'div',
           { className: 'sticky-top', style: { top: '60px' } },
           rightItems && rightItems.map(function (row, index) {
-            return React__default.createElement(
+            return React.createElement(
               'div',
               { key: index },
               row.component
             );
           }),
-          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website })
+          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website })
         )
       )
     )

package/dist/esm/Column3.js

@@ -1,12 +1,12 @@
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import ADSponsoredResources from './ADSponsoredResources.js';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import LeftNav from './LeftNav.js';
 import SideFooter from './SideFooter.js';
-import { C as ConferenceBanner } from './ConferenceBanner-8792ebd2.js';
+import { C as ConferenceBanner } from './ConferenceBanner-9162d0ca.js';
 import PageFilter from './PageFilter.js';
-import { m as main_43 } from './main-d4165069.js';
+import { m as main_43 } from './main-b5c5aac1.js';
 import './slicedToArray-be2f7a22.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './web.dom.iterable-4109ff68.js';
@@ -17,7 +17,8 @@ import './AdSlot.js';
 import './extends-60e0e1c6.js';
 import './_object-pie-133f504a.js';
 import 'prop-types';
-import './index-5cc7b406.js';
+import './index-2446af28.js';
+import './events-6c3a7a63.js';
 import './debounce-533d9748.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
@@ -31,7 +32,7 @@ import 'react-bootstrap/ListGroup';
 import './ADWebcast.js';
 import './defineProperty-f5ff6f5a.js';
 import './define-property-fe54dc9f.js';
-import './react-social-icons-9be47857.js';
+import './react-social-icons-91f9716f.js';
 import './get-3c308da4.js';
 import './eq-bdcbf886.js';
 import 'react-bootstrap';
@@ -70,62 +71,62 @@ var Column3 = function Column3(props) {
     }
   }, []);
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
+    React.createElement(
       Row,
       { className: 'justify-content-md-center' },
-      React__default.createElement(
+      React.createElement(
         Col,
         { md: true, className: 'leftCol', style: { width: '200px' } },
-        React__default.createElement(LeftNav, { leftItems: leftItems }),
-        website && website.sponsoredAd && React__default.createElement(ADSponsoredResources, { sponsoredAd: website.sponsoredAd }),
-        website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
+        React.createElement(LeftNav, { leftItems: leftItems }),
+        website && website.sponsoredAd && React.createElement(ADSponsoredResources, { sponsoredAd: website.sponsoredAd }),
+        website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
       ),
-      React__default.createElement(
+      React.createElement(
         Col,
         { md: true, className: 'middleCol', style: { maxWidth: '640px', marginTop: !title && '10px' } },
-        showFilter ? React__default.createElement(
+        showFilter ? React.createElement(
           'div',
           { className: 'title-wrap' },
-          React__default.createElement(
+          React.createElement(
             'h1',
             { className: 'title' },
             title
           ),
-          React__default.createElement(
+          React.createElement(
             'div',
             { className: 'filter-box' },
-            React__default.createElement(PageFilter, { getParams: getParams, filters: filters, defaultFilter: defaultFilter })
+            React.createElement(PageFilter, { getParams: getParams, filters: filters, defaultFilter: defaultFilter })
           )
-        ) : title && React__default.createElement(
+        ) : title && React.createElement(
           'h1',
           { className: 'title' },
           title
         ),
         props.children
       ),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n            .filter-box {\n              float: right;\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              /* .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              } */\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
       ),
-      (!main_43 || showRightAd) && React__default.createElement(
+      (!main_43 || showRightAd) && React.createElement(
         Col,
         { xs: 12, className: 'rightCol' },
-        website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner, { website: website }),
-        React__default.createElement(
+        website && website.conferenceBannerContent && React.createElement(ConferenceBanner, { website: website }),
+        React.createElement(
           'div',
           { ref: adRef },
           rightItems && rightItems.map(function (row, index) {
-            return React__default.createElement(
+            return React.createElement(
               'div',
               { key: index },
               row.component
             );
           }),
-          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
+          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
         )
       )
     )