@mjhls/mjh-framework 1.0.97 → 1.0.99-0.next-12

package/dist/esm/AlphabeticList.js

@@ -0,0 +1,129 @@
+import { _ as _extends } from './extends-dc6a71fd.js';
+import { _ as _Object$keys } from './keys-425c8ab0.js';
+import { _ as _toConsumableArray } from './toConsumableArray-7b1c0e23.js';
+import React__default, { useRef, useEffect } from 'react';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './_object-pie-133f504a.js';
+import './_object-sap-169d6272.js';
+import './_iter-detect-f089461c.js';
+
+var sortByName = function sortByName(arr) {
+  var items = [].concat(_toConsumableArray(arr));
+  items.sort(function (a, b) {
+    var nameA = a.name.toUpperCase();
+    var nameB = b.name.toUpperCase();
+    if (nameA < nameB) {
+      return -1;
+    }
+    if (nameA > nameB) {
+      return 1;
+    }
+    return 0;
+  });
+  return items;
+};
+
+var AlphabeticList = function AlphabeticList(_ref) {
+  var _ref$dataRecord = _ref.dataRecord,
+      dataRecord = _ref$dataRecord === undefined ? [] : _ref$dataRecord;
+
+  var dataList = {};
+  if (dataRecord && dataRecord.length > 0) {
+    var sortedData = sortByName(dataRecord);
+    sortedData.forEach(function (item) {
+      var firstLetter = item.name.charAt(0).toUpperCase();
+      if (!dataList[firstLetter]) {
+        dataList[firstLetter] = [];
+      }
+      dataList[firstLetter].push(item);
+    });
+  }
+
+  var alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+  var itemsRef = useRef([]);
+
+  var renderAlbhabetList = function renderAlbhabetList() {
+    var style = {
+      fontWeight: '600',
+      fontSize: '30px',
+      textDecoration: 'none',
+      padding: '0 10px',
+      color: 'grey'
+    };
+    return React__default.createElement(
+      'div',
+      { className: 'd-flex flex-wrap mb-3' },
+      alphabet.map(function (letter, i) {
+        if (dataList[letter]) {
+          return React__default.createElement(
+            'a',
+            {
+              key: i,
+              onClick: function onClick() {
+                var index = _Object$keys(dataList).findIndex(function (i) {
+                  return i === letter;
+                });
+                if (itemsRef.current && itemsRef.current[index]) {
+                  window.scrollTo(0, itemsRef.current[index].offsetTop);
+                }
+              } },
+            React__default.createElement(
+              'span',
+              {
+                style: _extends({}, style, {
+                  color: 'black'
+                }) },
+              letter
+            )
+          );
+        }
+        return React__default.createElement(
+          'span',
+          { key: i, style: style },
+          letter
+        );
+      })
+    );
+  };
+
+  useEffect(function () {
+    itemsRef.current = itemsRef.current.slice(0, _Object$keys(dataList).length);
+  }, [dataList]);
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    renderAlbhabetList(),
+    _Object$keys(dataList).map(function (letter, index) {
+      return React__default.createElement(
+        React__default.Fragment,
+        { key: index },
+        React__default.createElement(
+          'h3',
+          { ref: function ref(el) {
+              return itemsRef.current[index] = el;
+            } },
+          letter
+        ),
+        React__default.createElement(
+          'ul',
+          null,
+          dataList[letter].map(function (item, i) {
+            return React__default.createElement(
+              'li',
+              { key: i },
+              React__default.createElement(
+                'a',
+                { href: item.url },
+                item.name
+              )
+            );
+          })
+        )
+      );
+    })
+  );
+};
+
+export default AlphabeticList;

package/dist/esm/ArticleCarousel.js

@@ -0,0 +1,40 @@
+import { _ as _extends } from './extends-dc6a71fd.js';
+import React__default from 'react';
+import YoutubeGroup from './YoutubeGroup.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './_object-pie-133f504a.js';
+import './slicedToArray-ca2c8b8d.js';
+import './web.dom.iterable-fdf034f5.js';
+import './index-c7e2ac95.js';
+import './index-755f2cc2.js';
+import 'react-dom';
+import 'prop-types';
+import './smoothscroll-fa4e3f8c.js';
+import './urlFor.js';
+import './index-0dbff1d1.js';
+import './main-1894c974.js';
+
+function ArticleCarousel(props) {
+  //Passed in array of articles to pass into YoutubeGroup
+  var articles = props.articles;
+
+  //Setup article.link URL
+
+  var data = articles.map(function (article, index) {
+    article.link = '/view/' + article.url.current;
+    return article;
+  });
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    articles ? React__default.createElement(YoutubeGroup, _extends({ key: 'articleCarousel-0', dataset: data }, props)) : React__default.createElement(
+      'p',
+      null,
+      'No Article Found.'
+    )
+  );
+}
+
+export default ArticleCarousel;

package/dist/esm/ArticleProgramLandingPage.js

@@ -0,0 +1,178 @@
+import { _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-9716ae8d.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import { _ as _extends } from './extends-dc6a71fd.js';
+import React__default from 'react';
+import { B as BlockContent } from './BlockContent-c99c9a8d.js';
+import { g as getSerializers } from './index-c60f3bb6.js';
+import ArticleSeriesListing from './ArticleSeriesListing.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+import './_object-pie-133f504a.js';
+import 'prop-types';
+import './index-0dbff1d1.js';
+import 'react-bootstrap';
+import './urlFor.js';
+import './index-5cc7b406.js';
+import 'next/router';
+import './index-c7e2ac95.js';
+import './Beam.js';
+import './stringify-c21932b3.js';
+import './Segment.js';
+import './main-1894c974.js';
+import './urlForFile-413f5ddb.js';
+import './index-755f2cc2.js';
+import 'react-dom';
+import './typeof-83d9eb10.js';
+import './_is-array-893ab020.js';
+import './brightcove-react-player-loader.es-57a70a56.js';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/Form';
+import 'react-ga';
+import './GroupDeck.js';
+import './smoothscroll-fa4e3f8c.js';
+import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
+import './_object-to-array-50a6b9a3.js';
+import './toConsumableArray-7b1c0e23.js';
+import 'react-bootstrap/Pagination';
+import './entities-932b50cf.js';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import './inherits-8a801a18.js';
+import './_object-sap-169d6272.js';
+import './define-property-99e66838.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 'react-bootstrap/Container';
+import './visibility-sensor-72fd8f8b.js';
+import './YoutubeGroup.js';
+import './index.es-a6137319.js';
+
+var _this = undefined;
+
+var ArticleProgramLandingPage = function ArticleProgramLandingPage(props) {
+  var client = props.client,
+      posts = props.posts,
+      mapping = props.mapping,
+      query = props.query,
+      params = props.params,
+      currentPage = props.currentPage,
+      pageview = props.pageview,
+      _props$columns = props.columns,
+      columns = _props$columns === undefined ? 'rotate' : _props$columns,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'top' : _props$variant,
+      _props$page = props.page,
+      page = _props$page === undefined ? '' : _props$page,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage,
+      virtualBlock = props.virtualBlock,
+      pageDescription = props.pageDescription,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll;
+
+  return React__default.createElement(
+    'div',
+    null,
+    virtualBlock && React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+    pageDescription && React__default.createElement(
+      'div',
+      { className: 'mb-3' },
+      pageDescription.image && React__default.createElement('img', { className: 'mb-3 w-100', src: pageDescription.image, alt: pageDescription.imageAlt || '' }),
+      pageDescription.description && React__default.createElement(
+        'p',
+        null,
+        pageDescription.description
+      )
+    ),
+    posts && React__default.createElement(ArticleSeriesListing, {
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      columns: columns,
+      variant: variant,
+      page: page,
+      autoScroll: autoScroll,
+      defaultImage: defaultImage
+    })
+  );
+};
+
+ArticleProgramLandingPage.getInitialData = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+    var taxonomyId = arguments[3];
+
+    var pathname, urlQuery, url, page, currentPage, start, params, query, postsPromise, virtualBlockPromise, posts, virtualBlock, _ref2, _ref3;
+
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            pathname = context.pathname, urlQuery = context.query;
+            url = pathname ? pathname : '';
+            page = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            currentPage = page ? parseInt(page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage,
+              itemsPerPage: itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'' + taxonomyId + '\')\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n      \'pageNumber\': ' + currentPage + '\n    }';
+            postsPromise = client.fetch(query, params);
+            virtualBlockPromise = client.fetch('*[_type == \'virtualBlock\' && identifier == \'' + pathname + '\'][0]');
+            posts = void 0, virtualBlock = void 0;
+            _context.prev = 10;
+_context.next = 14;
+            return _Promise.all([postsPromise, virtualBlockPromise]);
+
+          case 14:
+            _ref2 = _context.sent;
+            _ref3 = _slicedToArray(_ref2, 2);
+            posts = _ref3[0];
+            virtualBlock = _ref3[1];
+            _context.next = 23;
+            break;
+
+          case 20:
+            _context.prev = 20;
+            _context.t0 = _context['catch'](10);
+
+            console.error(_context.t0);
+
+          case 23:
+            return _context.abrupt('return', { posts: posts, virtualBlock: virtualBlock, url: url, query: query });
+
+          case 24:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this, [[10, 20]]);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+export default ArticleProgramLandingPage;

package/dist/esm/ArticleSeriesLandingPage.js

@@ -0,0 +1,156 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import React__default from 'react';
+import MasterDeck from './MasterDeck.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+import './toConsumableArray-7b1c0e23.js';
+import './extends-dc6a71fd.js';
+import './_object-pie-133f504a.js';
+import './inherits-8a801a18.js';
+import './_object-sap-169d6272.js';
+import './define-property-99e66838.js';
+import './typeof-83d9eb10.js';
+import './_is-array-893ab020.js';
+import './index-5cc7b406.js';
+import 'prop-types';
+import 'react-bootstrap/Container';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import 'react-bootstrap/Card';
+import './moment-bc12cb97.js';
+import 'next/router';
+import './lodash-f97fd99a.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './index.es-a6137319.js';
+import './visibility-sensor-72fd8f8b.js';
+import 'react-dom';
+import './slicedToArray-ca2c8b8d.js';
+import './index-0dbff1d1.js';
+import './ADlgInfeed-8c438cee.js';
+import './AdSlot.js';
+import './Beam.js';
+import './stringify-c21932b3.js';
+import './Segment.js';
+import './main-1894c974.js';
+import './ADInfeed-f684cac9.js';
+
+var _this = undefined;
+
+var ArticleSeriesLandingPage = function ArticleSeriesLandingPage(props) {
+  var client = props.client,
+      posts = props.posts,
+      summary = props.summary,
+      seriesTitle = props.seriesTitle,
+      seriesName = props.seriesName,
+      query = props.query,
+      params = props.params,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      pageview = props.pageview,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
+      mapping = props.mapping,
+      deck = props.deck,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'left' : _props$variant,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage;
+
+
+  return React__default.createElement(
+    'div',
+    null,
+    summary && React__default.createElement(
+      'div',
+      { style: { fontSize: '1rem' }, className: 'article-series-summary px-1 mt-2 mb-4' },
+      summary
+    ),
+    seriesTitle && React__default.createElement(
+      'h1',
+      { className: 'article-series-title' },
+      React__default.createElement(
+        'a',
+        seriesName && { href: '/view/' + seriesName },
+        seriesTitle
+      )
+    ),
+    posts && deck && React__default.createElement(MasterDeck, {
+      deck: deck,
+      variant: variant,
+      defaultImage: defaultImage,
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      autoScroll: autoScroll
+    })
+  );
+};
+
+ArticleSeriesLandingPage.getInitialData = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+    var taxonomyId = arguments[3];
+    var urlQuery, seriesName, page, currentPage, start, params, query, posts, seriesTitle, summary, url;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            urlQuery = context.query;
+            seriesName = urlQuery.series;
+            page = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            currentPage = page ? parseInt(page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage,
+              itemsPerPage: itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && references(\'' + taxonomyId + '\')\n    && url.current == \'' + seriesName + '\'\n    && is_visible == true\n    && passwordLock != true \n    && defined(published)\n    && dateTime(published) <= dateTime(now())] | order(published desc)[$from...$to]{\n      title,\n      summary,\n      published,\n      thumbnail,\n      url,\n      taxonomy,\n      body[_type == "articleSeries"]{\n        ...\n      },\n    }';
+            _context.next = 9;
+            return client.fetch(query, params);
+
+          case 9:
+            posts = _context.sent;
+            seriesTitle = '';
+            summary = false;
+
+
+            if (posts.length > 0 && posts[0].body[0].articles) {
+              url = posts[0].url.current + '?seriesArticle=';
+
+              seriesTitle = posts[0].title;
+              summary = posts[0].summary;
+              posts = posts[0].body[0].articles;
+              //start youtube thumbnail fix
+              posts.map(function (post, index) {
+                return post['url'] = {
+                  current: url + post.param.current
+                };
+              });
+              //end
+            }
+            return _context.abrupt('return', { posts: posts, query: query, params: params, seriesTitle: seriesTitle, seriesName: seriesName, summary: summary });
+
+          case 14:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+export default ArticleSeriesLandingPage;