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

package/dist/esm/{index-73819142.js → index-3f5c03b2.js}

@@ -58,35 +58,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') {
@@ -127,7 +127,7 @@ function applyDefaults(image) {
             left: 0,
             top: 0,
             bottom: 0,
-            right: 0
+            right: 0,
         };
     }
     if (!result.hotspot) {
@@ -135,7 +135,7 @@ function applyDefaults(image) {
             x: 0.5,
             y: 0.5,
             height: 1.0,
-            width: 1.0
+            width: 1.0,
         };
     }
     return result;
@@ -182,7 +182,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 || {}));
@@ -201,7 +202,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;
@@ -212,7 +213,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.
@@ -294,7 +295,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 {
@@ -316,21 +317,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,
     };
 }
 
 });
 
 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 = createCommonjsModule(function (module, exports) {
 var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
@@ -356,7 +357,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) {
@@ -373,13 +374,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
@@ -392,7 +394,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)) {
@@ -486,7 +488,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 });
     };
@@ -516,11 +518,15 @@ 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();
     };
@@ -531,7 +537,7 @@ exports.ImageUrlBuilder = ImageUrlBuilder;
 });
 
 unwrapExports(builder);
-var builder_1 = builder.ImageUrlBuilder;
+builder.ImageUrlBuilder;
 
 var node = createCommonjsModule(function (module) {
 var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {

package/dist/esm/{index-5f9f807a.js → index-752d1dae.js}

@@ -1,7 +1,7 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import React__default from 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import reactDom from 'react-dom';
+import PropTypes from 'prop-types';
 
 var event = createCommonjsModule(function (module, exports) {
 
@@ -32,8 +32,8 @@ function off(el, eventName, callback, opts) {
 });
 
 unwrapExports(event);
-var event_1 = event.on;
-var event_2 = event.off;
+event.on;
+event.off;
 
 var scrollParent = createCommonjsModule(function (module, exports) {
 
@@ -179,7 +179,7 @@ var _createClass = function () { function defineProperties(target, props) { for
 
 
 
-var _react2 = _interopRequireDefault(React__default);
+var _react2 = _interopRequireDefault(React);
 
 
 
@@ -530,7 +530,7 @@ var LazyLoad = function (_Component) {
   }]);
 
   return LazyLoad;
-}(React__default.Component);
+}(React.Component);
 
 LazyLoad.propTypes = {
   once: _propTypes2.default.bool,
@@ -587,7 +587,7 @@ var decorator = function decorator() {
       }]);
 
       return LazyLoadDecorated;
-    }(React__default.Component);
+    }(React.Component);
   };
 };
 
@@ -598,8 +598,8 @@ exports.forceVisible = forceVisible;
 });
 
 var LazyLoad = unwrapExports(lib);
-var lib_1 = lib.forceVisible;
-var lib_2 = lib.forceCheck;
-var lib_3 = lib.lazyload;
+lib.forceVisible;
+lib.forceCheck;
+lib.lazyload;
 
 export { LazyLoad as L };

package/dist/esm/{index-a9e53f80.js → index-888f9253.js}

@@ -1,5 +1,5 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
 var domain;
@@ -502,7 +502,7 @@ function loadGPTScript() {
 });
 
 unwrapExports(utils);
-var utils_1 = utils.loadGPTScript;
+utils.loadGPTScript;
 
 var manager = createCommonjsModule(function (module, exports) {
 
@@ -1040,7 +1040,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Context = void 0;
 
-var _react = _interopRequireDefault(React__default);
+var _react = _interopRequireDefault(React);
 
 var _propTypes = _interopRequireDefault(PropTypes);
 
@@ -1345,7 +1345,7 @@ if (Context === null) {
 });
 
 unwrapExports(dfpslotsprovider);
-var dfpslotsprovider_1 = dfpslotsprovider.Context;
+dfpslotsprovider.Context;
 
 var adslot = createCommonjsModule(function (module, exports) {
 
@@ -1354,7 +1354,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AdSlot = void 0;
 
-var _react = _interopRequireDefault(React__default);
+var _react = _interopRequireDefault(React);
 
 var _propTypes = _interopRequireDefault(PropTypes);
 
@@ -1641,7 +1641,7 @@ exports.default = _default;
 });
 
 unwrapExports(adslot);
-var adslot_1 = adslot.AdSlot;
+adslot.AdSlot;
 
 var lib = createCommonjsModule(function (module, exports) {