Merge branch 'master' of https://github.com/seznam/IMA.js-ui-atoms

.gitignore

@@ -2,3 +2,4 @@
 .DS_Store
 node_modules/
 dist/
+package-lock.json

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ima-ui-atoms",
-	"version": "0.10.1",
+	"version": "0.10.2",
 	"description": "IMA.js UI React atoms",
 	"main": "main.js",
 	"scripts": {

src/UIComponentHelper.js

@@ -212,7 +212,7 @@ export default class UIComponentHelper {
 	 * @param {{ visibilityInterval: number }} options
 	 * @return {number} The registered id
 	 */
-	registerComponentToVisbility(reader, writer, options = { visibilityInterval: 180 }) {
+	registerComponentToVisibility(reader, writer, options = { visibilityInterval: 180 }) {
 		return this._visibility.register(reader, writer, options);
 	}
 
@@ -221,7 +221,7 @@ export default class UIComponentHelper {
 	 *
 	 * @param {number} visibilityId
 	 */
-	unregisterComponentToVisbility(visibilityId) {
+	unregisterComponentToVisibility(visibilityId) {
 		this._visibility.unregister(visibilityId);
 	}
 }

src/__tests__/UIComponentHelperSpec.js

@@ -145,28 +145,28 @@ describe('UIComponentHelper', () => {
 
 	});
 
-	describe('registerComponentToVisbility method', () => {
+	describe('registerComponentToVisibility method', () => {
 		let reader = () => {};
 		let writer = () => {};
 		let options = { visibilityInterval: 180 };
 
 		it('should call Visibility.register method', () => {
 			spyOn(visibility, 'register');
 
-			uiComponentHelper.registerComponentToVisbility(reader, writer, options);
+			uiComponentHelper.registerComponentToVisibility(reader, writer, options);
 
 			expect(visibility.register).toHaveBeenCalledWith(reader, writer, options);
 		});
 
 	});
 
-	describe('unregisterComponentToVisbility method', () => {
+	describe('unregisterComponentToVisibility method', () => {
 		let visibilityId = 0;
 
 		it('should call Visibility.unregister method', () => {
 			spyOn(visibility, 'unregister');
 
-			uiComponentHelper.unregisterComponentToVisbility(visibilityId);
+			uiComponentHelper.unregisterComponentToVisibility(visibilityId);
 
 			expect(visibility.unregister).toHaveBeenCalledWith(visibilityId);
 		});

src/iframe/HtmlIframe.jsx

@@ -28,7 +28,7 @@ export default class HtmlIframe extends React.PureComponent {
 
 		this._registeredVisibilityId = null;
 
-		this._onVisbilityWriter = this.onVisibilityWriter.bind(this);
+		this._onVisibilityWriter = this.onVisibilityWriter.bind(this);
 	}
 
 	get utils() {
@@ -125,7 +125,7 @@ export default class HtmlIframe extends React.PureComponent {
 	}
 
 	_unregisterToCheckingVisibility() {
-		this.utils.$UIComponentHelper.unregisterComponentToVisbility(this._registeredVisibilityId);
+		this.utils.$UIComponentHelper.unregisterComponentToVisibility(this._registeredVisibilityId);
 	}
 
 	_registerToCheckingVisibility() {
@@ -134,7 +134,7 @@ export default class HtmlIframe extends React.PureComponent {
 			MIN_EXTENDED_PADDING
 		);
 
-		this._registeredVisibilityId = this.utils.$UIComponentHelper.registerComponentToVisbility(
+		this._registeredVisibilityId = this.utils.$UIComponentHelper.registerComponentToVisibility(
 			this.utils.$UIComponentHelper.getVisibilityReader(
 				this.refs.root,
 				{
@@ -143,7 +143,7 @@ export default class HtmlIframe extends React.PureComponent {
 					height: this.props.height
 				}
 			),
-			this._onVisbilityWriter
+			this._onVisibilityWriter
 		);
 	}
 }

src/image/HtmlImage.jsx

@@ -35,7 +35,7 @@ export default class HtmlImage extends React.PureComponent {
 
 		this._registeredVisibilityId = null;
 
-		this._onVisbilityWriter = this.onVisibilityWriter.bind(this);
+		this._onVisibilityWriter = this.onVisibilityWriter.bind(this);
 	}
 
 	get utils() {
@@ -138,7 +138,7 @@ export default class HtmlImage extends React.PureComponent {
 	}
 
 	_unregisterToCheckingVisibility() {
-		this.utils.$UIComponentHelper.unregisterComponentToVisbility(this._registeredVisibilityId);
+		this.utils.$UIComponentHelper.unregisterComponentToVisibility(this._registeredVisibilityId);
 	}
 
 	_registerToCheckingVisibility() {
@@ -147,7 +147,7 @@ export default class HtmlImage extends React.PureComponent {
 			MIN_EXTENDED_PADDING
 		);
 
-		this._registeredVisibilityId = this.utils.$UIComponentHelper.registerComponentToVisbility(
+		this._registeredVisibilityId = this.utils.$UIComponentHelper.registerComponentToVisibility(
 			this.utils.$UIComponentHelper.getVisibilityReader(
 				this.refs.root,
 				{
@@ -156,7 +156,7 @@ export default class HtmlImage extends React.PureComponent {
 					height: this.props.height
 				}
 			),
-			this._onVisbilityWriter
+			this._onVisibilityWriter
 		);
 	}
 

src/video/HtmlVideo.jsx

@@ -31,7 +31,7 @@ export default class HtmlVideo extends React.PureComponent {
 
 		this._registeredVisibilityId = null;
 
-		this._onVisbilityWriter = this.onVisibilityWriter.bind(this);
+		this._onVisibilityWriter = this.onVisibilityWriter.bind(this);
 	}
 
 	get utils() {
@@ -125,15 +125,15 @@ export default class HtmlVideo extends React.PureComponent {
 	}
 
 	_unregisterToCheckingVisibility() {
-		this.utils.$UIComponentHelper.unregisterComponentToVisbility(this._registeredVisibilityId);
+		this.utils.$UIComponentHelper.unregisterComponentToVisibility(this._registeredVisibilityId);
 	}
 
 	_registerToCheckingVisibility() {
 		let extendedPadding = Math.max(
 			Math.round(this.utils.$UIComponentHelper.getWindowViewportRect().height / 2),
 			EXTENDED_PADDING
 		);
-		this._registeredVisibilityId = this.utils.$UIComponentHelper.registerComponentToVisbility(
+		this._registeredVisibilityId = this.utils.$UIComponentHelper.registerComponentToVisibility(
 			this.utils.$UIComponentHelper.getVisibilityReader(
 				this.refs.root,
 				{
@@ -142,7 +142,7 @@ export default class HtmlVideo extends React.PureComponent {
 					height: this.props.height
 				}
 			),
-			this._onVisbilityWriter
+			this._onVisibilityWriter
 		);
 	}