#! fixed bugs after refactoring code

example/main.js

@@ -21,9 +21,9 @@ window.Atoms = Atoms;
 
 ReactDOM.render(
 	<ParentComponent>
-		<p style = {{ width: 600 }}>
+		<Atoms.Paragraph style = {{ width: 600 }}>
 			Lorem Ipsum je demonstrativní výplňový text používaný v tiskařském a knihařském průmyslu. Lorem Ipsum je považováno za standard v této oblasti už od začátku 16. století, kdy dnes neznámý tiskař vzal kusy textu a na jejich základě vytvořil speciální vzorovou knihu. Jeho odkaz nevydržel pouze pět století, on přežil i nástup elektronické sazby v podstatě beze změny. Nejvíce popularizováno bylo Lorem Ipsum v šedesátých letech 20. století, kdy byly vydávány speciální vzorníky s jeho pasážemi a později pak díky počítačovým DTP programům jako Aldus PageMaker.
-		</p>
+		</Atoms.Paragraph>
 		<p style = {{ width: 600 }}>
 			Lorem Ipsum je demonstrativní výplňový text používaný v tiskařském a knihařském průmyslu. Lorem Ipsum je považováno za standard v této oblasti už od začátku 16. století, kdy dnes neznámý tiskař vzal kusy textu a na jejich základě vytvořil speciální vzorovou knihu. Jeho odkaz nevydržel pouze pět století, on přežil i nástup elektronické sazby v podstatě beze změny. Nejvíce popularizováno bylo Lorem Ipsum v šedesátých letech 20. století, kdy byly vydávány speciální vzorníky s jeho pasážemi a později pak díky počítačovým DTP programům jako Aldus PageMaker.
 		</p>

src/image/AmpImage.jsx

@@ -29,7 +29,7 @@ export default class AmpIframe extends React.PureComponent {
 					layout = { layout }
 					alt = { alt }
 					class = { helper.cssClasses(className) }
-					{...helper.getDataProps(props)}/>
+					{...helper.getDataProps(this.props)}/>
 		);
 	}
 }

src/image/Image.jsx

@@ -47,9 +47,9 @@ export default class Image extends React.PureComponent {
 
 	render() {
 		if (this.context.$Utils.$UIComponentHelper.isAmp()) {
-			return <AmpImage {...props}/>;
+			return <AmpImage {...this.props}/>;
 		} else {
-			return <HtmlImage {...props}/>;
+			return <HtmlImage {...this.props}/>;
 		}
 	}
 

src/link/Link.jsx

@@ -52,7 +52,7 @@ export default class Link extends React.PureComponent {
 						['atm-link-' + mode]: mode
 					}, className) }
 					onClick = { onClick }
-					{...helper.getDataProps(props)}>
+					{...helper.getDataProps(this.props)}>
 				{ children || text }
 			</a>
 		);

src/list/List.jsx

@@ -46,7 +46,7 @@ export default class List extends React.PureComponent {
 						['atm-list-' + Type]: Type
 					}, className) }
 					id = { id }
-					{...helper.getDataProps(props)}>
+					{...helper.getDataProps(this.props)}>
 				{children}
 			</Type>
 		);

src/list/ListItem.jsx

@@ -47,15 +47,15 @@ export default class ListItem extends React.PureComponent {
 			listItem = (
 				<li
 						className = { componentClassName }
-						{...helper.getDataProps(props)}>
+						{...helper.getDataProps(this.props)}>
 					{children}
 				</li>
 			);
 		} else {
 			listItem = (
 				<li
 						className = { componentClassName}
-						{...helper.getDataProps(props)}
+						{...helper.getDataProps(this.props)}
 						dangerouslySetInnerHTML = { { __html: text } }/>
 			);
 		}

src/paragraph/Paragraph.jsx

@@ -48,15 +48,15 @@ export default class Paragraph extends React.PureComponent {
 			paragraph = (
 				<p
 						className = { componentClassName }
-						{...helper.getDataProps(props)}>
+						{...helper.getDataProps(this.props)}>
 					{ children }
 				</p>
 			);
 		} else {
 			paragraph = (
 				<p
 						className = { componentClassName }
-						{...helper.getDataProps(props)}
+						{...helper.getDataProps(this.props)}
 						dangerouslySetInnerHTML = { { __html: text } }/>
 			);
 		}

src/video/AmpVideo.jsx

@@ -33,14 +33,10 @@ export default class AmpVideo extends React.PureComponent {
 					height = { height }
 					layout = { layout }
 					class = { helper.cssClasses(className) }
-					{...helper.getDataProps(props)}>
+					{...helper.getDataProps(this.props)}>
 				<div placeholder = ''/>
 				{children}
 			</amp-video>
 		);
 	}
 }
-
-AmpVideo.contextTypes = {
-	$Utils: PropTypes.object
-};

src/video/Video.jsx

@@ -52,9 +52,9 @@ export default class Video extends React.PureComponent {
 
 	render() {
 		if (this.context.$Utils.$UIComponentHelper.isAmp()) {
-			return <AmpVideo {...props}/>;
+			return <AmpVideo {...this.props}/>;
 		} else {
-			return <HtmlVideo {...props}/>;
+			return <HtmlVideo {...this.props}/>;
 		}
 	}
 }