feat(Iframe): improve iframe styling, you can now set static dimensions

through the html attributes, the tagsStyles and classesStyles props.

Author: Exilz

src/HTMLRenderers.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TouchableOpacity, Text, View, WebView, Dimensions } from 'react-native';
-import { _constructStyles } from './HTMLStyles';
+import { _constructStyles, _getElementClassStyles } from './HTMLStyles';
 import HTMLImage from './HTMLImage';
 
 export function a (htmlAttribs, children, convertedCSSStyles, passProps) {
@@ -116,24 +116,27 @@ export function iframe (htmlAttribs, children, convertedCSSStyles, passProps) {
     if (!htmlAttribs.src) {
         return false;
     }
-    const { staticContentMaxWidth } = passProps;
+    const { staticContentMaxWidth, tagsStyles, classesStyles } = passProps;
+
+    const tagStyleHeight = tagsStyles.iframe && tagsStyles.iframe.height;
+    const tagStyleWidth = tagsStyles.iframe && tagsStyles.iframe.width;
+
+    const classStyles = _getElementClassStyles(htmlAttribs, classesStyles);
+    const classStyleWidth = classStyles.width;
+    const classStyleHeight = classStyles.height;
+
+    const attrHeight = htmlAttribs.height ? parseInt(htmlAttribs.height) : false;
+    const attrWidth = htmlAttribs.width ? parseInt(htmlAttribs.width) : false;
+
+    const height = attrHeight || classStyleHeight || tagStyleHeight || 200;
+    const width = attrWidth || classStyleWidth || tagStyleWidth || staticContentMaxWidth;
+
     const style = _constructStyles({
         tagName: 'iframe',
         htmlAttribs,
         passProps,
         styleSet: 'VIEW',
-        additionalStyles: [
-            {
-                height: htmlAttribs.height ?
-                    parseInt(htmlAttribs.height, 10) :
-                    undefined
-            },
-            {
-                width: staticContentMaxWidth && htmlAttribs.width && htmlAttribs.width <= staticContentMaxWidth ?
-                    parseInt(htmlAttribs.width, 10) :
-                    staticContentMaxWidth
-            }
-        ]
+        additionalStyles: [{ height, width }]
     });
 
     return (