atlas-feedback-form
Advanced tools
Comparing version 1.2.0 to 1.2.1
@@ -6,3 +6,3 @@ "use strict"; | ||
}); | ||
exports.default = void 0; | ||
exports["default"] = void 0; | ||
@@ -21,3 +21,3 @@ var _react = _interopRequireDefault(require("react")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
@@ -36,2 +36,4 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
@@ -41,4 +43,2 @@ | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _templateObject() { | ||
@@ -56,3 +56,3 @@ var data = _taggedTemplateLiteral(["\n position: fixed;\n bottom: 50%;\n right: 0;\n display: inline-block;\n background-color: #3497c5;\n color: white;\n font-size: 1.2rem;\n padding: 0.25rem 0.25rem 1rem 0.25rem;\n transition: all 0.2s;\n margin: -45px;\n :hover {\n background-color: #2f5767;\n cursor: pointer;\n }\n box-shadow: 2px 2px 3px #999;\n transform: rotate(-90deg);\n"]); | ||
var FeedbackButtonDiv = _styledComponents.default.button(_templateObject()); | ||
var FeedbackButtonDiv = _styledComponents["default"].button(_templateObject()); | ||
@@ -73,9 +73,9 @@ var FeedbackButton = | ||
}; | ||
_this.onClick = _this.onClick.bind(_assertThisInitialized(_assertThisInitialized(_this))); | ||
_this.smileyChange = _this.smileyChange.bind(_assertThisInitialized(_assertThisInitialized(_this))); | ||
_this.onClick = _this.onClick.bind(_assertThisInitialized(_this)); | ||
_this.smileyChange = _this.smileyChange.bind(_assertThisInitialized(_this)); | ||
_reactPopup.default.registerPlugin("prompt", function (smileyScore, smileyChange, callback) { | ||
_reactPopup.default.create({ | ||
_reactPopup["default"].registerPlugin("prompt", function (smileyScore, smileyChange, callback) { | ||
_reactPopup["default"].create({ | ||
title: "Your feedback", | ||
content: _react.default.createElement(_Prompt.default, { | ||
content: _react["default"].createElement(_Prompt["default"], { | ||
feedbackFormLink: props.feedbackFormLink, | ||
@@ -91,7 +91,7 @@ onSelect: smileyChange | ||
callback(); | ||
smileyScore && _reactGa.default.event({ | ||
smileyScore && _reactGa["default"].event({ | ||
category: "Satisfaction", | ||
action: smileyScore.toString() | ||
}); | ||
smileyScore && _reactPopup.default.close(); | ||
smileyScore && _reactPopup["default"].close(); | ||
} | ||
@@ -114,3 +114,3 @@ }] : [] | ||
}, function () { | ||
_reactPopup.default.close(); | ||
_reactPopup["default"].close(); | ||
@@ -123,4 +123,4 @@ _this2.onClick(); | ||
value: function onClick() { | ||
_reactPopup.default.plugins().prompt(this.state.smileyScore, this.smileyChange, function () { | ||
_reactPopup.default.alert("Thank you for submitting your feedback."); | ||
_reactPopup["default"].plugins().prompt(this.state.smileyScore, this.smileyChange, function () { | ||
_reactPopup["default"].alert("Thank you for submitting your feedback."); | ||
}); | ||
@@ -131,9 +131,9 @@ } | ||
value: function render() { | ||
_reactGa.default.initialize(this.props.gaId); | ||
_reactGa["default"].initialize(this.props.gaId); | ||
_reactGa.default.pageview(window.location.pathname + window.location.search); | ||
_reactGa["default"].pageview(window.location.pathname + window.location.search); | ||
return _react.default.createElement("div", null, _react.default.createElement(_reactPopup.default, null), _react.default.createElement(FeedbackButtonDiv, { | ||
return _react["default"].createElement("div", null, _react["default"].createElement(_reactPopup["default"], null), _react["default"].createElement(FeedbackButtonDiv, { | ||
onClick: this.onClick | ||
}, _react.default.createElement("i", { | ||
}, _react["default"].createElement("i", { | ||
className: "icon icon-functional", | ||
@@ -149,9 +149,9 @@ "data-icon": "n", | ||
return FeedbackButton; | ||
}(_react.default.Component); | ||
}(_react["default"].Component); | ||
FeedbackButton.propTypes = { | ||
feedbackFormLink: _propTypes.default.oneOf(["https://www.ebi.ac.uk/support/gxa", "https://www.ebi.ac.uk/support/gxasc"]).isRequired, | ||
gaId: _propTypes.default.string.isRequired | ||
feedbackFormLink: _propTypes["default"].oneOf(["https://www.ebi.ac.uk/support/gxa", "https://www.ebi.ac.uk/support/gxasc"]).isRequired, | ||
gaId: _propTypes["default"].string.isRequired | ||
}; | ||
var _default = FeedbackButton; | ||
exports.default = _default; | ||
exports["default"] = _default; |
@@ -9,3 +9,3 @@ "use strict"; | ||
get: function get() { | ||
return _FeedbackButton.default; | ||
return _FeedbackButton["default"]; | ||
} | ||
@@ -21,8 +21,8 @@ }); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var render = function render(options, target) { | ||
_reactDom.default.render(_react.default.createElement(_FeedbackButton.default, options), document.getElementById(target)); | ||
_reactDom["default"].render(_react["default"].createElement(_FeedbackButton["default"], options), document.getElementById(target)); | ||
}; | ||
exports.render = render; |
@@ -6,3 +6,3 @@ "use strict"; | ||
}); | ||
exports.default = void 0; | ||
exports["default"] = void 0; | ||
@@ -19,3 +19,3 @@ var _react = _interopRequireDefault(require("react")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
@@ -34,2 +34,4 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
@@ -39,4 +41,2 @@ | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _templateObject() { | ||
@@ -54,3 +54,3 @@ var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-evenly;\n"]); | ||
var SmileyContainer = _styledComponents.default.div(_templateObject()); | ||
var SmileyContainer = _styledComponents["default"].div(_templateObject()); | ||
@@ -71,3 +71,3 @@ var Prompt = | ||
}; | ||
_this.onClick = _this.onClick.bind(_assertThisInitialized(_assertThisInitialized(_this))); | ||
_this.onClick = _this.onClick.bind(_assertThisInitialized(_this)); | ||
return _this; | ||
@@ -89,8 +89,8 @@ } | ||
return _react.default.createElement("div", null, _react.default.createElement("p", { | ||
return _react["default"].createElement("div", null, _react["default"].createElement("p", { | ||
style: { | ||
paddingBottom: "1rem" | ||
} | ||
}, "How satisfied are you?"), _react.default.createElement(SmileyContainer, null, _smileyData.default.map(function (smiley, idx) { | ||
return _react.default.createElement(_SmileyDiv.default, { | ||
}, "How satisfied are you?"), _react["default"].createElement(SmileyContainer, null, _smileyData["default"].map(function (smiley, idx) { | ||
return _react["default"].createElement(_SmileyDiv["default"], { | ||
key: idx, | ||
@@ -104,7 +104,7 @@ onClick: function onClick() { | ||
}); | ||
})), _react.default.createElement("p", { | ||
})), _react["default"].createElement("p", { | ||
style: { | ||
paddingTop: "1rem" | ||
} | ||
}, _react.default.createElement("a", { | ||
}, _react["default"].createElement("a", { | ||
href: this.props.feedbackFormLink, | ||
@@ -117,9 +117,9 @@ target: "_blank" | ||
return Prompt; | ||
}(_react.default.Component); | ||
}(_react["default"].Component); | ||
Prompt.propTypes = { | ||
onSelect: _propTypes.default.func.isRequired, | ||
feedbackFormLink: _propTypes.default.string.isRequired | ||
onSelect: _propTypes["default"].func.isRequired, | ||
feedbackFormLink: _propTypes["default"].string.isRequired | ||
}; | ||
var _default = Prompt; | ||
exports.default = _default; | ||
exports["default"] = _default; |
@@ -6,3 +6,3 @@ "use strict"; | ||
}); | ||
exports.default = void 0; | ||
exports["default"] = void 0; | ||
var smileyData = [{ | ||
@@ -30,2 +30,2 @@ emoji: "\uD83D\uDE1E", | ||
var _default = smileyData; | ||
exports.default = _default; | ||
exports["default"] = _default; |
@@ -6,3 +6,3 @@ "use strict"; | ||
}); | ||
exports.default = void 0; | ||
exports["default"] = void 0; | ||
@@ -13,3 +13,3 @@ var _propTypes = _interopRequireDefault(require("prop-types")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
@@ -28,3 +28,3 @@ function _templateObject() { | ||
var SmileyDiv = _styledComponents.default.div(_templateObject(), function (props) { | ||
var SmileyDiv = _styledComponents["default"].div(_templateObject(), function (props) { | ||
return props.emoji; | ||
@@ -40,7 +40,7 @@ }, function (props) { | ||
SmileyDiv.propTypes = { | ||
emoji: _propTypes.default.string.isRequired, | ||
label: _propTypes.default.string.isRequired, | ||
selected: _propTypes.default.bool.isRequired | ||
emoji: _propTypes["default"].string.isRequired, | ||
label: _propTypes["default"].string.isRequired, | ||
selected: _propTypes["default"].bool.isRequired | ||
}; | ||
var _default = SmileyDiv; | ||
exports.default = _default; | ||
exports["default"] = _default; |
{ | ||
"name": "atlas-feedback-form", | ||
"version": "1.2.0", | ||
"version": "1.2.1", | ||
"description": "This feedback form is triggered by clicking a right-side button, which contains a mandatory five-scale smiley score bar and an optional comments textbox.", | ||
@@ -33,30 +33,30 @@ "main": "lib/index.js", | ||
"prop-types": "^15.7.2", | ||
"react": "^16.8.3", | ||
"react-dom": "^16.8.3", | ||
"react": "^16.8.6", | ||
"react-dom": "^16.8.6", | ||
"react-ga": "^2.5.7", | ||
"react-popup": "^0.10.0", | ||
"styled-components": "^4.1.3" | ||
"styled-components": "^4.2.0" | ||
}, | ||
"devDependencies": { | ||
"@babel/cli": "^7.2.3", | ||
"@babel/core": "^7.3.4", | ||
"@babel/polyfill": "^7.2.5", | ||
"@babel/preset-env": "^7.3.4", | ||
"@babel/cli": "^7.4.4", | ||
"@babel/core": "^7.4.4", | ||
"@babel/polyfill": "^7.4.4", | ||
"@babel/preset-env": "^7.4.4", | ||
"@babel/preset-react": "^7.0.0", | ||
"babel-core": "^7.0.0-bridge.0", | ||
"babel-jest": "^24.1.0", | ||
"babel-jest": "^24.8.0", | ||
"babel-loader": "^8.0.5", | ||
"clean-webpack-plugin": "^1.0.1", | ||
"clean-webpack-plugin": "^2.0.2", | ||
"coveralls": "^3.0.3", | ||
"enzyme": "^3.9.0", | ||
"enzyme-adapter-react-16": "^1.10.0", | ||
"eslint": "^5.15.0", | ||
"eslint-config-gene-expression": "^0.4.2", | ||
"fetch-mock": "^7.3.1", | ||
"jest": "^24.1.0", | ||
"react-test-renderer": "^16.8.3", | ||
"webpack": "^4.29.6", | ||
"webpack-cli": "^3.2.3", | ||
"webpack-dev-server": "^3.2.1" | ||
"enzyme-adapter-react-16": "^1.12.1", | ||
"eslint": "^5.16.0", | ||
"eslint-config-gene-expression": "^0.5.0", | ||
"fetch-mock": "^7.3.3", | ||
"jest": "^24.8.0", | ||
"react-test-renderer": "^16.8.6", | ||
"webpack": "^4.30.0", | ||
"webpack-cli": "^3.3.2", | ||
"webpack-dev-server": "^3.3.1" | ||
} | ||
} |
17595
Updatedreact@^16.8.6
Updatedreact-dom@^16.8.6
Updatedstyled-components@^4.2.0