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

Comparing version 1.0.3 to 1.0.4

build-module/index.js

@@ -79,3 +79,5 @@ import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
                 doSurveyButtonText: this.props.doSurveyButtonText,
-                skipButtonText: this.props.skipButtonText
+                skipButtonText: this.props.skipButtonText,
+                doSurveyButtonClass: this.props.buttonClass.doSurvey,
+                closeModalButtonClass: this.props.buttonClass.closeModal
             }) : React.createElement(TypeFormEmbed, {
@@ -143,2 +145,6 @@ onSubmit: function onSubmit() {
     },
+    buttonClass: {
+        doSurvey: '',
+        closeModal: ''
+    },
     modalClassName: {
@@ -167,2 +173,6 @@ content: '',
     }),
+    buttonClass: PropTypes.shape({
+        doSurvey: PropTypes.string,
+        closeModal: PropTypes.string
+    }),
     typeFormUrl: PropTypes.string.isRequired,
@@ -169,0 +179,0 @@ introText: PropTypes.string,

build-module/modal/optionsview.js

@@ -6,2 +6,3 @@ /**
 import Button from './button';
+import classNames from 'classnames';
 
@@ -13,5 +14,7 @@ export default function ExitModalOptions(_ref) {
         doSurveyButtonText = _ref.doSurveyButtonText,
-        skipButtonText = _ref.skipButtonText;
+        skipButtonText = _ref.skipButtonText,
+        doSurveyButtonClass = _ref.doSurveyButtonClass,
+        closeModalButtonClass = _ref.closeModalButtonClass;
 
-    var buttonClass = "ee-saas-cancel-prompt-button";
+    var buttonClass = "ee-cancel-prompt-button";
     return React.createElement(
@@ -29,3 +32,3 @@ 'div',
             buttonText: doSurveyButtonText,
-            buttonClass: buttonClass + ' do-survey'
+            buttonClass: classNames(buttonClass, 'do-survey', doSurveyButtonClass)
         }),
@@ -36,5 +39,5 @@ React.createElement(Button, {
             buttonText: skipButtonText,
-            buttonClass: buttonClass + ' close-modal-and-cancel'
+            buttonClass: classNames(buttonClass, 'close-modal-and-cancel', closeModalButtonClass)
         })
     );
 };

build/index.js

@@ -112,3 +112,5 @@ 'use strict';
                 doSurveyButtonText: this.props.doSurveyButtonText,
-                skipButtonText: this.props.skipButtonText
+                skipButtonText: this.props.skipButtonText,
+                doSurveyButtonClass: this.props.buttonClass.doSurvey,
+                closeModalButtonClass: this.props.buttonClass.closeModal
             }) : _react2.default.createElement(_index.TypeFormEmbed, {
@@ -175,2 +177,6 @@ onSubmit: function onSubmit() {
     },
+    buttonClass: {
+        doSurvey: '',
+        closeModal: ''
+    },
     modalClassName: {
@@ -199,2 +205,6 @@ content: '',
     }),
+    buttonClass: _propTypes2.default.shape({
+        doSurvey: _propTypes2.default.string,
+        closeModal: _propTypes2.default.string
+    }),
     typeFormUrl: _propTypes2.default.string.isRequired,
@@ -201,0 +211,0 @@ introText: _propTypes2.default.string,

build/modal/optionsview.js

@@ -16,7 +16,8 @@ 'use strict';
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * External Dependencies
- */
 function ExitModalOptions(_ref) {
@@ -27,5 +28,7 @@ var onClose = _ref.onClose,
         doSurveyButtonText = _ref.doSurveyButtonText,
-        skipButtonText = _ref.skipButtonText;
+        skipButtonText = _ref.skipButtonText,
+        doSurveyButtonClass = _ref.doSurveyButtonClass,
+        closeModalButtonClass = _ref.closeModalButtonClass;
 
-    var buttonClass = "ee-saas-cancel-prompt-button";
+    var buttonClass = "ee-cancel-prompt-button";
     return _react2.default.createElement(
@@ -43,3 +46,3 @@ 'div',
             buttonText: doSurveyButtonText,
-            buttonClass: buttonClass + ' do-survey'
+            buttonClass: (0, _classnames2.default)(buttonClass, 'do-survey', doSurveyButtonClass)
         }),
@@ -50,5 +53,8 @@ _react2.default.createElement(_button2.default, {
             buttonText: skipButtonText,
-            buttonClass: buttonClass + ' close-modal-and-cancel'
+            buttonClass: (0, _classnames2.default)(buttonClass, 'close-modal-and-cancel', closeModalButtonClass)
         })
     );
-};
+} /**
+   * External Dependencies
+   */
+;

package.json

 {
   "name": "@eventespresso/react-exit-modal-typeform",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "React component that allows the triggering of an typeform form via modal",
@@ -38,2 +38,3 @@ "author": "EventEspresso",
     "@typeform/embed": "^0.5.6",
+    "classnames": "^2.2.5",
     "prop-types": "^15.6.1",
@@ -40,0 +41,0 @@ "react": "^16.2.0",

README.md

@@ -79,2 +79,6 @@ # React Exit Modal for Typeform
 | `styles.content` | object | Inline styles for the modal content container.
+| `styles.typeFormStyle` | object | Inline styles for the container holding the embedded typeform (defaults to 600x400). |
+| `buttonClass` | object | Provde css class for button styles.
+| `buttonClass.doSurvey` | string | CSS classname for the button triggering doing the survey.
+| `buttonClass.closeModal` | string | CSS classname for the button triggering closing the modal. 
 | `modalClassName` | object | Provide css class to use with styling.
@@ -81,0 +85,0 @@ | `modalClassName.content` | string | CSS classname to use for the modal content container.

src/index.js

@@ -57,2 +57,4 @@ /**
                 skipButtonText={this.props.skipButtonText}
+                doSurveyButtonClass={this.props.buttonClass.doSurvey}
+                closeModalButtonClass={this.props.buttonClass.closeModal}
                 />
@@ -110,2 +112,6 @@ : <TypeFormEmbed
     },
+    buttonClass: {
+        doSurvey: '',
+        closeModal: ''
+    },
     modalClassName: {
@@ -134,2 +140,6 @@ content: '',
     }),
+    buttonClass: PropTypes.shape({
+        doSurvey: PropTypes.string,
+        closeModal: PropTypes.string
+    }),
     typeFormUrl: PropTypes.string.isRequired,
@@ -136,0 +146,0 @@ introText: PropTypes.string,

src/modal/optionsview.js

@@ -6,2 +6,3 @@ /**
 import Button from './button';
+import classNames from 'classnames';
 
@@ -13,5 +14,7 @@ export default function ExitModalOptions({
         doSurveyButtonText,
-        skipButtonText
+        skipButtonText,
+        doSurveyButtonClass,
+        closeModalButtonClass
     }) {
-    const buttonClass = "ee-saas-cancel-prompt-button";
+    const buttonClass = "ee-cancel-prompt-button";
     return (
@@ -24,3 +27,3 @@ <div className={'exit-modal-choices'}>
                 buttonText={doSurveyButtonText}
-                buttonClass={buttonClass + ' do-survey'}
+                buttonClass={classNames(buttonClass, 'do-survey', doSurveyButtonClass)}
             />
@@ -31,3 +34,3 @@ <Button
                 buttonText={skipButtonText}
-                buttonClass={buttonClass + ' close-modal-and-cancel'}
+                buttonClass={classNames(buttonClass, 'close-modal-and-cancel', closeModalButtonClass)}
             />
@@ -34,0 +37,0 @@ </div>

No alert changes

Improved metrics

Total package byte prevSize

36966

increased by6.04%

Lines of code

903

increased by4.63%

Number of lines in readme file

89

increased by4.71%

Worsened metrics

Dependency count

6

increased by20%

Dependency changes

• + Addedclassnames@^2.2.5