react-ink - npm Package Compare versions

Comparing version 2.3.0 to 2.4.0

dist/ink.js

@@ -1,1 +0,1 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("react"));else if("function"==typeof define&&define.amd)define(["react"],e);else{var n=e("object"==typeof exports?require("react"):t.react);for(var r in n)("object"==typeof exports?exports:t)[r]=n[r]}}(this,function(t){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return t[r].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o=n(1),i=n(8),s=n(2),a=n(4),u=n(3),c=n(7),p=o.PropTypes,f=0,d=o.createClass({displayName:"Ink",shouldComponentUpdate:function(t,e){return e.frame!==this.state.frame},propTypes:{background:p.bool,duration:u(0),opacity:a(0,1),radius:u(0),recenter:p.bool},getDefaultProps:function(){return{background:!0,duration:1500,opacity:.2,radius:150,recenter:!0}},getInitialState:function(){return{store:i(this.tick)}},tick:function(t){this.setState({frame:t})},componentWillUnmount:function(){this.state.store.stop()},pushBlot:function(t){var e=this.getDOMNode().getBoundingClientRect(),n=e.top,r=e.bottom,o=e.left,i=e.right,a=r-n,u=i-o,c=Math.max(a,u);this.state.store.add({duration:this.props.duration,maxOpacity:this.props.opacity,mouseDown:s(),mouseUp:0,radius:Math.min(this.props.radius,c),recenter:this.props.recenter,x:t.clientX-o,y:t.clientY-n,size:c,height:a,width:u})},popBlot:function(){this.state.store.release(s())},makeBlot:function(t,e){var n=t.radius,r=t.opacity,i=t.transform;return o.createElement("circle",{key:e,r:n,opacity:r,transform:i})},getBackdrop:function(){var t=this.props.background?this.state.store.getTotalOpacity():0;return o.createElement("rect",{width:"100%",height:"100%",opacity:t})},touchEvents:function(){return c?{onTouchStart:this._onPress,onTouchEnd:this._onRelease,onTouchCancel:this._onRelease,onTouchLeave:this._onRelease}:{onMouseDown:this._onPress,onMouseUp:this._onRelease,onMouseLeave:this._onRelease}},render:function(){return o.createElement("svg",r({className:"ink",style:this.props.style,onDragOver:this._onRelease},this.touchEvents()),this.state.store.map(this.makeBlot),this.getBackdrop())},_onPress:function(t){var e=t.button,n=t.ctrlKey,r=t.touches;if(r)for(var o=0,i=r.length;i>o;o++)this.pushBlot(r[o]);else e!==f||n||this.pushBlot(t)},_onRelease:function(){requestAnimationFrame(this.popBlot)}});t.exports=d},function(e){e.exports=t},function(t){"use strict";var e=Date.now;"undefined"!=typeof performance&&performance.now&&(e=performance.now.bind(performance)),t.exports=e},function(t,e,n){"use strict";var r=n(1).PropTypes;t.exports=function(t){return function(e,n,o){if(!e||n in e!=!1){var i=r.number(e,n,o);if(i)return i;var s=e[n];return t>s?new RangeError("Invalid `"+n+"` value given to component `"+o+"`. Expected >= "+t+" , instead got "+s+"."):void 0}}}},function(t,e,n){"use strict";var r=n(1).PropTypes,o=n(9);t.exports=function(t,e){return o(e>t,"Lower limit of type `inRange` must be greater than upper limit"),function(n,o,i){if(!n||o in n!=!1){var s=r.number(n,o,i);if(s)return s;var a=n[o];return t>a||a>e?new RangeError("Invalid `"+o+"` value given to component `"+i+"`. Expected between "+t+" and "+e+", instead got "+a+"."):void 0}}}},function(t){"use strict";t.exports=function(t,e,n,r){return n*((t=t/r-1)*t*t*t*t+1)+e}},function(t,e,n){"use strict";var r=n(5),o=n(2),i=Math.min,s=Math.sqrt(2),a={getPress:function(t){return i(t.duration,o()-t.mouseDown)},getRelease:function(t){return t.mouseUp>0?o()-t.mouseUp:0},getBlotRadius:function(t){var e=.85*r(a.getPress(t),0,t.radius,t.duration),n=.15*r(a.getRelease(t),0,t.radius,t.duration);return e+n},getBlotOpacity:function(t){return r(a.getRelease(t),t.maxOpacity,-t.maxOpacity,t.duration)},getBlotOuterOpacity:function(t){return i(r(a.getPress(t),0,.3,3*t.duration),t.opacity)},getBlotTransform:function(t){var e=t.recenter,n=t.x,r=t.y,o=t.size,u=t.width,c=t.height,p=n,f=r;if(e){var d=i(1,a.getBlotRadius(t)/o*2/s);p+=d*(u/2-n),f+=d*(c/2-r)}var l=a.getBlotRadius(t)/t.radius;return"translate("+p+","+f+") scale("+l+", "+l+") "}};t.exports=a},function(t){"use strict";var e=!1;"undefined"!=typeof window&&(e="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch),t.exports=e},function(t,e,n){"use strict";var r=n(6);t.exports=function(t){var e=[],n=!1,o=0,i=void 0,s={map:function(t,n){return e.map(t,n)},play:function(){n||(n=!0,s.update())},stop:function(){n=!1,cancelAnimationFrame(i)},getTotalOpacity:function(){return o},update:function(){o=0,s.prune(),t(i),e.length?i=requestAnimationFrame(s.update):s.stop()},prune:function(){e=e.filter(function(t){return t.opacity=r.getBlotOpacity(t),t.transform=r.getBlotTransform(t),o+=r.getBlotOuterOpacity(t),t.opacity>=.01})},add:function(t){e.push(t),s.play()},release:function(t){for(var n=0,r=e.length;r>n;n++)e[n].mouseUp=e[n].mouseUp||t;s.play()}};return s}},function(t,e,n){(function(e){"use strict";var n=function(t,n,r,o,i,s,a,u){if("production"!==e.env.NODE_ENV&&void 0===n)throw new Error("invariant requires an error message argument");if(!t){var c;if(void 0===n)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var p=[r,o,i,s,a,u],f=0;c=new Error("Invariant Violation: "+n.replace(/%s/g,function(){return p[f++]}))}throw c.framesToPop=1,c}};t.exports=n}).call(e,n(10))},function(t){function e(){}var n=t.exports={};n.nextTick=function(){var t="undefined"!=typeof window&&window.setImmediate,e="undefined"!=typeof window&&window.MutationObserver,n="undefined"!=typeof window&&window.postMessage&&window.addEventListener;if(t)return function(t){return window.setImmediate(t)};var r=[];if(e){var o=document.createElement("div"),i=new MutationObserver(function(){var t=r.slice();r.length=0,t.forEach(function(t){t()})});return i.observe(o,{attributes:!0}),function(t){r.length||o.setAttribute("yes","no"),r.push(t)}}return n?(window.addEventListener("message",function(t){var e=t.source;if((e===window||null===e)&&"process-tick"===t.data&&(t.stopPropagation(),r.length>0)){var n=r.shift();n()}},!0),function(t){r.push(t),window.postMessage("process-tick","*")}):function(t){setTimeout(t,0)}}(),n.title="browser",n.browser=!0,n.env={},n.argv=[],n.on=e,n.addListener=e,n.once=e,n.off=e,n.removeListener=e,n.removeAllListeners=e,n.emit=e,n.binding=function(){throw new Error("process.binding is not supported")},n.cwd=function(){return"/"},n.chdir=function(){throw new Error("process.chdir is not supported")}}])});
+module.exports=function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return t[o].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";var o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},r=n(6),s=n(5),i=n(1),a=n(4),u=r.PropTypes,c=0,p=r.createClass({displayName:"Ink",shouldComponentUpdate:function(t,e){return e.frame!==this.state.frame},propTypes:{background:u.bool,duration:u.number,opacity:u.number,radius:u.number,recenter:u.bool},getDefaultProps:function(){return{background:!0,duration:1500,opacity:.2,radius:150,recenter:!0}},getInitialState:function(){return{store:s(this.tick)}},tick:function(t){this.setState({frame:t})},componentWillUnmount:function(){this.state.store.stop()},pushBlot:function(t){var e=this.getDOMNode().getBoundingClientRect(),n=e.top,o=e.bottom,r=e.left,s=e.right,a=o-n,u=s-r,c=Math.max(a,u);this.state.store.add({duration:this.props.duration,maxOpacity:this.props.opacity,mouseDown:i(),mouseUp:0,radius:Math.min(this.props.radius,c),recenter:this.props.recenter,x:t.clientX-r,y:t.clientY-n,size:c,height:a,width:u})},popBlot:function(){this.state.store.release(i())},makeBlot:function(t,e){var n=t.radius,o=t.opacity,s=t.transform;return r.createElement("circle",{key:e,r:n,opacity:o,transform:s})},getBackdrop:function(){var t=this.props.background?this.state.store.getTotalOpacity():0;return r.createElement("rect",{width:"100%",height:"100%",opacity:t})},touchEvents:function(){return a?{onTouchStart:this._onPress,onTouchEnd:this._onRelease,onTouchCancel:this._onRelease,onTouchLeave:this._onRelease}:{onMouseDown:this._onPress,onMouseUp:this._onRelease,onMouseLeave:this._onRelease}},render:function(){return r.createElement("svg",o({className:"ink",style:this.props.style,onDragOver:this._onRelease},this.touchEvents()),this.state.store.map(this.makeBlot),this.getBackdrop())},_onPress:function(t){var e=t.button,n=t.ctrlKey,o=t.touches;if(o)for(var r=0,s=o.length;s>r;r++)this.pushBlot(o[r]);else e!==c||n||this.pushBlot(t)},_onRelease:function(){requestAnimationFrame(this.popBlot)}});t.exports=p},function(t){"use strict";var e=Date.now;"undefined"!=typeof performance&&performance.now&&(e=performance.now.bind(performance)),t.exports=e},function(t){"use strict";t.exports=function(t,e,n,o){return n*((t=t/o-1)*t*t*t*t+1)+e}},function(t,e,n){"use strict";var o=n(2),r=n(1),s=Math.min,i=Math.sqrt(2),a={getPress:function(t){return s(t.duration,r()-t.mouseDown)},getRelease:function(t){return t.mouseUp>0?r()-t.mouseUp:0},getBlotRadius:function(t){var e=.85*o(a.getPress(t),0,t.radius,t.duration),n=.15*o(a.getRelease(t),0,t.radius,t.duration);return e+n},getBlotOpacity:function(t){return o(a.getRelease(t),t.maxOpacity,-t.maxOpacity,t.duration)},getBlotOuterOpacity:function(t){return s(o(a.getPress(t),0,.3,3*t.duration),t.opacity)},getBlotTransform:function(t){var e=t.recenter,n=t.x,o=t.y,r=t.size,u=t.width,c=t.height,p=n,l=o;if(e){var f=s(1,a.getBlotRadius(t)/r*2/i);p+=f*(u/2-n),l+=f*(c/2-o)}var h=a.getBlotRadius(t)/t.radius;return"translate("+p+","+l+") scale("+h+", "+h+") "}};t.exports=a},function(t){"use strict";var e=!1;"undefined"!=typeof window&&(e="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch),t.exports=e},function(t,e,n){"use strict";var o=n(3);t.exports=function(t){var e=[],n=!1,r=0,s=void 0,i={map:function(t,n){return e.map(t,n)},play:function(){n||(n=!0,i.update())},stop:function(){n=!1,cancelAnimationFrame(s)},getTotalOpacity:function(){return r},update:function(){r=0,i.prune(),t(s),e.length?s=requestAnimationFrame(i.update):i.stop()},prune:function(){e=e.filter(function(t){return t.opacity=o.getBlotOpacity(t),t.transform=o.getBlotTransform(t),r+=o.getBlotOuterOpacity(t),t.opacity>=.01})},add:function(t){e.push(t),i.play()},release:function(t){for(var n=0,o=e.length;o>n;n++)e[n].mouseUp=e[n].mouseUp||t;i.play()}};return i}},function(t){t.exports=require("react")}]);

package.json

 {
   "name": "react-ink",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "A React component for adding material design style ink.",
@@ -5,0 +5,0 @@ "main": "dist/ink.js",

src/index.js

@@ -11,4 +11,2 @@ /**
 let now        = require('./util/now')
-let InRange    = require('./types/inRange')
-let AtLeast    = require('./types/atLeast')
 let HAS_TOUCH  = require('./util/hasTouch')
@@ -26,5 +24,5 @@ let Types      = React.PropTypes
     background : Types.bool,
-    duration   : AtLeast(0),
-    opacity    : InRange(0, 1),
-    radius     : AtLeast(0),
+    duration   : Types.number,
+    opacity    : Types.number,
+    radius     : Types.number,
     recenter   : Types.bool
@@ -130,3 +128,3 @@ },
 
-  _onRelease(e) {
+  _onRelease() {
     requestAnimationFrame(this.popBlot)
@@ -133,0 +131,0 @@ }

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

39003

decreased by-9.04%

Number of package files

17

decreased by-10.53%

Lines of code

311

decreased by-8.26%

No dependency changes