@instructure/ui-img 8.18.0 → 8.18.1-snapshot.2

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 Instructure, Inc.
+
+**Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions.**
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/Img/index.js

@@ -59,34 +59,38 @@ let Img = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = test
   }
 
   componentDidMount() {
-    this.props.makeStyles?.();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate() {
-    this.props.makeStyles?.();
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   render() {
-    const _this$props = this.props,
-          src = _this$props.src,
-          alt = _this$props.alt,
-          margin = _this$props.margin,
-          display = _this$props.display,
-          overlay = _this$props.overlay,
-          withGrayscale = _this$props.withGrayscale,
-          withBlur = _this$props.withBlur,
-          constrain = _this$props.constrain,
-          width = _this$props.width,
-          height = _this$props.height,
-          elementRef = _this$props.elementRef,
-          styles = _this$props.styles,
-          props = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props3 = this.props,
+          src = _this$props3.src,
+          alt = _this$props3.alt,
+          margin = _this$props3.margin,
+          display = _this$props3.display,
+          overlay = _this$props3.overlay,
+          withGrayscale = _this$props3.withGrayscale,
+          withBlur = _this$props3.withBlur,
+          constrain = _this$props3.constrain,
+          width = _this$props3.width,
+          height = _this$props3.height,
+          elementRef = _this$props3.elementRef,
+          styles = _this$props3.styles,
+          props = _objectWithoutProperties(_this$props3, _excluded);
 
     const a11yProps = {
       alt: alt || ''
     };
     const imageProps = {
-      css: styles?.img,
+      css: styles === null || styles === void 0 ? void 0 : styles.img,
       src
     };
     const containerProps = { ...passthroughProps(props),
@@ -103,10 +107,10 @@ let Img = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = test
       };
       return jsx(View, Object.assign({}, rootProps, {
         as: "span",
-        css: styles?.container
+        css: styles === null || styles === void 0 ? void 0 : styles.container
       }), jsx("img", Object.assign({}, imageProps, a11yProps)) // eslint-disable-line jsx-a11y/alt-text
       , overlay && jsx("span", {
-        css: styles?.overlay
+        css: styles === null || styles === void 0 ? void 0 : styles.overlay
       }));
     } else {
       return jsx(View, Object.assign({}, containerProps, imageProps, a11yProps, {

package/lib/Img/index.js

@@ -51,33 +51,37 @@ let Img = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec
   }
 
   componentDidMount() {
-    this.props.makeStyles?.();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate() {
-    this.props.makeStyles?.();
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   render() {
-    const _this$props = this.props,
-          src = _this$props.src,
-          alt = _this$props.alt,
-          margin = _this$props.margin,
-          display = _this$props.display,
-          overlay = _this$props.overlay,
-          withGrayscale = _this$props.withGrayscale,
-          withBlur = _this$props.withBlur,
-          constrain = _this$props.constrain,
-          width = _this$props.width,
-          height = _this$props.height,
-          elementRef = _this$props.elementRef,
-          styles = _this$props.styles,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props3 = this.props,
+          src = _this$props3.src,
+          alt = _this$props3.alt,
+          margin = _this$props3.margin,
+          display = _this$props3.display,
+          overlay = _this$props3.overlay,
+          withGrayscale = _this$props3.withGrayscale,
+          withBlur = _this$props3.withBlur,
+          constrain = _this$props3.constrain,
+          width = _this$props3.width,
+          height = _this$props3.height,
+          elementRef = _this$props3.elementRef,
+          styles = _this$props3.styles,
+          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     const a11yProps = {
       alt: alt || ''
     };
     const imageProps = {
-      css: styles?.img,
+      css: styles === null || styles === void 0 ? void 0 : styles.img,
       src
     };
     const containerProps = { ...(0, _passthroughProps.passthroughProps)(props),
@@ -94,10 +98,10 @@ let Img = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec
       };
       return (0, _emotion.jsx)(_View.View, Object.assign({}, rootProps, {
         as: "span",
-        css: styles?.container
+        css: styles === null || styles === void 0 ? void 0 : styles.container
       }), (0, _emotion.jsx)("img", Object.assign({}, imageProps, a11yProps)) // eslint-disable-line jsx-a11y/alt-text
       , overlay && (0, _emotion.jsx)("span", {
-        css: styles?.overlay
+        css: styles === null || styles === void 0 ? void 0 : styles.overlay
       }));
     } else {
       return (0, _emotion.jsx)(_View.View, Object.assign({}, containerProps, imageProps, a11yProps, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-img",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.2+ca4c1ff9d",
   "description": "An accessible image component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,19 +24,19 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.18.0",
-    "@instructure/emotion": "8.18.0",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-dom-utils": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
-    "@instructure/ui-testable": "8.18.0",
-    "@instructure/ui-view": "8.18.0",
+    "@instructure/console": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/emotion": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/shared-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-dom-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-testable": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-view": "8.18.1-snapshot.2+ca4c1ff9d",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-test-locator": "8.18.0",
-    "@instructure/ui-test-utils": "8.18.0"
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-test-locator": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.2+ca4c1ff9d"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -44,5 +44,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca4c1ff9d3985151ae0758fb596de41652dbb58b"
 }