@mjhls/mjh-framework 1.0.594 → 1.0.596

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.594
+# mjh-framework v. 1.0.596
 
 > Foundation Framework 
 

package/dist/cjs/ArticleQueue.js

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-require('./_commonjsHelpers-06173234.js');
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./core.get-iterator-method-41e87ec1.js');
 require('./_library-dd23b178.js');
@@ -54,7 +54,7 @@ require('react-share');
 var SocialShare = require('./SocialShare.js');
 var keys$1 = require('./keys-a586b7a0.js');
 var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
-var InscreenSensor = require('./InscreenSensor-e7f3579f.js');
+var InscreenSensor = require('./InscreenSensor-e45e95e3.js');
 var getKeywords = require('./getKeywords.js');
 
 /**
@@ -136,6 +136,42 @@ function baseIndexOf(array, value, fromIndex) {
 
 var _baseIndexOf = baseIndexOf;
 
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/**
+ * Checks if `value` is a valid array-like length.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+ * @example
+ *
+ * _.isLength(3);
+ * // => true
+ *
+ * _.isLength(Number.MIN_VALUE);
+ * // => false
+ *
+ * _.isLength(Infinity);
+ * // => false
+ *
+ * _.isLength('3');
+ * // => false
+ */
+function isLength(value) {
+  return typeof value == 'number' &&
+    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+}
+
+var isLength_1 = isLength;
+
 /**
  * Checks if `value` is array-like. A value is considered array-like if it's
  * not a function and has a `value.length` that's an integer greater than or
@@ -162,7 +198,7 @@ var _baseIndexOf = baseIndexOf;
  * // => false
  */
 function isArrayLike(value) {
-  return value != null && InscreenSensor.isLength_1(value.length) && !_arrayMap.isFunction_1(value);
+  return value != null && isLength_1(value.length) && !_arrayMap.isFunction_1(value);
 }
 
 var isArrayLike_1 = isArrayLike;
@@ -309,8 +345,115 @@ function baseTimes(n, iteratee) {
 
 var _baseTimes = baseTimes;
 
+/** `Object#toString` result references. */
+var argsTag = '[object Arguments]';
+
+/**
+ * The base implementation of `_.isArguments`.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ */
+function baseIsArguments(value) {
+  return isSymbol.isObjectLike_1(value) && isSymbol._baseGetTag(value) == argsTag;
+}
+
+var _baseIsArguments = baseIsArguments;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/** Built-in value references. */
+var propertyIsEnumerable = objectProto.propertyIsEnumerable;
+
+/**
+ * Checks if `value` is likely an `arguments` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArguments(function() { return arguments; }());
+ * // => true
+ *
+ * _.isArguments([1, 2, 3]);
+ * // => false
+ */
+var isArguments = _baseIsArguments(function() { return arguments; }()) ? _baseIsArguments : function(value) {
+  return isSymbol.isObjectLike_1(value) && hasOwnProperty.call(value, 'callee') &&
+    !propertyIsEnumerable.call(value, 'callee');
+};
+
+var isArguments_1 = isArguments;
+
+/**
+ * This method returns `false`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {boolean} Returns `false`.
+ * @example
+ *
+ * _.times(2, _.stubFalse);
+ * // => [false, false]
+ */
+function stubFalse() {
+  return false;
+}
+
+var stubFalse_1 = stubFalse;
+
+var isBuffer_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+/** Detect free variable `exports`. */
+var freeExports =  exports && !exports.nodeType && exports;
+
+/** Detect free variable `module`. */
+var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
+
+/** Detect the popular CommonJS extension `module.exports`. */
+var moduleExports = freeModule && freeModule.exports === freeExports;
+
+/** Built-in value references. */
+var Buffer = moduleExports ? isSymbol._root.Buffer : undefined;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;
+
+/**
+ * Checks if `value` is a buffer.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.3.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
+ * @example
+ *
+ * _.isBuffer(new Buffer(2));
+ * // => true
+ *
+ * _.isBuffer(new Uint8Array(2));
+ * // => false
+ */
+var isBuffer = nativeIsBuffer || stubFalse_1;
+
+module.exports = isBuffer;
+});
+
 /** Used as references for various `Number` constants. */
-var MAX_SAFE_INTEGER = 9007199254740991;
+var MAX_SAFE_INTEGER$1 = 9007199254740991;
 
 /** Used to detect unsigned integer values. */
 var reIsUint = /^(?:0|[1-9]\d*)$/;
@@ -325,7 +468,7 @@ var reIsUint = /^(?:0|[1-9]\d*)$/;
  */
 function isIndex(value, length) {
   var type = typeof value;
-  length = length == null ? MAX_SAFE_INTEGER : length;
+  length = length == null ? MAX_SAFE_INTEGER$1 : length;
 
   return !!length &&
     (type == 'number' ||
@@ -335,11 +478,138 @@ function isIndex(value, length) {
 
 var _isIndex = isIndex;
 
+/** `Object#toString` result references. */
+var argsTag$1 = '[object Arguments]',
+    arrayTag = '[object Array]',
+    boolTag = '[object Boolean]',
+    dateTag = '[object Date]',
+    errorTag = '[object Error]',
+    funcTag = '[object Function]',
+    mapTag = '[object Map]',
+    numberTag = '[object Number]',
+    objectTag = '[object Object]',
+    regexpTag = '[object RegExp]',
+    setTag = '[object Set]',
+    stringTag$1 = '[object String]',
+    weakMapTag = '[object WeakMap]';
+
+var arrayBufferTag = '[object ArrayBuffer]',
+    dataViewTag = '[object DataView]',
+    float32Tag = '[object Float32Array]',
+    float64Tag = '[object Float64Array]',
+    int8Tag = '[object Int8Array]',
+    int16Tag = '[object Int16Array]',
+    int32Tag = '[object Int32Array]',
+    uint8Tag = '[object Uint8Array]',
+    uint8ClampedTag = '[object Uint8ClampedArray]',
+    uint16Tag = '[object Uint16Array]',
+    uint32Tag = '[object Uint32Array]';
+
+/** Used to identify `toStringTag` values of typed arrays. */
+var typedArrayTags = {};
+typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =
+typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =
+typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =
+typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =
+typedArrayTags[uint32Tag] = true;
+typedArrayTags[argsTag$1] = typedArrayTags[arrayTag] =
+typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =
+typedArrayTags[dataViewTag] = typedArrayTags[dateTag] =
+typedArrayTags[errorTag] = typedArrayTags[funcTag] =
+typedArrayTags[mapTag] = typedArrayTags[numberTag] =
+typedArrayTags[objectTag] = typedArrayTags[regexpTag] =
+typedArrayTags[setTag] = typedArrayTags[stringTag$1] =
+typedArrayTags[weakMapTag] = false;
+
+/**
+ * The base implementation of `_.isTypedArray` without Node.js optimizations.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ */
+function baseIsTypedArray(value) {
+  return isSymbol.isObjectLike_1(value) &&
+    isLength_1(value.length) && !!typedArrayTags[isSymbol._baseGetTag(value)];
+}
+
+var _baseIsTypedArray = baseIsTypedArray;
+
+/**
+ * The base implementation of `_.unary` without support for storing metadata.
+ *
+ * @private
+ * @param {Function} func The function to cap arguments for.
+ * @returns {Function} Returns the new capped function.
+ */
+function baseUnary(func) {
+  return function(value) {
+    return func(value);
+  };
+}
+
+var _baseUnary = baseUnary;
+
+var _nodeUtil = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+/** Detect free variable `exports`. */
+var freeExports =  exports && !exports.nodeType && exports;
+
+/** Detect free variable `module`. */
+var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
+
+/** Detect the popular CommonJS extension `module.exports`. */
+var moduleExports = freeModule && freeModule.exports === freeExports;
+
+/** Detect free variable `process` from Node.js. */
+var freeProcess = moduleExports && isSymbol._freeGlobal.process;
+
+/** Used to access faster Node.js helpers. */
+var nodeUtil = (function() {
+  try {
+    // Use `util.types` for Node.js 10+.
+    var types = freeModule && freeModule.require && freeModule.require('util').types;
+
+    if (types) {
+      return types;
+    }
+
+    // Legacy `process.binding('util')` for Node.js < 10.
+    return freeProcess && freeProcess.binding && freeProcess.binding('util');
+  } catch (e) {}
+}());
+
+module.exports = nodeUtil;
+});
+
+/* Node.js helper references. */
+var nodeIsTypedArray = _nodeUtil && _nodeUtil.isTypedArray;
+
+/**
+ * Checks if `value` is classified as a typed array.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ * @example
+ *
+ * _.isTypedArray(new Uint8Array);
+ * // => true
+ *
+ * _.isTypedArray([]);
+ * // => false
+ */
+var isTypedArray = nodeIsTypedArray ? _baseUnary(nodeIsTypedArray) : _baseIsTypedArray;
+
+var isTypedArray_1 = isTypedArray;
+
 /** Used for built-in method references. */
-var objectProto = Object.prototype;
+var objectProto$1 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
 
 /**
  * Creates an array of the enumerable property names of the array-like `value`.
@@ -351,15 +621,15 @@ var hasOwnProperty = objectProto.hasOwnProperty;
  */
 function arrayLikeKeys(value, inherited) {
   var isArr = _arrayMap.isArray_1(value),
-      isArg = !isArr && InscreenSensor.isArguments_1(value),
-      isBuff = !isArr && !isArg && InscreenSensor.isBuffer_1(value),
-      isType = !isArr && !isArg && !isBuff && InscreenSensor.isTypedArray_1(value),
+      isArg = !isArr && isArguments_1(value),
+      isBuff = !isArr && !isArg && isBuffer_1(value),
+      isType = !isArr && !isArg && !isBuff && isTypedArray_1(value),
       skipIndexes = isArr || isArg || isBuff || isType,
       result = skipIndexes ? _baseTimes(value.length, String) : [],
       length = result.length;
 
   for (var key in value) {
-    if ((inherited || hasOwnProperty.call(value, key)) &&
+    if ((inherited || hasOwnProperty$1.call(value, key)) &&
         !(skipIndexes && (
            // Safari 9 has enumerable `arguments.length` in strict mode.
            key == 'length' ||
@@ -379,7 +649,7 @@ function arrayLikeKeys(value, inherited) {
 var _arrayLikeKeys = arrayLikeKeys;
 
 /** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
+var objectProto$2 = Object.prototype;
 
 /**
  * Checks if `value` is likely a prototype object.
@@ -390,7 +660,7 @@ var objectProto$1 = Object.prototype;
  */
 function isPrototype(value) {
   var Ctor = value && value.constructor,
-      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$1;
+      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$2;
 
   return value === proto;
 }
@@ -419,10 +689,10 @@ var nativeKeys = _overArg(Object.keys, Object);
 var _nativeKeys = nativeKeys;
 
 /** Used for built-in method references. */
-var objectProto$2 = Object.prototype;
+var objectProto$3 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$2.hasOwnProperty;
+var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
 
 /**
  * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
@@ -437,7 +707,7 @@ function baseKeys(object) {
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$1.call(object, key) && key != 'constructor') {
+    if (hasOwnProperty$2.call(object, key) && key != 'constructor') {
       result.push(key);
     }
   }

package/dist/cjs/{AuthorComponent-cb8b8128.js → AuthorComponent-3c79e1ab.js}

@@ -28,7 +28,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
           ),
           React__default.createElement(
             'a',
-            { href: '/authors/' + url.current, className: 'text-muted' },
+            { href: '/authors/' + url.current, className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName
           ),
           length !== index + 1 && ', '
@@ -44,7 +44,7 @@ var AuthorComponent = function AuthorComponent(_ref) {
           ),
           React__default.createElement(
             'span',
-            { className: 'text-muted' },
+            { className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName,
             length !== index + 1 && ', '
           )

package/dist/cjs/ForbesHero.js

@@ -14,7 +14,7 @@ require('react-dom');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');
 require('./slicedToArray-8063ee51.js');
-var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
+var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
 
 var fbsHero = function fbsHero(props) {
   var removeTimeStamp = props.removeTimeStamp;

package/dist/cjs/GridContent.js

@@ -48,7 +48,7 @@ var ADlgInfeed = require('./ADlgInfeed-070d911c.js');
 require('./_arrayMap-3b4a0f75.js');
 var get = require('./get-5dfcdc33.js');
 require('./AD.js');
-var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
+var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
 
 var GridContent = function (_React$Component) {
   inherits._inherits(GridContent, _React$Component);

package/dist/cjs/GridHero.js

@@ -15,7 +15,7 @@ var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
-var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
+var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
 
 var GridHero = function GridHero(props) {
   var topArticle = props.dataRecord[0];

package/dist/cjs/InscreenSensor-e45e95e3.js

@@ -0,0 +1,85 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var inherits = require('./inherits-93684212.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var InscreenSensor = function (_React$Component) {
+  inherits._inherits(InscreenSensor, _React$Component);
+
+  function InscreenSensor(props) {
+    inherits._classCallCheck(this, InscreenSensor);
+
+    var _this = inherits._possibleConstructorReturn(this, (InscreenSensor.__proto__ || inherits._Object$getPrototypeOf(InscreenSensor)).call(this, props));
+
+    _this.scrollHandler = function () {
+      var visible = _this.checkInside();
+      if (visible !== _this.visible) {
+        _this.visible = visible;
+        _this.props.onChange(visible);
+      }
+    };
+
+    _this.checkInside = function () {
+      var rect = _this.wraperRef.current.getBoundingClientRect();
+      var _this$props$offSetTop = _this.props.offSetTop,
+          offSetTop = _this$props$offSetTop === undefined ? 0 : _this$props$offSetTop;
+      var top = rect.top,
+          bottom = rect.bottom;
+
+      var viewHeight = window.innerHeight;
+      var wrpElem = document.getElementsByClassName('inscreen-wrapper');
+
+      if (top > 0 && top <= offSetTop) {
+        if (wrpElem.length > 1 && top <= viewHeight && bottom > viewHeight) {
+          return 'top';
+        } else if (wrpElem.length > 1 && bottom < viewHeight) {
+          return 'small-top';
+        }
+      } else if (wrpElem.length > 1 && top < offSetTop && bottom + offSetTop >= viewHeight) {
+        return 'bottom';
+      }
+    };
+
+    _this.wraperRef = React__default.createRef();
+    _this.visible = false;
+    return _this;
+  }
+
+  inherits._createClass(InscreenSensor, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.visible = this.checkInside();
+      this.props.onChange(this.visible);
+      window.addEventListener('scroll', this.scrollHandler);
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      window.removeEventListener('scroll', this.scrollHandler);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          _props$className = _props.className,
+          className = _props$className === undefined ? '' : _props$className,
+          _props$style = _props.style,
+          style = _props$style === undefined ? {} : _props$style,
+          _props$id = _props.id,
+          id = _props$id === undefined ? '' : _props$id;
+
+      return React__default.createElement(
+        'div',
+        { ref: this.wraperRef, className: className, style: style, id: id },
+        this.props.children
+      );
+    }
+  }]);
+
+  return InscreenSensor;
+}(React__default.Component);
+
+exports.InscreenSensor = InscreenSensor;

package/dist/cjs/IssueContentDeck.js

@@ -17,7 +17,7 @@ require('react-dom');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');
 require('./slicedToArray-8063ee51.js');
-var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
+var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
 var Badge = _interopDefault(require('react-bootstrap/Badge'));
 
 var urlFor = function urlFor(source, client) {

package/dist/cjs/IssueLanding.js

@@ -37,7 +37,7 @@ require('./AdSlot.js');
 require('./ADInfeed-17a378db.js');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-070d911c.js');
-require('./AuthorComponent-cb8b8128.js');
+require('./AuthorComponent-3c79e1ab.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Breadcrumb');

package/dist/cjs/OncliveLargeHero.js

@@ -15,7 +15,7 @@ var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
-var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
+var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
 
 var OncliveLargeHero = function OncliveLargeHero(props) {
   var removeTimeStamp = props.removeTimeStamp;

package/dist/cjs/PartnerDetailListing.js

@@ -41,7 +41,7 @@ require('./AdSlot.js');
 require('./ADInfeed-17a378db.js');
 require('./lodash-fc2922d0.js');
 require('./ADlgInfeed-070d911c.js');
-require('./AuthorComponent-cb8b8128.js');
+require('./AuthorComponent-3c79e1ab.js');
 var BlockContent = require('./BlockContent-f942392e.js');
 require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');

package/dist/cjs/QueueDeckExpanded.js

@@ -38,7 +38,7 @@ require('./AdSlot.js');
 var ADInfeed = require('./ADInfeed-17a378db.js');
 var lodash = require('./lodash-fc2922d0.js');
 var ADlgInfeed = require('./ADlgInfeed-070d911c.js');
-var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
+var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {

package/dist/cjs/RecentNews.js

@@ -0,0 +1,93 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+require('./_commonjsHelpers-06173234.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./moment-66a6a284.js');
+var index$1 = require('./index-b5eb3ff8.js');
+require('./iconBase-68959171.js');
+var index_esm$3 = require('./index.esm-89fabc47.js');
+
+var RecentNews = function RecentNews(_ref) {
+  var client = _ref.client,
+      _ref$dataRecord = _ref.dataRecord,
+      dataRecord = _ref$dataRecord === undefined ? [] : _ref$dataRecord,
+      _ref$linkTo = _ref.linkTo,
+      linkTo = _ref$linkTo === undefined ? '/news' : _ref$linkTo,
+      _ref$borderColor = _ref.borderColor,
+      borderColor = _ref$borderColor === undefined ? 'var(--primary)' : _ref$borderColor,
+      _ref$heroTitle = _ref.heroTitle,
+      heroTitle = _ref$heroTitle === undefined ? 'Latest News' : _ref$heroTitle,
+      _ref$linkTitle = _ref.linkTitle,
+      linkTitle = _ref$linkTitle === undefined ? 'View More ' : _ref$linkTitle;
+
+  var builder = index$1.imageUrlBuilder(client);
+  var topArticle = dataRecord[0];
+  var subArticles = dataRecord.slice(1, dataRecord.length);
+
+  return React__default.createElement(
+    'div',
+    { className: 'recent-news-container', style: { border: '3px solid ' + borderColor } },
+    React__default.createElement(
+      'div',
+      { className: 'recent-news-title' },
+      React__default.createElement(
+        'h2',
+        null,
+        heroTitle
+      ),
+      React__default.createElement('div', null)
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'recent-news-inner' },
+      React__default.createElement(
+        'div',
+        { className: 'recent-article-wrap', style: { flexBasis: '100%' } },
+        React__default.createElement(
+          'a',
+          { href: '/view/' + topArticle.url.current, className: 'recent-article' },
+          React__default.createElement(
+            'p',
+            null,
+            topArticle.title
+          )
+        ),
+        subArticles.map(function (article, index) {
+          return React__default.createElement(
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'recent-article' },
+            React__default.createElement(
+              'p',
+              null,
+              article.title
+            )
+          );
+        })
+      )
+    ),
+    linkTo && React__default.createElement(
+      'div',
+      { className: 'recent-view-more' },
+      React__default.createElement(
+        'a',
+        { href: linkTo },
+        linkTitle,
+        React__default.createElement(
+          'span',
+          null,
+          React__default.createElement(index_esm$3.FaLongArrowAltRight, { color: 'var(--primary)' })
+        )
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .recent-news-container {\n          margin-bottom: 1.7rem;\n          margin-top: 1rem;\n          position: relative;\n        }\n        .recent-news-title {\n          position: absolute;\n          top: -10px;\n          background: white;\n          z-index: 2;\n          left: 10px;\n          padding-right: 0.25rem;\n          padding-left: 0.25rem;\n          font-weight: bold;\n        }\n        .recent-news-title h2 {\n          font-size: 0.9rem;\n          font-weight: bold;\n        }\n        .recent-news-inner {\n          display: flex;\n          flex-direction: row;\n          padding-top: 0.75rem;\n          margin-top: 0.75rem;\n        }\n        .recent-article-wrap {\n          padding: 0 0.5rem;\n        }\n     \n        .recent-article {\n          border-bottom: 1px solid #ccc;\n          display: block;\n          margin-bottom: 0.5rem;\n        }\n        .recent-article:last-child {\n          border-bottom: none;\n        }\n        .recent-article:hover {\n          background: #eee;\n        }\n        .recent-article p {\n          font-size: 0.7rem;\n          margin-bottom: 0.5rem;\n          color: #252525;\n        }\n        .recent-view-more {\n          position: absolute;\n          right: 0;\n          margin-top: 0.25rem;\n          font-size: 0.7rem;\n          font-weight: bold;\n        }\n        .recent-view-more span {\n          display: inline-block;\n          color: rgb(81, 116, 153);\n          font-size: 0.7rem;\n        }\n        @media screen and (max-width: 1191px){\n         \n            .recent-article > p {\n              font-size: 0.7rem;\n            }\n          }\n        }\n        @media screen and (max-width: 495px) {\n          \n          .recent-article > p {\n            font-size: 0.7rem;\n          }\n        }\n      '
+    )
+  );
+};
+
+module.exports = RecentNews;