From 089eb8a2ab4725ce016faef23dc4e5f2572b2bf8 Mon Sep 17 00:00:00 2001
From: sarukuku <joonas.salovaara@gmail.com>
Date: Thu, 22 Dec 2016 13:29:05 +0200
Subject: [PATCH] Remove resize event listener when the component is unmounted.

---
 lib/index.js |  2 +-
 package.json |  2 +-
 src/index.js | 13 ++++++++++---
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/lib/index.js b/lib/index.js
index da381a9..66167ea 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -1 +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 o in n)("object"==typeof exports?exports:t)[o]=n[o]}}(this,function(t){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return t[o].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function u(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var s=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),p=n(1),a=o(p),f=function(t){function e(){return i(this,e),r(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return u(e,t),s(e,[{key:"componentDidMount",value:function(){this.updateSettings(),this.updateWidthFont(),"undefined"!=typeof window&&window.addEventListener("resize",this.updateWidthFont.bind(this))}},{key:"componentWillReceiveProps",value:function(){this.updateSettings(),this.updateFontSize()}},{key:"updateSettings",value:function(){this.settings={maximum:this.props.maximum||9999,minimum:this.props.minimum||1,maxFont:this.props.maxFont||9999,minFont:this.props.minFont||1,fontRatio:this.props.fontRatio}}},{key:"updateWidthFont",value:function(){this.elemWidth=this.refs.textBody.offsetWidth,this.updateFontSize()}},{key:"updateFontSize",value:function(){var t=this.settings,e=this.elemWidth,n=e>t.maximum?t.maximum:e<t.minimum?t.minimum:e,o=n/t.fontRatio,i=o>t.maxFont?t.maxFont:o<t.minFont?t.minFont:o;i=Math.round(i),this.setState({fontSize:i})}},{key:"render",value:function(){var t=this.state&&this.state.fontSize;isNaN(t)&&(t=this.props.default||null);var e=t?{fontSize:t+"px"}:{};return a.default.createElement("div",{style:e,ref:"textBody"},this.props.children)}}]),e}(a.default.Component);e.default=f,f.propTypes={default:p.PropTypes.number,fontRatio:p.PropTypes.number.isRequired,maximum:p.PropTypes.number,minimum:p.PropTypes.number,minFont:p.PropTypes.number,maxFont:p.PropTypes.number}},function(e,n){e.exports=t}])});
\ No newline at end of file
+!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 o in n)("object"==typeof exports?exports:t)[o]=n[o]}}(this,function(t){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return t[o].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function u(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var s=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),a=n(1),p=o(a),f=function(t){function e(){i(this,e);var t=r(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return t.updateWidthFont=t.updateWidthFont.bind(t),t}return u(e,t),s(e,[{key:"componentDidMount",value:function(){this.updateSettings(),this.updateWidthFont(),window.addEventListener("resize",this.updateWidthFont)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateWidthFont)}},{key:"componentWillReceiveProps",value:function(){this.updateSettings(),this.updateFontSize()}},{key:"updateSettings",value:function(){this.settings={maximum:this.props.maximum||9999,minimum:this.props.minimum||1,maxFont:this.props.maxFont||9999,minFont:this.props.minFont||1,fontRatio:this.props.fontRatio}}},{key:"updateWidthFont",value:function(){this.elemWidth=this.refs.textBody.offsetWidth,this.updateFontSize()}},{key:"updateFontSize",value:function(){var t=this.settings,e=this.elemWidth,n=e>t.maximum?t.maximum:e<t.minimum?t.minimum:e,o=n/t.fontRatio,i=o>t.maxFont?t.maxFont:o<t.minFont?t.minFont:o;i=Math.round(i),this.setState({fontSize:i})}},{key:"render",value:function(){var t=this.state&&this.state.fontSize;isNaN(t)&&(t=this.props.default||null);var e=t?{fontSize:t+"px"}:{};return p.default.createElement("div",{style:e,ref:"textBody"},this.props.children)}}]),e}(p.default.Component);e.default=f,f.propTypes={default:a.PropTypes.number,fontRatio:a.PropTypes.number.isRequired,maximum:a.PropTypes.number,minimum:a.PropTypes.number,minFont:a.PropTypes.number,maxFont:a.PropTypes.number}},function(e,n){e.exports=t}])});
\ No newline at end of file
diff --git a/package.json b/package.json
index 65a8922..0a7dec9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-flowtype",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "React implementation of flowtype.js: font-size based on element width. Allows you to keep the ideal amount of characters per line, while scaling font size.",
   "main": "lib/index.js",
   "scripts": {
diff --git a/src/index.js b/src/index.js
index aaee6da..91a7e63 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,12 +2,19 @@ import React, {PropTypes} from 'react'
 
 export default class FlowType extends React.Component {
 
+  constructor () {
+    super()
+    this.updateWidthFont = this.updateWidthFont.bind(this)
+  }
+
   componentDidMount () {
     this.updateSettings()
     this.updateWidthFont()
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', this.updateWidthFont.bind(this))
-    }
+    window.addEventListener('resize', this.updateWidthFont)
+  }
+
+  componentWillUnmount () {
+    window.removeEventListener('resize', this.updateWidthFont)
   }
 
   componentWillReceiveProps () {