material-ui-image - npm Package Compare versions

Comparing version 3.0.0-pre.4 to 3.0.0-pre.5

lib/components/Image/Image.js

@@ -96,5 +96,13 @@ 'use strict';
           imageStyle = _props.imageStyle,
+          disableTransition = _props.disableTransition,
           style = _props.style;
 
 
+      var imageTransition = !disableTransition && {
+        opacity: !this.state.imageLoaded ? 0 : 1,
+        filterBrightness: !this.state.imageLoaded ? 0 : 100,
+        filterSaturate: !this.state.imageLoaded ? 20 : 100,
+        transition: 'filterBrightness 2.5s cubic-bezier(0.4, 0.0, 0.2, 1), filterSaturate 3s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 2s cubic-bezier(0.4, 0.0, 0.2, 1)'
+      };
+
       var styles = {
@@ -109,10 +117,6 @@ root: (0, _extends3.default)({
           height: '100%',
-          opacity: !this.state.imageLoaded ? 0 : 1,
-          filterBrightness: !this.state.imageLoaded ? 0 : 100,
-          filterSaturate: !this.state.imageLoaded ? 20 : 20,
-          transition: 'filterBrightness 2.5s cubic-bezier(0.4, 0.0, 0.2, 1), filterSaturate 3s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 2s cubic-bezier(0.4, 0.0, 0.2, 1)',
           position: 'absolute',
           top: 0,
           left: 0
-        }, imageStyle)
+        }, imageTransition, imageStyle)
       };
@@ -134,2 +138,3 @@
           disableSpinner = _props2.disableSpinner,
+          disableTransition = _props2.disableTransition,
           errorIcon = _props2.errorIcon,
@@ -140,3 +145,3 @@ imageStyle = _props2.imageStyle,
           onClick = _props2.onClick,
-          image = (0, _objectWithoutProperties3.default)(_props2, ['aspectRatio', 'color', 'disableError', 'disableSpinner', 'errorIcon', 'imageStyle', 'style', 'loading', 'onClick']);
+          image = (0, _objectWithoutProperties3.default)(_props2, ['aspectRatio', 'color', 'disableError', 'disableSpinner', 'disableTransition', 'errorIcon', 'imageStyle', 'style', 'loading', 'onClick']);
 
@@ -188,2 +193,3 @@
   disableSpinner: false,
+  disableTransition: false,
   errorIcon: _react2.default.createElement(_BrokenImage2.default, { color: _grey2.default[300], style: { width: 48, height: 48 } }),
@@ -204,2 +210,4 @@ loading: _react2.default.createElement(_Progress.CircularProgress, { size: 48 })
   disableSpinner: _propTypes2.default.bool,
+  /** Disables the transition after load if set to true. */
+  disableTransition: _propTypes2.default.bool,
   /** Override the error icon. */
@@ -206,0 +214,0 @@ errorIcon: _propTypes2.default.node,

package.json

 {
   "name": "material-ui-image",
-  "version": "3.0.0-pre.4",
+  "version": "3.0.0-pre.5",
   "description": "Material style image with loading animation",
@@ -45,8 +45,8 @@ "main": "lib/index.js",
     "babel-preset-stage-0": "^6.16.0",
-    "gh-pages": "^1.0.0",
-    "material-ui": "^1.0.0-beta.17",
+    "gh-pages": "^1.1.0",
+    "material-ui": "^1.0.0-beta.26",
     "material-ui-icons": "^1.0.0-beta.17",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-styleguidist": "^6.0.31"
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
+    "react-styleguidist": "^6.1.0"
   },
@@ -53,0 +53,0 @@ "peerDependencies": {

README.md

@@ -48,12 +48,13 @@ # Material UI Image
 |----------------|------------|------------------------------------------|--------------------------------
-|src*            | `string`   |                                          | Specifies the URL of an image.
-|aspectRatio     | `float`    | (1/1)                                    | Specifies the aspect ratio of the image.
-|color           | `string`   | white                                    | Override the background color.
-|disableError    | `bool`     | false                                    | Disables the error icon if set to `true`.
-|disableSpinner  | `bool`     | false                                    | Disables the loading spinner if set to `true`.
-|errorIcon       | `node`     | <BrokenImage />                          | Override the error icon.
-|imageStyle      | `object`   | { width: 'inherit', height: 'inherit' }  | Override the inline-styles of the image.
-|loading         | `node`     | <CircularProgress size={48} />           | Override the loading component.
-|onClick         | `func`     |                                          | Fired when the user clicks on the image happened.
-|style           | `object`   |                                          | Override the inline-styles of the root element.
+|src*              | `string`   |                                          | Specifies the URL of an image.
+|aspectRatio       | `float`    | (1/1)                                    | Specifies the aspect ratio of the image.
+|color             | `string`   | white                                    | Override the background color.
+|disableError      | `bool`     | false                                    | Disables the error icon if set to `true`.
+|disableSpinner    | `bool`     | false                                    | Disables the loading spinner if set to `true`.
+|disableTransition | `bool`     | false                                    | Disables the transition if set to `true`.
+|errorIcon         | `node`     | <BrokenImage />                          | Override the error icon.
+|imageStyle        | `object`   | { width: 'inherit', height: 'inherit' }  | Override the inline-styles of the image.
+|loading           | `node`     | <CircularProgress size={48} />           | Override the loading component.
+|onClick           | `func`     |                                          | Fired when the user clicks on the image happened.
+|style             | `object`   |                                          | Override the inline-styles of the root element.
 
@@ -60,0 +61,0 @@ \* required property

src/components/Image/Image.js

@@ -35,5 +35,13 @@ import React, { Component } from 'react'
       imageStyle,
+      disableTransition,
       style
     } = this.props
 
+    const imageTransition = !disableTransition && {
+      opacity: !this.state.imageLoaded ? 0 : 1,
+      filterBrightness: !this.state.imageLoaded ? 0 : 100,
+      filterSaturate: !this.state.imageLoaded ? 20 : 100,
+      transition: 'filterBrightness 2.5s cubic-bezier(0.4, 0.0, 0.2, 1), filterSaturate 3s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 2s cubic-bezier(0.4, 0.0, 0.2, 1)',
+    }
+
     const styles = {
@@ -49,9 +57,6 @@ root: {
         height: '100%',
-        opacity: !this.state.imageLoaded ? 0 : 1,
-        filterBrightness: !this.state.imageLoaded ? 0 : 100,
-        filterSaturate: !this.state.imageLoaded ? 20 : 20,
-        transition: 'filterBrightness 2.5s cubic-bezier(0.4, 0.0, 0.2, 1), filterSaturate 3s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 2s cubic-bezier(0.4, 0.0, 0.2, 1)',
         position: 'absolute',
         top: 0,
         left: 0,
+        ...imageTransition,
         ...imageStyle
@@ -72,2 +77,3 @@ }
       disableSpinner,
+      disableTransition,
       errorIcon,
@@ -115,2 +121,3 @@ imageStyle,
   disableSpinner: false,
+  disableTransition: false,
   errorIcon: <BrokenImage color={grey[300]} style={{width: 48, height: 48}} />,
@@ -131,2 +138,4 @@ loading: <CircularProgress size={48} />
   disableSpinner: PropTypes.bool,
+  /** Disables the transition after load if set to true. */
+  disableTransition: PropTypes.bool,
   /** Override the error icon. */
@@ -133,0 +142,0 @@ errorIcon: PropTypes.node,

src/components/Image/Image.md

@@ -10,5 +10,7 @@ Normal:
   <Image
-    src={state.foo ? "http://lorempixel.com/1600/900/people/" : "http://lorempixel.com/1600/900/nature/"}
+    src={state.foo ? "data:image/jpeg;base64,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" : "https://i.ytimg.com/vi/yaqe1qesQ8c/maxresdefault.jpg"}
     onClick={() => console.log('onClick')}
     aspectRatio={(16/9)}
+    disableSpinner
+    disableTransition
   />
@@ -15,0 +17,0 @@ <Button raised onClick={() => setState({foo: !state.foo})}>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1087720

increased by2.15%

Number of package files

22

increased by22.22%

Number of lines in readme file

65

increased by1.56%

Worsened metrics

Lines of code

397

decreased by-18.48%

No dependency changes