@material/react-ripple - npm Package Compare versions

Comparing version 0.8.0 to 0.9.0

dist/index.js

@@ -10,3 +10,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	}
-})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_62__) {
+})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_71__) {
 return /******/ (function(modules) { // webpackBootstrap
@@ -74,3 +74,3 @@ /******/ 	// The module cache
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 61);
+/******/ 	return __webpack_require__(__webpack_require__.s = 70);
 /******/ })
@@ -94,3 +94,3 @@ /************************************************************************/
 
-/***/ 61:
+/***/ 70:
 /***/ (function(module, exports, __webpack_require__) {
@@ -158,4 +158,5 @@
 // @ts-ignore no mdc .d.ts file
-var mdc_ripple_1 = __webpack_require__(62);
-var MATCHES = mdc_ripple_1.util.getMatchesProperty(HTMLElement.prototype);
+var mdc_ripple_1 = __webpack_require__(71);
+var HTMLElementShim = typeof HTMLElement === 'undefined' ? {} : HTMLElement;
+var MATCHES = mdc_ripple_1.util.getMatchesProperty(HTMLElementShim.prototype);
 function isElement(element) {
@@ -356,6 +357,6 @@ return element[MATCHES] !== undefined;
 
-/***/ 62:
+/***/ 71:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_62__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_71__;
 
@@ -362,0 +363,0 @@ /***/ })

dist/index.min.js

@@ -1,1 +0,1 @@
-!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("react"),require("classnames"),require("@material/ripple/dist/mdc.ripple.js"));else if("function"==typeof define&&define.amd)define(["react","classnames","@material/ripple/dist/mdc.ripple.js"],n);else{var t="object"==typeof exports?n(require("react"),require("classnames"),require("@material/ripple/dist/mdc.ripple.js")):n(e.react,e.classnames,e["@material/ripple/dist/mdc.ripple.js"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}("undefined"!=typeof self?self:this,function(e,n,t){return function(e){function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}var t={};return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="",n(n.s=61)}({0:function(n,t){n.exports=e},1:function(e,t){e.exports=n},61:function(e,n,t){"use strict";function o(e){return void 0!==e[d]}function r(e){var n;return n=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.isComponentMounted=!0,t.displayName="WithRipple("+i(e)+")",t.state={classList:new Set,style:{}},t.initializeFoundation=function(e,n){var o=t.createAdapter(e,n);t.foundation=new l.MDCRippleFoundation(o),t.foundation.init()},t.createAdapter=function(e,n){return{browserSupportsCssVars:function(){return l.util.supportsCssVariables(window)},isUnbounded:function(){return t.props.unbounded},isSurfaceActive:function(){return n?!!o(n)&&n[d](":active"):!!o(e)&&e[d](":active")},isSurfaceDisabled:function(){return t.props.disabled},addClass:function(e){t.isComponentMounted&&t.setState({classList:t.state.classList.add(e)})},removeClass:function(e){if(t.isComponentMounted){var n=t.state.classList;n.delete(e),t.setState({classList:n})}},registerDocumentInteractionHandler:function(e,n){return document.documentElement.addEventListener(e,n,l.util.applyPassive())},deregisterDocumentInteractionHandler:function(e,n){return document.documentElement.removeEventListener(e,n,l.util.applyPassive())},registerResizeHandler:function(e){return window.addEventListener("resize",e)},deregisterResizeHandler:function(e){return window.removeEventListener("resize",e)},updateCssVariable:t.updateCssVariable,computeBoundingRect:function(){return t.isComponentMounted?t.props.computeBoundingRect?t.props.computeBoundingRect(e):e.getBoundingClientRect():{}},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}}}},t.handleFocus=function(e){t.props.onFocus&&t.props.onFocus(e),t.foundation.handleFocus()},t.handleBlur=function(e){t.props.onBlur&&t.props.onBlur(e),t.foundation.handleBlur()},t.handleMouseDown=function(e){t.props.onMouseDown&&t.props.onMouseDown(e),t.activateRipple(e)},t.handleMouseUp=function(e){t.props.onMouseUp&&t.props.onMouseUp(e),t.deactivateRipple(e)},t.handleTouchStart=function(e){t.props.onTouchStart&&t.props.onTouchStart(e),t.activateRipple(e)},t.handleTouchEnd=function(e){t.props.onTouchEnd&&t.props.onTouchEnd(e),t.deactivateRipple(e)},t.handleKeyDown=function(e){t.props.onKeyDown&&t.props.onKeyDown(e),t.activateRipple(e)},t.handleKeyUp=function(e){t.props.onKeyUp&&t.props.onKeyUp(e),t.deactivateRipple(e)},t.activateRipple=function(e){e.persist(),requestAnimationFrame(function(){t.foundation.activate(e)})},t.deactivateRipple=function(e){t.foundation.deactivate(e)},t.updateCssVariable=function(e,n){t.isComponentMounted&&t.setState(function(o){var r=Object.assign({},t.state.style);return r[e]=n,Object.assign(o,{style:r})})},t}return s(t,n),t.prototype.componentDidMount=function(){if(!this.foundation)throw new Error("You must call initRipple from the element's ref prop to initialize the adapter for withRipple")},t.prototype.componentWillUnmount=function(){this.foundation&&(this.isComponentMounted=!1,this.foundation.destroy())},Object.defineProperty(t.prototype,"classes",{get:function(){var e=this.props.className,n=this.state.classList;return c(Array.from(n),e)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"style",{get:function(){var e=this.props.style,n=this.state.style;return Object.assign({},n,e)},enumerable:!0,configurable:!0}),t.prototype.render=function(){var n=this.props,t=(n.unbounded,n.style,n.className,n.onMouseDown,n.onMouseUp,n.onTouchStart,n.onTouchEnd,n.onKeyDown,n.onKeyUp,n.onFocus,n.onBlur,a(n,["unbounded","style","className","onMouseDown","onMouseUp","onTouchStart","onTouchEnd","onKeyDown","onKeyUp","onFocus","onBlur"])),o=u({},t,{onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onFocus:this.handleFocus,onBlur:this.handleBlur,initRipple:this.initializeFoundation,className:this.classes,style:this.style});return p.createElement(e,u({},o))},t}(p.Component),n.defaultProps=u({unbounded:!1,disabled:!1,style:{},className:"",onMouseDown:function(){},onMouseUp:function(){},onTouchStart:function(){},onTouchEnd:function(){},onKeyDown:function(){},onKeyUp:function(){},onFocus:function(){},onBlur:function(){}},e.defaultProps),n}function i(e){return e.displayName||e.name||"Component"}var s=this&&this.__extends||function(){var e=function(n,t){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(n,t)};return function(n,t){function o(){this.constructor=n}e(n,t),n.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}}(),u=this&&this.__assign||function(){return u=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)},a=this&&this.__rest||function(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&(t[o[r]]=e[o[r]]);return t};Object.defineProperty(n,"__esModule",{value:!0});var p=t(0),c=t(1),l=t(62),d=l.util.getMatchesProperty(HTMLElement.prototype);n.withRipple=r},62:function(e,n){e.exports=t}})});
+!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("react"),require("classnames"),require("@material/ripple/dist/mdc.ripple.js"));else if("function"==typeof define&&define.amd)define(["react","classnames","@material/ripple/dist/mdc.ripple.js"],n);else{var t="object"==typeof exports?n(require("react"),require("classnames"),require("@material/ripple/dist/mdc.ripple.js")):n(e.react,e.classnames,e["@material/ripple/dist/mdc.ripple.js"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}("undefined"!=typeof self?self:this,function(e,n,t){return function(e){function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}var t={};return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="",n(n.s=70)}({0:function(n,t){n.exports=e},1:function(e,t){e.exports=n},70:function(e,n,t){"use strict";function o(e){return void 0!==e[f]}function r(e){var n;return n=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.isComponentMounted=!0,t.displayName="WithRipple("+i(e)+")",t.state={classList:new Set,style:{}},t.initializeFoundation=function(e,n){var o=t.createAdapter(e,n);t.foundation=new l.MDCRippleFoundation(o),t.foundation.init()},t.createAdapter=function(e,n){return{browserSupportsCssVars:function(){return l.util.supportsCssVariables(window)},isUnbounded:function(){return t.props.unbounded},isSurfaceActive:function(){return n?!!o(n)&&n[f](":active"):!!o(e)&&e[f](":active")},isSurfaceDisabled:function(){return t.props.disabled},addClass:function(e){t.isComponentMounted&&t.setState({classList:t.state.classList.add(e)})},removeClass:function(e){if(t.isComponentMounted){var n=t.state.classList;n.delete(e),t.setState({classList:n})}},registerDocumentInteractionHandler:function(e,n){return document.documentElement.addEventListener(e,n,l.util.applyPassive())},deregisterDocumentInteractionHandler:function(e,n){return document.documentElement.removeEventListener(e,n,l.util.applyPassive())},registerResizeHandler:function(e){return window.addEventListener("resize",e)},deregisterResizeHandler:function(e){return window.removeEventListener("resize",e)},updateCssVariable:t.updateCssVariable,computeBoundingRect:function(){return t.isComponentMounted?t.props.computeBoundingRect?t.props.computeBoundingRect(e):e.getBoundingClientRect():{}},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}}}},t.handleFocus=function(e){t.props.onFocus&&t.props.onFocus(e),t.foundation.handleFocus()},t.handleBlur=function(e){t.props.onBlur&&t.props.onBlur(e),t.foundation.handleBlur()},t.handleMouseDown=function(e){t.props.onMouseDown&&t.props.onMouseDown(e),t.activateRipple(e)},t.handleMouseUp=function(e){t.props.onMouseUp&&t.props.onMouseUp(e),t.deactivateRipple(e)},t.handleTouchStart=function(e){t.props.onTouchStart&&t.props.onTouchStart(e),t.activateRipple(e)},t.handleTouchEnd=function(e){t.props.onTouchEnd&&t.props.onTouchEnd(e),t.deactivateRipple(e)},t.handleKeyDown=function(e){t.props.onKeyDown&&t.props.onKeyDown(e),t.activateRipple(e)},t.handleKeyUp=function(e){t.props.onKeyUp&&t.props.onKeyUp(e),t.deactivateRipple(e)},t.activateRipple=function(e){e.persist(),requestAnimationFrame(function(){t.foundation.activate(e)})},t.deactivateRipple=function(e){t.foundation.deactivate(e)},t.updateCssVariable=function(e,n){t.isComponentMounted&&t.setState(function(o){var r=Object.assign({},t.state.style);return r[e]=n,Object.assign(o,{style:r})})},t}return s(t,n),t.prototype.componentDidMount=function(){if(!this.foundation)throw new Error("You must call initRipple from the element's ref prop to initialize the adapter for withRipple")},t.prototype.componentWillUnmount=function(){this.foundation&&(this.isComponentMounted=!1,this.foundation.destroy())},Object.defineProperty(t.prototype,"classes",{get:function(){var e=this.props.className,n=this.state.classList;return c(Array.from(n),e)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"style",{get:function(){var e=this.props.style,n=this.state.style;return Object.assign({},n,e)},enumerable:!0,configurable:!0}),t.prototype.render=function(){var n=this.props,t=(n.unbounded,n.style,n.className,n.onMouseDown,n.onMouseUp,n.onTouchStart,n.onTouchEnd,n.onKeyDown,n.onKeyUp,n.onFocus,n.onBlur,a(n,["unbounded","style","className","onMouseDown","onMouseUp","onTouchStart","onTouchEnd","onKeyDown","onKeyUp","onFocus","onBlur"])),o=u({},t,{onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onFocus:this.handleFocus,onBlur:this.handleBlur,initRipple:this.initializeFoundation,className:this.classes,style:this.style});return p.createElement(e,u({},o))},t}(p.Component),n.defaultProps=u({unbounded:!1,disabled:!1,style:{},className:"",onMouseDown:function(){},onMouseUp:function(){},onTouchStart:function(){},onTouchEnd:function(){},onKeyDown:function(){},onKeyUp:function(){},onFocus:function(){},onBlur:function(){}},e.defaultProps),n}function i(e){return e.displayName||e.name||"Component"}var s=this&&this.__extends||function(){var e=function(n,t){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(n,t)};return function(n,t){function o(){this.constructor=n}e(n,t),n.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}}(),u=this&&this.__assign||function(){return u=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)},a=this&&this.__rest||function(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&(t[o[r]]=e[o[r]]);return t};Object.defineProperty(n,"__esModule",{value:!0});var p=t(0),c=t(1),l=t(71),d="undefined"==typeof HTMLElement?{}:HTMLElement,f=l.util.getMatchesProperty(d.prototype);n.withRipple=r},71:function(e,n){e.exports=t}})});

dist/ripple.css.js

@@ -73,3 +73,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 16);
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
 /******/ })
@@ -79,3 +79,3 @@ /************************************************************************/
 
-/***/ 16:
+/***/ 17:
 /***/ (function(module, exports) {
@@ -82,0 +82,0 @@

dist/ripple.min.css.js

@@ -73,3 +73,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 16);
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
 /******/ })
@@ -79,3 +79,3 @@ /************************************************************************/
 
-/***/ 16:
+/***/ 17:
 /***/ (function(module, exports) {
@@ -82,0 +82,0 @@

package.json

 {
   "name": "@material/react-ripple",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Material Components React Ripple",
@@ -21,3 +21,4 @@ "license": "MIT",
     "classnames": "^2.2.5",
-    "react": "^16.4.2"
+    "react": "^16.4.2",
+    "utility-types": "^3.2.1"
   },
@@ -24,0 +25,0 @@ "publishConfig": {

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

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

Total package byte prevSize

128660

increased by0.33%

Lines of code

1246

increased by0.16%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Addedutility-types@^3.2.1

• + Addedutility-types@3.11.0(transitive)