@mjhls/mjh-framework 1.0.165 → 1.0.167

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.165
+# mjh-framework v. 1.0.167
 
 
 

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
-import require$$1 from 'react-dom';
+import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -7177,7 +7177,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
@@ -8477,7 +8477,7 @@ var _react2 = _interopRequireDefault(React__default);
 
 
 
-var _reactDom2 = _interopRequireDefault(require$$1);
+var _reactDom2 = _interopRequireDefault(reactDom);
 
 
 
@@ -16896,7 +16896,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;
 
@@ -28653,6 +28653,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(
@@ -28711,7 +28723,7 @@ var Feature = function Feature(props) {
         return React__default.createElement(
           Carousel$1.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$1.Caption,
             { style: { paddingRight: '50%', left: '3rem', right: '3rem', top: '0', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },