@mjhls/mjh-framework 1.0.880-beta.0 → 1.0.880

package/dist/cjs/{index-e2e62963.js → index-8041a4eb.js}

@@ -35,6 +35,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 /*!
   Copyright (c) 2017 Jed Watson.
@@ -75,7 +84,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 		return classes.join(' ');
 	}
 
-	if ( module.exports) {
+	if (module.exports) {
 		classNames.default = classNames;
 		module.exports = classNames;
 	} else {
@@ -86,4 +95,5 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 exports._extends = _extends;
 exports._objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
+exports._setPrototypeOf = _setPrototypeOf;
 exports.classnames = classnames;

package/dist/cjs/{index-96b3db50.js → index-eadd5035.js}

@@ -1,13 +1,15 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
+var ReactDOM = require('react-dom');
 var PropTypes = require('prop-types');
-var PropTypes__default = _interopDefault(PropTypes);
-var ReactDOM = _interopDefault(require('react-dom'));
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var event = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -38,8 +40,8 @@ function off(el, eventName, callback, opts) {
 });
 
 _commonjsHelpers.unwrapExports(event);
-var event_1 = event.on;
-var event_2 = event.off;
+event.on;
+event.off;
 
 var scrollParent = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -185,15 +187,15 @@ var _createClass = function () { function defineProperties(target, props) { for
 
 
 
-var _react2 = _interopRequireDefault(React__default);
+var _react2 = _interopRequireDefault(React__default['default']);
 
 
 
-var _reactDom2 = _interopRequireDefault(ReactDOM);
+var _reactDom2 = _interopRequireDefault(ReactDOM__default['default']);
 
 
 
-var _propTypes2 = _interopRequireDefault(PropTypes__default);
+var _propTypes2 = _interopRequireDefault(PropTypes__default['default']);
 
 
 
@@ -536,7 +538,7 @@ var LazyLoad = function (_Component) {
   }]);
 
   return LazyLoad;
-}(React__default.Component);
+}(React__default['default'].Component);
 
 LazyLoad.propTypes = {
   once: _propTypes2.default.bool,
@@ -593,7 +595,7 @@ var decorator = function decorator() {
       }]);
 
       return LazyLoadDecorated;
-    }(React__default.Component);
+    }(React__default['default'].Component);
   };
 };
 
@@ -604,8 +606,8 @@ exports.forceVisible = forceVisible;
 });
 
 var LazyLoad = _commonjsHelpers.unwrapExports(lib);
-var lib_1 = lib.forceVisible;
-var lib_2 = lib.forceCheck;
-var lib_3 = lib.lazyload;
+lib.forceVisible;
+lib.forceCheck;
+lib.lazyload;
 
 exports.LazyLoad = LazyLoad;

package/dist/cjs/{urlFor-3a61226f.js → index-efca863c.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
 
 var parseAssetId_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -21,7 +20,7 @@ function parseAssetId(ref) {
     return { id: id, width: width, height: height, format: format };
 }
 exports.default = parseAssetId;
-
+//# sourceMappingURL=parseAssetId.js.map
 });
 
 _commonjsHelpers.unwrapExports(parseAssetId_1);
@@ -61,35 +60,35 @@ function parseSource(source) {
     if (typeof source === 'string' && isUrl(source)) {
         // Someone passed an existing image url?
         image = {
-            asset: { _ref: urlToId(source) }
+            asset: { _ref: urlToId(source) },
         };
     }
     else if (typeof source === 'string') {
         // Just an asset id
         image = {
-            asset: { _ref: source }
+            asset: { _ref: source },
         };
     }
     else if (isRef(source)) {
         // We just got passed an asset directly
         image = {
-            asset: source
+            asset: source,
         };
     }
     else if (isAsset(source)) {
         // If we were passed an image asset document
         image = {
             asset: {
-                _ref: source._id || ''
-            }
+                _ref: source._id || '',
+            },
         };
     }
     else if (isAssetStub(source)) {
         // If we were passed a partial asset (`url`, but no `_id`)
         image = {
             asset: {
-                _ref: urlToId(source.asset.url)
-            }
+                _ref: urlToId(source.asset.url),
+            },
         };
     }
     else if (typeof source.asset === 'object') {
@@ -130,7 +129,7 @@ function applyDefaults(image) {
             left: 0,
             top: 0,
             bottom: 0,
-            right: 0
+            right: 0,
         };
     }
     if (!result.hotspot) {
@@ -138,12 +137,12 @@ function applyDefaults(image) {
             x: 0.5,
             y: 0.5,
             height: 1.0,
-            width: 1.0
+            width: 1.0,
         };
     }
     return result;
 }
-
+//# sourceMappingURL=parseSource.js.map
 });
 
 _commonjsHelpers.unwrapExports(parseSource_1);
@@ -185,7 +184,8 @@ exports.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
     ['crop', 'crop'],
     ['saturation', 'sat'],
     ['auto', 'auto'],
-    ['dpr', 'dpr']
+    ['dpr', 'dpr'],
+    ['pad', 'pad'],
 ];
 function urlForImage(options) {
     var spec = __assign({}, (options || {}));
@@ -204,7 +204,7 @@ function urlForImage(options) {
         left: cropLeft,
         top: cropTop,
         width: Math.round(asset.width - image.crop.right * asset.width - cropLeft),
-        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop)
+        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop),
     };
     // Compute hot spot rect in terms of pixel coordinates
     var hotSpotVerticalRadius = (image.hotspot.height * asset.height) / 2;
@@ -215,7 +215,7 @@ function urlForImage(options) {
         left: hotSpotCenterX - hotSpotHorizontalRadius,
         top: hotSpotCenterY - hotSpotVerticalRadius,
         right: hotSpotCenterX + hotSpotHorizontalRadius,
-        bottom: hotSpotCenterY + hotSpotVerticalRadius
+        bottom: hotSpotCenterY + hotSpotVerticalRadius,
     };
     // If irrelevant, or if we are requested to: don't perform crop/fit based on
     // the crop/hotspot.
@@ -297,7 +297,7 @@ function fit(source, spec) {
             left: Math.round(left),
             top: Math.round(top_2),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     else {
@@ -319,21 +319,21 @@ function fit(source, spec) {
             left: Math.max(0, Math.floor(left)),
             top: Math.max(0, Math.floor(top_3)),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     return {
         width: imgWidth,
         height: imgHeight,
-        rect: cropRect
+        rect: cropRect,
     };
 }
-
+//# sourceMappingURL=urlForImage.js.map
 });
 
 _commonjsHelpers.unwrapExports(urlForImage_1);
-var urlForImage_2 = urlForImage_1.parseSource;
-var urlForImage_3 = urlForImage_1.SPEC_NAME_TO_URL_NAME_MAPPINGS;
+urlForImage_1.parseSource;
+urlForImage_1.SPEC_NAME_TO_URL_NAME_MAPPINGS;
 
 var builder = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 var __assign = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__assign) || function () {
@@ -359,7 +359,7 @@ var urlForImage_1$1 = __importStar(urlForImage_1);
 var validFits = ['clip', 'crop', 'fill', 'fillmax', 'max', 'scale', 'min'];
 var validCrops = ['top', 'bottom', 'left', 'right', 'center', 'focalpoint', 'entropy'];
 var validAutoModes = ['format'];
-function isSanityClient(client) {
+function isSanityClientLike(client) {
     return client ? typeof client.clientConfig === 'object' : false;
 }
 function rewriteSpecName(key) {
@@ -376,13 +376,14 @@ function rewriteSpecName(key) {
 function urlBuilder(options) {
     // Did we get a SanityClient?
     var client = options;
-    if (isSanityClient(client)) {
+    if (isSanityClientLike(client)) {
         // Inherit config from client
-        var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
+        var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
+        var apiHost = apiUrl || 'https://api.sanity.io';
         return new ImageUrlBuilder(null, {
             baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
             projectId: projectId,
-            dataset: dataset
+            dataset: dataset,
         });
     }
     // Or just accept the options as given
@@ -395,7 +396,7 @@ var ImageUrlBuilder = /** @class */ (function () {
             ? __assign(__assign({}, (parent.options || {})), (options || {})) : __assign({}, (options || {})); // Copy options
     }
     ImageUrlBuilder.prototype.withOptions = function (options) {
-        var baseUrl = options.baseUrl || '';
+        var baseUrl = options.baseUrl || this.options.baseUrl;
         var newOptions = { baseUrl: baseUrl };
         for (var key in options) {
             if (options.hasOwnProperty(key)) {
@@ -489,7 +490,7 @@ var ImageUrlBuilder = /** @class */ (function () {
     ImageUrlBuilder.prototype.flipHorizontal = function () {
         return this.withOptions({ flipHorizontal: true });
     };
-    // Flip image verically
+    // Flip image vertically
     ImageUrlBuilder.prototype.flipVertical = function () {
         return this.withOptions({ flipVertical: true });
     };
@@ -519,22 +520,26 @@ var ImageUrlBuilder = /** @class */ (function () {
         }
         return this.withOptions({ auto: value });
     };
+    // Specify the number of pixels to pad the image
+    ImageUrlBuilder.prototype.pad = function (pad) {
+        return this.withOptions({ pad: pad });
+    };
     // Gets the url based on the submitted parameters
     ImageUrlBuilder.prototype.url = function () {
         return urlForImage_1$1.default(this.options);
     };
-    // Synonym for url()
+    // Alias for url()
     ImageUrlBuilder.prototype.toString = function () {
         return this.url();
     };
     return ImageUrlBuilder;
 }());
 exports.ImageUrlBuilder = ImageUrlBuilder;
-
+//# sourceMappingURL=builder.js.map
 });
 
 _commonjsHelpers.unwrapExports(builder);
-var builder_1 = builder.ImageUrlBuilder;
+builder.ImageUrlBuilder;
 
 var node = _commonjsHelpers.createCommonjsModule(function (module) {
 var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {
@@ -542,66 +547,10 @@ var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commo
 };
 var builder_1 = __importDefault(builder);
 module.exports = builder_1.default;
-
+//# sourceMappingURL=index.js.map
 });
 
 var imageUrlBuilder = _commonjsHelpers.unwrapExports(node);
 
-// Sanity image auto formating
-
-function urlFor(_ref) {
-  var client = _ref.client,
-      source = _ref.source,
-      _ref$imageWidth = _ref.imageWidth,
-      imageWidth = _ref$imageWidth === undefined ? null : _ref$imageWidth,
-      _ref$imageHeight = _ref.imageHeight,
-      imageHeight = _ref$imageHeight === undefined ? null : _ref$imageHeight,
-      _ref$imageMaxHeight = _ref.imageMaxHeight,
-      imageMaxHeight = _ref$imageMaxHeight === undefined ? null : _ref$imageMaxHeight,
-      _ref$imageFit = _ref.imageFit,
-      imageFit = _ref$imageFit === undefined ? 'crop' : _ref$imageFit;
-
-
-  // when imageFit value = null and it's specifically provided, it's value not gets defaulted to 'crop'
-  if (!imageFit) {
-    imageFit = 'crop';
-  }
-
-  //checks for old usage so it wont break view pages
-  //All view pages are using  urlFor(client, thumbnail.asset).url()
-  //will need to update to urlFor({client, source: thumbnail.asset})
-  //All framework components are using new format
-  if (arguments[1] && arguments[1]._ref) {
-    return imageUrlBuilder(client).image(source).auto('format');
-  }
-
-  if (imageWidth && imageHeight) {
-    imageMaxHeight = imageHeight;
-    imageHeight = null;
-  }
-
-  var builder = imageUrlBuilder(client);
-  var url = builder.image(source);
-  if (imageWidth) url = url.width(imageWidth);
-  if (imageHeight) url = url.height(imageHeight);
-  if (imageMaxHeight) url = url.maxHeight(imageMaxHeight);
-  if (imageFit) url = url.fit(imageFit);
-  url = url.auto('format').url();
-
-  // Appending file name in URL
-  var originalFilename = source && source.originalFilename ? source.originalFilename : source && source.asset && source.asset.originalFilename && source.asset.originalFilename;
-  if (originalFilename) {
-    var _url$split = url.split('?'),
-        _url$split2 = slicedToArray._slicedToArray(_url$split, 2),
-        path = _url$split2[0],
-        queryString = _url$split2[1];
-
-    originalFilename = encodeURIComponent(originalFilename);
-    url = queryString ? path + '/' + originalFilename + '?' + queryString : path + '/' + originalFilename;
-  }
-
-  return url;
-}
-
+exports.imageUrlBuilder = imageUrlBuilder;
 exports.node = node;
-exports.urlFor = urlFor;