@mjhls/mjh-framework 1.0.109-8.bc2 → 1.0.109

package/dist/esm/IssueContentDeck.js

@@ -1,232 +0,0 @@
-import React__default from 'react';
-import Row from 'react-bootstrap/Row';
-import Col from 'react-bootstrap/Col';
-import Card from 'react-bootstrap/Card';
-import Badge from 'react-bootstrap/Badge';
-import { L as LazyLoad } from './index-755f2cc2.js';
-import urlFor from './urlFor.js';
-import { m as moment } from './moment-48faeb9c.js';
-import { A as AuthorComponent } from './AuthorComponent-d9653ae5.js';
-import './_commonjsHelpers-0c4b6f40.js';
-import 'react-dom';
-import 'prop-types';
-import './slicedToArray-72ed566b.js';
-import './web.dom.iterable-3fffc027.js';
-import './core.get-iterator-method-95db387d.js';
-import './extends-2f4448b8.js';
-import './index-3f5c03b2.js';
-
-var PublicationDeckStack = function PublicationDeckStack(props) {
-  var title = props.title,
-      coverImage = props.coverImage,
-      link = props.link,
-      published = props.published,
-      author = props.author,
-      summary = props.summary,
-      section = props.section,
-      _props$imageHeight = props.imageHeight,
-      imageHeight = _props$imageHeight === undefined ? null : _props$imageHeight,
-      _props$imageWidth = props.imageWidth,
-      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
-      _props$imageFit = props.imageFit,
-      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
-      client = props.client,
-      Settings = props.Settings,
-      index = props.index,
-      source = props.source;
-
-  return React__default.createElement(
-    Col,
-    { md: 12, lg: 12, key: index },
-    React__default.createElement(
-      Card,
-      { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
-      React__default.createElement(
-        'div',
-        { style: { display: 'flex', flex: '1 0 auto', paddingBottom: '1rem' } },
-        coverImage && React__default.createElement(
-          'div',
-          { style: { display: 'flex', flexDirection: 'column', justifyContent: 'center' } },
-          React__default.createElement(
-            'a',
-            { href: '/view/' + link },
-            React__default.createElement(
-              LazyLoad,
-              { height: imageHeight },
-              React__default.createElement(Card.Img, {
-                variant: 'right',
-                src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client }) : Settings.logo,
-                alt: title,
-                style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left' }
-              })
-            )
-          ),
-          source && React__default.createElement(
-            'div',
-            { className: 'mb-2 sanityDisplayLabel displayLabelThumb' },
-            source
-          )
-        ),
-        React__default.createElement(
-          Card.Body,
-          { style: { padding: '0.5rem' } },
-          section ? React__default.createElement(
-            Badge,
-            { variant: 'success' },
-            section.name
-          ) : '',
-          React__default.createElement(
-            Card.Title,
-            { style: { color: '#121212', fontSize: '1.1rem' } },
-            React__default.createElement(
-              'a',
-              { href: '/view/' + link },
-              React__default.createElement(
-                'span',
-                null,
-                title
-              )
-            ),
-            React__default.createElement('br', null)
-          ),
-          React__default.createElement(
-            'div',
-            { style: { float: 'left' } },
-            source && !coverImage && React__default.createElement(
-              'div',
-              { className: 'content-category-label' },
-              React__default.createElement(
-                'div',
-                { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
-                source
-              )
-            ),
-            React__default.createElement(
-              'p',
-              { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
-              moment(published).format('MMMM DD, YYYY ')
-            ),
-            author.length > 0 && React__default.createElement(
-              LazyLoad,
-              { height: 50 },
-              React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: author })
-            )
-          )
-        )
-      ),
-      React__default.createElement(
-        'p',
-        { style: { paddingLeft: '0.5rem' } },
-        summary
-      )
-    )
-  );
-};
-
-var PublicationDeckBlock = function PublicationDeckBlock(props) {
-  var title = props.title,
-      coverImage = props.coverImage,
-      link = props.link,
-      section = props.section,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
-      client = props.client,
-      Settings = props.Settings,
-      index = props.index;
-
-  return React__default.createElement(
-    Col,
-    { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
-    React__default.createElement(
-      Card,
-      null,
-      React__default.createElement(
-        'a',
-        { href: '/view/' + link },
-        coverImage && React__default.createElement(
-          LazyLoad,
-          { height: imageHeight },
-          React__default.createElement(Card.Img, { variant: 'top', src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client, Settings: Settings }) : Settings.logo, alt: title })
-        ),
-        React__default.createElement(
-          Card.Body,
-          null,
-          section && section.name ? React__default.createElement(
-            Badge,
-            { variant: 'success' },
-            section && section.name
-          ) : '',
-          React__default.createElement(
-            Card.Title,
-            null,
-            title
-          )
-        )
-      )
-    )
-  );
-};
-
-var IssueContentDeck = function IssueContentDeck(props) {
-  var data = props.data,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
-      website = props.website,
-      client = props.client,
-      _props$variant = props.variant,
-      variant = _props$variant === undefined ? 'block' : _props$variant;
-
-  return React__default.createElement(
-    Row,
-    null,
-    data && data.length ? data.map(function (row, index) {
-      if (variant === 'stack') {
-        return row.url && row.url.current && React__default.createElement(PublicationDeckStack, {
-          index: index,
-          title: row.title,
-          coverImage: row.thumbnail,
-          link: row.url.current,
-          section: row.issueSection,
-          Settings: website,
-          imageHeight: imageHeight,
-          imageWidth: imageWidth,
-          client: client,
-          source: row.source,
-          published: row.published,
-          author: row.authorMapping && row.authorMapping.length > 0 ? row.authorMapping : [],
-          summary: row.summary
-        });
-      }
-      return React__default.createElement(PublicationDeckBlock, {
-        index: index,
-        title: row.title,
-        coverImage: row.thumbnail,
-        link: row.url.current,
-        section: row.issueSection,
-        Settings: website,
-        imageHeight: imageHeight,
-        imageWidth: imageWidth,
-        client: client
-      });
-    }) : React__default.createElement(
-      'div',
-      null,
-      React__default.createElement(
-        'h5',
-        null,
-        React__default.createElement(
-          'em',
-          { className: 'pl-3' },
-          'New content coming soon, please check back later.'
-        )
-      )
-    ),
-    React__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            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        '
-    )
-  );
-};
-
-export { IssueContentDeck as default };

package/dist/esm/IssueDeck.js

@@ -1,257 +0,0 @@
-import { _ as _toConsumableArray } from './toConsumableArray-e6f28e5c.js';
-import { _ as _extends } from './extends-2f4448b8.js';
-import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
-import React__default, { useState, useEffect, useRef } from 'react';
-import Row from 'react-bootstrap/Row';
-import Col from 'react-bootstrap/Col';
-import Button from 'react-bootstrap/Button';
-import Card from 'react-bootstrap/Card';
-import { L as LazyLoad } from './index-755f2cc2.js';
-import urlFor from './urlFor.js';
-import { I as InfiniteScroll } from './index.es-a6137319.js';
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-95db387d.js';
-import './_iter-detect-2f89237f.js';
-import './web.dom.iterable-3fffc027.js';
-import 'react-dom';
-import 'prop-types';
-import './index-3f5c03b2.js';
-
-var usePrevious = function usePrevious(value) {
-  var ref = useRef();
-  useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-};
-
-var IssueDeck = function IssueDeck(props) {
-  var data = props.data,
-      href = props.href,
-      _props$imageHeight = props.imageHeight,
-      imageHeight = _props$imageHeight === undefined ? null : _props$imageHeight,
-      _props$imageWidth = props.imageWidth,
-      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
-      _props$imageFit = props.imageFit,
-      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
-      Website = props.Website,
-      client = props.client,
-      publication = props.publication,
-      query = props.query,
-      params = props.params;
-
-  var _useState = useState(params ? params.count : 0),
-      _useState2 = _slicedToArray(_useState, 1),
-      count = _useState2[0];
-
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      scrolling = _useState4[0],
-      setScrolling = _useState4[1];
-
-  var _useState5 = useState(data),
-      _useState6 = _slicedToArray(_useState5, 2),
-      issuesData = _useState6[0],
-      setIssuesData = _useState6[1];
-
-  var _useState7 = useState({
-    from: params ? params.from : 0,
-    to: params ? params.to : 0,
-    page: 1
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      values = _useState8[0],
-      setValues = _useState8[1];
-
-  var prevValues = usePrevious(values);
-
-  var renderCardImage = function renderCardImage(thumbnail) {
-    if (thumbnail && thumbnail.asset) {
-      var url = urlFor({ client: client, source: thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
-      return url;
-    } else {
-      return Website.logo;
-    }
-  };
-
-  var loadMore = function loadMore() {
-    setValues({
-      page: values.page + 1,
-      from: values.from + count,
-      to: values.to + count
-    });
-  };
-
-  var loadData = function loadData(values, query, client, params, setIssuesData, setScrolling) {
-    params = _extends({}, params, {
-      from: values.from,
-      to: values.to
-    });
-
-    client.fetch(query, params).then(function (dataArr) {
-      if (!dataArr) {
-        dataArr = [];
-      }
-
-      dataArr = dataArr.map(function (item) {
-        return _extends({}, item, {
-          pageNumber: values.page
-        });
-      });
-
-      if (dataArr.length > 0) {
-        setIssuesData(function (prevData) {
-          return [].concat(_toConsumableArray(prevData), _toConsumableArray(dataArr));
-        });
-        setScrolling(true);
-      } else {
-        var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
-        parentScroll.style.overflow = 'hidden';
-        setScrolling(false);
-      }
-    });
-  };
-
-  useEffect(function () {
-    if (prevValues) {
-      if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
-        loadData(values, query, client, params, setIssuesData, setScrolling);
-      }
-    }
-  }, [values, prevValues, query, client, params, setIssuesData, setScrolling]);
-
-  useEffect(function () {
-    if (issuesData.length < count) {
-      var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
-      parentScroll.style.overflow = 'hidden';
-      setScrolling(false);
-    }
-  }, [issuesData, setScrolling, count]);
-
-  return React__default.createElement(
-    InfiniteScroll,
-    { dataLength: issuesData && issuesData.length, next: function next() {
-        return loadMore();
-      }, hasMore: scrolling, scrollThreshold: 0.9 },
-    React__default.createElement(
-      Row,
-      null,
-      issuesData && issuesData.length ? issuesData.map(function (row, index) {
-        return publication && row.identifier && row.identifier.current && React__default.createElement(
-          Col,
-          { md: 12, lg: 12, key: index },
-          React__default.createElement(
-            Card,
-            { className: 'queue-card journal-queue', style: { borderTop: '1px solid #EEE' } },
-            React__default.createElement(
-              Row,
-              { style: { flexDirection: 'left' } },
-              React__default.createElement(
-                Col,
-                { md: 12, lg: 4, className: 'body-image', style: { textAlign: 'center' } },
-                row.issues.length > 0 ? React__default.createElement(
-                  'a',
-                  { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
-                  row.thumbnail && React__default.createElement(
-                    LazyLoad,
-                    { height: imageHeight },
-                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
-                  )
-                ) : React__default.createElement(
-                  'a',
-                  null,
-                  row.thumbnail && React__default.createElement(
-                    LazyLoad,
-                    { height: imageHeight },
-                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
-                  )
-                )
-              ),
-              React__default.createElement(
-                Col,
-                { md: 12, lg: 8 },
-                React__default.createElement(
-                  Card.Body,
-                  { style: { padding: '20px' }, className: 'body-text' },
-                  React__default.createElement(
-                    Row,
-                    null,
-                    React__default.createElement(
-                      Col,
-                      null,
-                      React__default.createElement(
-                        Card.Title,
-                        null,
-                        row.name
-                      )
-                    )
-                  ),
-                  React__default.createElement(
-                    Row,
-                    null,
-                    React__default.createElement(
-                      Col,
-                      null,
-                      React__default.createElement(
-                        'div',
-                        null,
-                        'Volume: ',
-                        row.volume
-                      )
-                    )
-                  ),
-                  React__default.createElement(
-                    Row,
-                    null,
-                    React__default.createElement(
-                      Col,
-                      null,
-                      React__default.createElement(
-                        'div',
-                        null,
-                        'Number: ',
-                        row.number
-                      )
-                    )
-                  ),
-                  React__default.createElement(
-                    Row,
-                    null,
-                    row.issues.length > 0 && React__default.createElement(
-                      'a',
-                      { style: { paddingRight: '15px', paddingLeft: '15px' }, href: href + '/' + publication + '/' + row.identifier.current },
-                      React__default.createElement(
-                        Button,
-                        { style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
-                        'View Issue'
-                      )
-                    ),
-                    row.pdf && row.pdf.asset && React__default.createElement(
-                      'a',
-                      { rel: 'noopener', href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px' } },
-                      'Download Issue'
-                    )
-                  )
-                )
-              )
-            )
-          )
-        );
-      }) : React__default.createElement(
-        'div',
-        null,
-        React__default.createElement(
-          'h5',
-          null,
-          React__default.createElement(
-            'em',
-            { className: 'pl-3' },
-            'New content coming soon, please check back later.'
-          )
-        )
-      )
-    )
-  );
-};
-
-export { IssueDeck as default };

package/dist/esm/IssueLanding.js

@@ -1,170 +0,0 @@
-import { _ as _extends } from './extends-2f4448b8.js';
-import React__default from 'react';
-import QueueDeckExpanded from './QueueDeckExpanded.js';
-import Breadcrumbs from './Breadcrumbs.js';
-import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-a68bfe70.js';
-import { PixelTrackingLandingPages } from './PixelTracking.js';
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-95db387d.js';
-import './slicedToArray-72ed566b.js';
-import './web.dom.iterable-3fffc027.js';
-import './toConsumableArray-e6f28e5c.js';
-import './_iter-detect-2f89237f.js';
-import 'react-bootstrap';
-import './urlFor.js';
-import './index-3f5c03b2.js';
-import './index.es-a6137319.js';
-import './moment-48faeb9c.js';
-import './visibility-sensor-72fd8f8b.js';
-import 'react-dom';
-import './index-5cc7b406.js';
-import 'prop-types';
-import 'next/router';
-import './index-755f2cc2.js';
-import './main-754d4992.js';
-import './entities-6d9154b4.js';
-import './ADInfeed-3442c999.js';
-import 'react-bootstrap/Card';
-import './AdSlot.js';
-import './debounce-533d9748.js';
-import './isSymbol-a7e9aafe.js';
-import './toNumber-5aeba6e7.js';
-import './Beam.js';
-import './stringify-1e2a5946.js';
-import './asyncToGenerator-1ebeb135.js';
-import './_library-528f1934.js';
-import './_set-species-7d3317b7.js';
-import './Segment.js';
-import './AuthorComponent-d9653ae5.js';
-import './lodash-f97fd99a.js';
-import './ADlgInfeed-30649360.js';
-import './getContentCategory-15dcc413.js';
-import './timeDifferenceCalc.js';
-import 'react-bootstrap/Breadcrumb';
-import './index-c7e2ac95.js';
-import './urlForFile-2e523b67.js';
-import './typeof-3ab7d3b6.js';
-import './_is-array-68c79b29.js';
-import './brightcove-react-player-loader.es-a2422c4b.js';
-import './_object-to-array-9dfdfb29.js';
-import './keys-185288f4.js';
-import './_object-sap-14bd8e96.js';
-import 'react-bootstrap/Modal';
-import 'react-bootstrap/Button';
-import 'react-bootstrap/Form';
-import 'react-ga';
-import './GroupDeck.js';
-import './smoothscroll-fa4e3f8c.js';
-import './SocialShare.js';
-import 'next/head';
-import 'react-share';
-import 'react-bootstrap/Pagination';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import './inherits-96c84cbd.js';
-import './define-property-433c51d3.js';
-import './index.esm-eb1e8e80.js';
-import './iconBase-ccc56b97.js';
-import 'react-bootstrap/Figure';
-import 'react-bootstrap/OverlayTrigger';
-import 'react-bootstrap/Tooltip';
-import 'react-bootstrap/Popover';
-import './checkSisterSite-a7218fda.js';
-
-/* usage
-import Settings, { Ads } from '../../../../settings'
-import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
-import client from '../../../../client'
-import moment from 'moment'
-import Shell from '../../../../components/2.0/Shell'
-import { pageview } from '../../../../utilities/gtag'
-
-const Issue = (props) => {
-  const { pubIssue, cache } = props
-  const targeting = {
-    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-  }
-  return (
-    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
-      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
-    </Shell>
-  )
-}
-
-Issue.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
-  )
-  return { pubIssue }
-}
-
-export default Issue
-*/
-
-var IssueLanding = function IssueLanding(props) {
-  var pubIssue = props.pubIssue,
-      client = props.client,
-      settings = props.settings,
-      pageview = props.pageview,
-      rightItems = props.rightItems,
-      _props$showCategory = props.showCategory,
-      showCategory = _props$showCategory === undefined ? true : _props$showCategory,
-      _props$showPublished = props.showPublished,
-      showPublished = _props$showPublished === undefined ? true : _props$showPublished,
-      _props$seoPaginate = props.seoPaginate,
-      seoPaginate = _props$seoPaginate === undefined ? true : _props$seoPaginate,
-      _props$autoScroll = props.autoScroll,
-      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
-      _props$showAuthor = props.showAuthor,
-      showAuthor = _props$showAuthor === undefined ? false : _props$showAuthor,
-      _props$showPubInfo = props.showPubInfo,
-      showPubInfo = _props$showPubInfo === undefined ? false : _props$showPubInfo,
-      _props$imageHeight = props.imageHeight,
-      imageHeight = _props$imageHeight === undefined ? 270 : _props$imageHeight,
-      _props$imageWidth = props.imageWidth,
-      imageWidth = _props$imageWidth === undefined ? 480 : _props$imageWidth,
-      _props$nextPagePostsC = props.nextPagePostsCount,
-      nextPagePostsCount = _props$nextPagePostsC === undefined ? 1 : _props$nextPagePostsC;
-
-  return React__default.createElement(
-    'div',
-    { id: 'issueLanding' },
-    React__default.createElement(Breadcrumbs, null),
-    pubIssue.issue.source && React__default.createElement(
-      'p',
-      { className: 'badge badge-primary' },
-      pubIssue.issue.source
-    ),
-    pubIssue.issue.description && React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: pubIssue.issue.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
-      React__default.createElement('div', { style: { clear: 'both' } })
-    ),
-    pubIssue.issue.pixelTrackingCode && React__default.createElement(PixelTrackingLandingPages, { pixelTracking: pubIssue.issue.pixelTrackingCode }),
-    React__default.createElement(QueueDeckExpanded, {
-      client: client,
-      mapping: settings.mapping,
-      dataRecord: pubIssue.issue.articles,
-      seoPaginate: seoPaginate,
-      pageview: pageview,
-      showAuthor: showAuthor,
-      autoScroll: autoScroll,
-      defaultImage: settings.logo,
-      showPublished: showPublished,
-      showCategory: showCategory,
-      imageHeight: imageHeight,
-      imageWidth: imageWidth,
-      rightItems: rightItems,
-      showPubInfo: showPubInfo,
-      columns: 'rotate',
-      variant: 'top',
-      contentCategoryMapping: settings.contentCategoryMapping ? settings.contentCategoryMapping : [],
-      nextPagePostsCount: nextPagePostsCount
-    })
-  );
-};
-
-export { IssueLanding as default };

package/dist/esm/KMTracker.js

@@ -1,25 +0,0 @@
-var KMTracker = function KMTracker(props) {
-  var id = props.id;
-
-  if (document && id) {
-(function () {
-      var ecnJquery = document.createElement('script');
-
-      ecnJquery.type = 'text/javascript';
-      ecnJquery.async = true;
-      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
-
-      var ecnScript = document.createElement('script');
-
-      ecnScript.type = 'text/javascript';
-      ecnScript.async = true;
-      ecnScript.id = 'km-tracker';
-      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
-
-      document.head.appendChild(ecnJquery);
-      document.head.appendChild(ecnScript);
-    })();
-  }
-};
-
-export { KMTracker as default };