@eventespresso/react-exit-modal-typeform - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

build-module/index.js

@@ -85,3 +85,4 @@ import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
                 url: this.props.typeFormUrl,
-                popup: false
+                popup: false,
+                typeFormStyle: this.props.styles.typeFormStyle
             });
@@ -136,2 +137,6 @@ return React.createElement(
             padding: '20px'
+        },
+        typeFormStyle: {
+            width: '600px',
+            height: '400px'
         }
@@ -154,7 +159,9 @@ },
         overlay: PropTypes.object,
-        content: PropTypes.object
+        content: PropTypes.object,
+        typeFormStyle: PropTypes.object
     }),
     modalClassName: PropTypes.shape({
         overlay: PropTypes.string,
-        content: PropTypes.string
+        content: PropTypes.string,
+        typeFormStyle: PropTypes.string
     }),
@@ -161,0 +168,0 @@ typeFormUrl: PropTypes.string.isRequired,

build-module/modal/typeFormEmbed.js

@@ -61,3 +61,3 @@ import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
                     return _this2.typeformEl = tf;
-                }, style: this.props.style });
+                }, style: this.props.typeFormStyle });
         }
@@ -73,3 +73,3 @@ }]);
 TypeFormEmbed.propTypes = {
-    style: PropTypes.object,
+    typeFormStyle: PropTypes.object,
     url: PropTypes.string.isRequired,
@@ -92,3 +92,3 @@ popup: PropTypes.bool,
 TypeFormEmbed.defaultProps = {
-    style: {},
+    typeFormStyle: {},
     url: '',
@@ -95,0 +95,0 @@ popup: false,

build/index.js

@@ -118,3 +118,4 @@ 'use strict';
                 url: this.props.typeFormUrl,
-                popup: false
+                popup: false,
+                typeFormStyle: this.props.styles.typeFormStyle
             });
@@ -168,2 +169,6 @@ return _react2.default.createElement(
             padding: '20px'
+        },
+        typeFormStyle: {
+            width: '600px',
+            height: '400px'
         }
@@ -186,7 +191,9 @@ },
         overlay: _propTypes2.default.object,
-        content: _propTypes2.default.object
+        content: _propTypes2.default.object,
+        typeFormStyle: _propTypes2.default.object
     }),
     modalClassName: _propTypes2.default.shape({
         overlay: _propTypes2.default.string,
-        content: _propTypes2.default.string
+        content: _propTypes2.default.string,
+        typeFormStyle: _propTypes2.default.string
     }),
@@ -193,0 +200,0 @@ typeFormUrl: _propTypes2.default.string.isRequired,

build/modal/typeFormEmbed.js

@@ -90,3 +90,3 @@ 'use strict';
                     return _this2.typeformEl = tf;
-                }, style: this.props.style });
+                }, style: this.props.typeFormStyle });
         }
@@ -104,3 +104,3 @@ }]);
 TypeFormEmbed.propTypes = {
-    style: _propTypes2.default.object,
+    typeFormStyle: _propTypes2.default.object,
     url: _propTypes2.default.string.isRequired,
@@ -123,3 +123,3 @@ popup: _propTypes2.default.bool,
 TypeFormEmbed.defaultProps = {
-    style: {},
+    typeFormStyle: {},
     url: '',
@@ -126,0 +126,0 @@ popup: false,

package.json

 {
   "name": "@eventespresso/react-exit-modal-typeform",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React component that allows the triggering of an typeform form via modal",
@@ -5,0 +5,0 @@ "author": "EventEspresso",

src/index.js

@@ -62,2 +62,3 @@ /**
                 popup={false}
+                typeFormStyle={this.props.styles.typeFormStyle}
             />;
@@ -103,2 +104,6 @@ return (
             padding: '20px'
+        },
+        typeFormStyle: {
+            width: '600px',
+            height: '400px',
         }
@@ -121,7 +126,9 @@ },
         overlay: PropTypes.object,
-        content: PropTypes.object
+        content: PropTypes.object,
+        typeFormStyle: PropTypes.object
     }),
     modalClassName: PropTypes.shape({
         overlay: PropTypes.string,
-        content: PropTypes.string
+        content: PropTypes.string,
+        typeFormStyle: PropTypes.string
     }),
@@ -128,0 +135,0 @@ typeFormUrl: PropTypes.string.isRequired,

src/modal/typeFormEmbed.js

@@ -9,2 +9,3 @@ /**
 export default class TypeFormEmbed extends Component {
+
     componentDidMount() {
@@ -43,3 +44,3 @@ const {
         return (
-            <div className="react-typeform-embed" ref={tf => this.typeformEl = tf} style={this.props.style} />
+            <div className="react-typeform-embed" ref={tf => this.typeformEl = tf} style={this.props.typeFormStyle} />
         )
@@ -51,3 +52,3 @@ }
 TypeFormEmbed.propTypes = {
-    style: PropTypes.object,
+    typeFormStyle: PropTypes.object,
     url: PropTypes.string.isRequired,
@@ -70,3 +71,3 @@ popup: PropTypes.bool,
 TypeFormEmbed.defaultProps = {
-    style: {},
+    typeFormStyle: {},
     url: '',
@@ -73,0 +74,0 @@ popup:false,

No alert changes

Improved metrics

Total package byte prevSize

34860

increased by2.37%

Lines of code

863

increased by2.49%

No dependency changes