@mjhls/mjh-framework 1.0.203 → 1.0.205

package/dist/esm/TaxonomyCard.js

@@ -0,0 +1,12 @@
+import 'react';
+import './_commonjsHelpers-ae1b5db5.js';
+import 'prop-types';
+import 'react-bootstrap/Container';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import 'react-bootstrap/Card';
+import 'react-dom';
+import './index-ca4ff5cb.js';
+import './index-3c1ee9ab.js';
+import './_babelHelpers-67c05996.js';
+export { T as default } from './TaxonomyCard-f9c93953.js';

package/dist/esm/TemplateNormal.js

@@ -0,0 +1,23 @@
+import 'react';
+import './_commonjsHelpers-ae1b5db5.js';
+import 'prop-types';
+import 'react-bootstrap/Container';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import 'next/link';
+import './isSymbol-c2b7d05a.js';
+import './main-dea495b7.js';
+import './_babelHelpers-67c05996.js';
+import './get-b684ff61.js';
+import './AD-1b2a3dd3.js';
+import 'react-bootstrap';
+import './index.esm-536609db.js';
+import 'react-bootstrap/Button';
+export { T as default } from './Normal-403c5666.js';
+import 'react-bootstrap/ListGroup';
+import 'next/head';
+import 'react-bootstrap/Nav';
+import 'react-bootstrap/Navbar';
+import 'react-bootstrap/NavDropdown';
+import 'react-bootstrap/Form';
+import 'react-bootstrap/FormControl';

package/dist/esm/ThumbnailCard.js

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import './_commonjsHelpers-ae1b5db5.js';
+import 'prop-types';
+import 'react-dom';
+import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
+import { L as LazyLoad } from './index-3c1ee9ab.js';
+import { c as clean_html_1 } from './entities-e85d3a4a.js';
+import Media$1 from 'react-bootstrap/Media';
+
+var ThumbnailCard = function ThumbnailCard(_ref) {
+  var size = _ref.size,
+      mediaData = _ref.mediaData,
+      client = _ref.client,
+      defaultImage = _ref.defaultImage;
+
+  var builder = imageUrlBuilder(client);
+
+  var urlFor = function urlFor(source) {
+    return builder.image(source).auto('format');
+  };
+
+  return React__default.createElement(
+    'div',
+    null,
+    mediaData && mediaData.map(function (item, index) {
+      return React__default.createElement(
+        Media$1,
+        { className: 'mb-3 thumbnail-card' },
+        React__default.createElement(
+          LazyLoad,
+          { height: size },
+          React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
+        ),
+        React__default.createElement(
+          Media$1.Body,
+          null,
+          React__default.createElement(
+            'h5',
+            null,
+            item.title
+          ),
+          React__default.createElement(
+            'p',
+            null,
+            clean_html_1(item.summary)
+          )
+        )
+      );
+    })
+  );
+};
+
+export default ThumbnailCard;

package/dist/esm/Ustream-6bb45fe7.js

@@ -0,0 +1,116 @@
+import React__default, { useState, useRef, useEffect } from 'react';
+import { s as slicedToArray } from './_babelHelpers-67c05996.js';
+import { G as GenIcon, d as IoIosOpen } from './index.esm-536609db.js';
+
+// THIS FILE IS AUTO GENERATED
+var FaLongArrowAltRight = function (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"}}]})(props);
+};
+FaLongArrowAltRight.displayName = "FaLongArrowAltRight";
+var FaRegWindowClose = function (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z"}}]})(props);
+};
+FaRegWindowClose.displayName = "FaRegWindowClose";
+
+// UStream Component
+
+var Ustream = function Ustream(_ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === undefined ? '300px' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === undefined ? '168px' : _ref$height,
+      _ref$close = _ref.close,
+      close = _ref$close === undefined ? false : _ref$close,
+      _ref$right = _ref.right,
+      right = _ref$right === undefined ? false : _ref$right,
+      _ref$src = _ref.src,
+      src = _ref$src === undefined ? 'https://video.ibm.com/embed/23627444?volume=0&autoplay=true' : _ref$src;
+
+  var _useState = useState(width),
+      _useState2 = slicedToArray(_useState, 2),
+      currentWidth = _useState2[0],
+      setWidth = _useState2[1];
+
+  var _useState3 = useState(height),
+      _useState4 = slicedToArray(_useState3, 2),
+      currentHeight = _useState4[0],
+      setHeight = _useState4[1];
+
+  var ustreamContainer = useRef(null);
+
+  useEffect(function () {
+    try {
+      var container = document.getElementById('ustream-container');
+      var ustream = document.getElementById('ustream-iframe');
+      ustream.setAttribute('src', src);
+
+      if (close) {
+        var closeBtn = document.querySelector('.ustream-close');
+        closeBtn.addEventListener('click', function () {
+          container.remove();
+        });
+      } else {
+        document.querySelector('.ustream-minimize').addEventListener('click', function (e) {
+          container.style.position = 'static';
+          container.style.padding = '0 1rem';
+          container.classList.add('closed');
+          setWidth('100%');
+          // aspect ratio
+          var newHeight = 9 / 16 * ustreamContainer.current.clientWidth;
+          console.log(newHeight);
+          console.log(ustreamContainer);
+          setHeight(newHeight);
+          document.querySelector('.ustream-minimize').remove();
+          var closeBtn = document.querySelector('.ustream-close');
+          closeBtn.style.display = 'block';
+          closeBtn.addEventListener('click', function () {
+            container.remove();
+          });
+        });
+      }
+    } catch (err) {}
+  }, []);
+
+  return React__default.createElement(
+    'div',
+    { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
+    React__default.createElement(
+      'div',
+      { style: { position: 'relative' } },
+      close ? React__default.createElement(
+        'div',
+        { className: 'ustream-close' },
+        React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
+      ) : React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(
+          'div',
+          { className: 'ustream-minimize' },
+          React__default.createElement(IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'ustream-close' },
+          React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
+        )
+      ),
+      React__default.createElement('iframe', {
+        id: 'ustream-iframe',
+        webkitallowfullscreen: 'true',
+        allowFullScreen: true,
+        frameBorder: 'no',
+        style: { maxWidth: '100%', height: currentHeight, width: currentWidth }
+      })
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        #ustream-container {\n          position: fixed;\n          bottom: 0;\n          ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n          z-index: 999;\n          max-width: 100%;\n        }\n        .ustream-minimize,\n        .ustream-close {\n          position: absolute;\n          color: white;\n          right: 0.5rem;\n          top: 0.25rem;\n          cursor: pointer;\n          font-weight: bold;\n        }\n        .ustream-close {\n          ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n        }\n        @media screen and (max-width: 768px) {\n          #ustream-container:not(.closed) {\n            width: 231px !important;\n            height: 130px !important;\n          }\n          #ustream-container:not(.closed) iframe {\n            height: 130px !important;\n          }\n        }\n      '
+    )
+  );
+};
+
+var Ustream$1 = React__default.memo(Ustream);
+
+export { FaLongArrowAltRight as F, Ustream$1 as U };

package/dist/esm/Ustream.js

@@ -0,0 +1,4 @@
+import 'react';
+import './_babelHelpers-67c05996.js';
+import './index.esm-536609db.js';
+export { U as default } from './Ustream-6bb45fe7.js';

package/dist/esm/VideoSeriesListing.js

@@ -0,0 +1,242 @@
+import React__default from 'react';
+import './_commonjsHelpers-ae1b5db5.js';
+import { V as VisibilitySensor, l as lib_3 } from './visibility-sensor-3cfe6713.js';
+import 'prop-types';
+import Container from 'react-bootstrap/Container';
+import { I as InfiniteScroll } from './index.es-f369b3e8.js';
+import 'next/link';
+import { withRouter } from 'next/router';
+import './isSymbol-c2b7d05a.js';
+import { d as debounce_1 } from './debounce-a0242b4a.js';
+import 'react-dom';
+import './index-3c1ee9ab.js';
+import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
+import { Y as YoutubeGroup } from './YoutubeGroup-06df4923.js';
+import { a as IoIosArrowForward } from './index.esm-536609db.js';
+
+var VideoSeriesListing = function (_React$Component) {
+  inherits(VideoSeriesListing, _React$Component);
+
+  function VideoSeriesListing() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    classCallCheck(this, VideoSeriesListing);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || Object.getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      data: _this.dataArr,
+      per: _this.params ? _this.params.to : 2,
+      page: _this.props.currentPage || 1,
+      from: _this.params ? _this.params.from : 0,
+      to: _this.params ? _this.params.to : 2,
+      total_pages: null,
+      scrolling: true,
+      query: _this.query,
+      currentPage: _this.props.currentPage || 1
+    }, _this.loadMore = debounce_1(function () {
+      _this.setState(function (state) {
+        var page = state.page,
+            from = state.from,
+            per = state.per,
+            to = state.to;
+
+        return {
+          page: page + 1,
+          from: from + per,
+          to: to + per
+        };
+      }, _this.loadData);
+    }, 0), _this.loadData = function () {
+      var _this$state = _this.state,
+          from = _this$state.from,
+          to = _this$state.to,
+          data = _this$state.data,
+          query = _this$state.query,
+          page = _this$state.page;
+      var client = _this.props.client;
+
+      _this.changePageNumber(page);
+      var params = _extends({}, _this.params, { from: from, to: to
+        // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
+        // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
+      });client.fetch(query, params).then(function (dataArr) {
+        if (_this.pointer && _this.pointerArray) {
+          var pointer = _this.pointer;
+          dataArr = dataArr[_this.pointerArray][pointer];
+        }
+        dataArr = dataArr.map(function (item) {
+          return _extends({}, item, {
+            pageNumber: page
+          });
+        });
+
+        _this.setState(function () {
+          if (dataArr.length > 0) {
+            var newDataArr = _this.state.data;
+            newDataArr.push(dataArr);
+            return {
+              data: newDataArr,
+              scrolling: true
+            };
+          } else {
+            return {
+              scrolling: false
+            };
+          }
+        });
+      });
+    }, _this.changePageNumber = function (pageNumber) {
+      var _this$props = _this.props,
+          seoPaginate = _this$props.seoPaginate,
+          pageview = _this$props.pageview,
+          router = _this$props.router;
+      var currentPage = _this.state.currentPage;
+
+      if (seoPaginate) {
+        var path = router.asPath;
+        var qrIndex = path.indexOf('?');
+        var pathname = router.pathname;
+        var queryString = '';
+
+        if (qrIndex > 0) {
+          path = path.substring(1, qrIndex);
+
+          var partialQS = router.asPath.substring(qrIndex + 1);
+          var partialQSArr = partialQS.split('&');
+
+          // exclude page=xxx from query string
+          partialQSArr.map(function (item) {
+            var itemArr = item.split('=');
+            var key = itemArr[0];
+            var val = itemArr[1];
+
+            if (key !== 'page') {
+              queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+            }
+          });
+        }
+
+        if (queryString.length > 0) {
+          path += '?' + queryString;
+        }
+
+        pageNumber = parseInt(pageNumber);
+
+        if (currentPage !== pageNumber) {
+          lib_3.refresh();
+
+          _this.setState({
+            currentPage: pageNumber
+          }, function () {
+            if (path[0] !== '/') {
+              path = '/' + path;
+            }
+
+            var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
+
+            if (pageview) {
+              pageview(newPath);
+            }
+
+            router.push(pathname, newPath, {
+              shallow: true
+            });
+          });
+        }
+      }
+    }, _this.renderManualPagination = function () {
+      var currentPage = _this.state.currentPage;
+
+      return React__default.createElement(
+        'div',
+        { className: 'd-flex justify-content-between' },
+        currentPage && currentPage > 1 && React__default.createElement(
+          'a',
+          { href: '?page=' + (currentPage - 1) },
+          '<< Previous'
+        ),
+        React__default.createElement(
+          'a',
+          { href: '?page=' + (currentPage + 1) },
+          'Next >>'
+        )
+      );
+    }, _this.renderSeries = function (seriesData) {
+      var itemCounter = 0;
+
+      return React__default.createElement(
+        'div',
+        null,
+        seriesData && seriesData.map(function (docSeries, index) {
+          docSeries.body[0].videos.map(function (singleVideo, indexInner) {
+            singleVideo.link = '/view/' + docSeries.url.current + '?seriesVid=' + (indexInner + 1);
+          });
+          return React__default.createElement(
+            'div',
+            { key: index, counter: itemCounter++ },
+            React__default.createElement(
+              'h4',
+              { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid var(--gold)' } },
+              React__default.createElement(
+                'a',
+                { href: '/' + _this.props.page + '/' + docSeries.url.current },
+                docSeries.title,
+                React__default.createElement(
+                  'span',
+                  { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)' } },
+                  React__default.createElement(IoIosArrowForward, null)
+                )
+              )
+            ),
+            React__default.createElement(YoutubeGroup, _extends({ key: index, dataset: docSeries.body[0].videos }, _this.props))
+          );
+        })
+      );
+    }, _temp), possibleConstructorReturn(_this, _ret);
+  }
+
+  createClass(VideoSeriesListing, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      return React__default.createElement(
+        InfiniteScroll,
+        { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
+        React__default.createElement(
+          Container,
+          null,
+          this.state.data && this.state.data.map(function (series, index) {
+            var page = series[0].pageNumber !== 1 ? series[0].pageNumber : index + 1;
+
+            return React__default.createElement(
+              VisibilitySensor,
+              {
+                partialVisibility: true,
+                offset: { bottom: 400, top: 200 },
+                key: index,
+                onChange: function onChange(isVisible) {
+                  isVisible && _this2.changePageNumber(page);
+                } },
+              React__default.createElement(
+                'div',
+                null,
+                _this2.renderSeries(series)
+              )
+            );
+          })
+        )
+      );
+    }
+  }]);
+  return VideoSeriesListing;
+}(React__default.Component);
+
+var VideoSeriesListing$1 = withRouter(VideoSeriesListing);
+
+export default VideoSeriesListing$1;