@mjhls/mjh-framework 1.0.165 → 1.0.167

package/dist/index.js

@@ -7,7 +7,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
-var require$$1 = _interopDefault(require('react-dom'));
+var reactDom = _interopDefault(require('react-dom'));
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
@@ -7185,7 +7185,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
 
 var visibilitySensor = createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
-	module.exports = factory(React__default, require$$1);
+	module.exports = factory(React__default, reactDom);
 })(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
@@ -8485,7 +8485,7 @@ var _react2 = _interopRequireDefault(React__default);
 
 
 
-var _reactDom2 = _interopRequireDefault(require$$1);
+var _reactDom2 = _interopRequireDefault(reactDom);
 
 
 
@@ -16904,7 +16904,7 @@ var FigureComponent = function FigureComponent(_ref) {
       blank = node$$1.blank,
       link = node$$1.link,
       _node$widthP = node$$1.widthP,
-      widthP = _node$widthP === undefined ? 'auto' : _node$widthP,
+      widthP = _node$widthP === undefined ? '30' : _node$widthP,
       _node$alignment = node$$1.alignment,
       alignment = _node$alignment === undefined ? 'center' : _node$alignment;
 
@@ -28661,6 +28661,18 @@ var Feature = function Feature(props) {
     return false;
   };
 
+  var urlFor = function urlFor(source) {
+    var client = props.client;
+
+    var builder = imageUrlBuilder(client);
+    return builder.image(source).auto('format');
+  };
+  //image width
+  var imageWidth = 900;
+  if (main_36) {
+    imageWidth = 450;
+  }
+
   var renderUrl = function renderUrl(feature_link, feature_title, feature_body) {
     if (checkUrlIsExternal(feature_link)) {
       return React__default.createElement(
@@ -28719,7 +28731,7 @@ var Feature = function Feature(props) {
         return React__default.createElement(
           Carousel.Item,
           { key: index, style: { background: 'var(--primary)' } },
-          React__default.createElement('img', { style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' }, className: 'd-block w-100', src: feature_img, alt: feature_alt }),
+          React__default.createElement('img', { style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' }, className: 'd-block w-100', src: urlFor(feature_img).width(imageWidth).url(), alt: feature_alt }),
           React__default.createElement(
             Carousel.Caption,
             { style: { paddingRight: '50%', left: '3rem', right: '3rem', top: '0', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },