@crave/farmblocks-tooltip - npm Package Compare versions

Comparing version 0.2.0-alpha.3a9dce98 to 0.2.0-alpha.e320de4a

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log
 
+<a name="0.2.0-alpha.e320de4a"></a>
+# 0.2.0-alpha.e320de4a (2017-10-05)
+
+
+### Bug Fixes
+
+* **tests:** fix broken snapshot test ([ad02e15](https://github.com/CraveFood/farmblocks/commit/ad02e15))
+
+
+### Features
+
+* **tooltip:** tooltip component and stories for it ([3acce31](https://github.com/CraveFood/farmblocks/commit/3acce31))
+
+
+
+
 <a name="0.2.0-alpha.3a9dce98"></a>
@@ -8,0 +24,0 @@ # [0.2.0-alpha.3a9dce98](https://github.com/CraveFood/farmblocks/compare/@crave/farmblocks-tooltip@0.0.1...@crave/farmblocks-tooltip@0.2.0-alpha.3a9dce98) (2017-10-03)

lib/index.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -7,5 +7,5 @@ Object.defineProperty(exports, "__esModule", {
 
-var _Tooltip = require('./Tooltip');
+var _Tooltip = require("./Tooltip");
 
-Object.defineProperty(exports, 'default', {
+Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -12,0 +12,0 @@ get: function get() {

lib/styledComponents/Tooltip.js

@@ -8,4 +8,4 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["position: relative;"], ["position: relative;"]),
-    _templateObject2 = _taggedTemplateLiteral(["\n  visibility: ", ";\n  position: absolute;\n  top: 15px;\n  padding: 8px;\n  background-color: #ffffff;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);\n  border: solid 1px rgba(0, 0, 0, 0.16);\n  border-radius: 4px;\n  white-space: pre;\n\n  /* old .left classname */\n  right: 0;\n\n  /* old .right classname:\n    left: 0;\n\n    &:after, &:before {\n      left: -4px;\n    }\n  */\n  &:after,\n  &:before {\n    bottom: 100%;\n    border: solid 1px rgba(0, 0, 0, 0.16);\n    content: \" \";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n  }\n\n  &:before {\n    border-color: transparent;\n    border-bottom-color: rgba(0, 0, 0, 0.16);\n    border-width: 8px;\n    right: 7px;\n  }\n\n  &:after {\n    border-color: transparent;\n    border-bottom-color: #ffffff;\n    border-width: 7px;\n    right: 8px;\n  }\n"], ["\n  visibility: ", ";\n  position: absolute;\n  top: 15px;\n  padding: 8px;\n  background-color: #ffffff;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);\n  border: solid 1px rgba(0, 0, 0, 0.16);\n  border-radius: 4px;\n  white-space: pre;\n\n  /* old .left classname */\n  right: 0;\n\n  /* old .right classname:\n    left: 0;\n\n    &:after, &:before {\n      left: -4px;\n    }\n  */\n  &:after,\n  &:before {\n    bottom: 100%;\n    border: solid 1px rgba(0, 0, 0, 0.16);\n    content: \" \";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n  }\n\n  &:before {\n    border-color: transparent;\n    border-bottom-color: rgba(0, 0, 0, 0.16);\n    border-width: 8px;\n    right: 7px;\n  }\n\n  &:after {\n    border-color: transparent;\n    border-bottom-color: #ffffff;\n    border-width: 7px;\n    right: 8px;\n  }\n"]);
+var _templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"], ["\n  position: relative;\n"]),
+    _templateObject2 = _taggedTemplateLiteral(["\n  visibility: ", ";\n  position: absolute;\n  top: 15px;\n  padding: 8px;\n  background-color: #ffffff;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);\n  border: solid 1px rgba(0, 0, 0, 0.16);\n  border-radius: 4px;\n  white-space: pre;\n\n  right: 0;\n\n  &:after,\n  &:before {\n    bottom: 100%;\n    border: solid 1px rgba(0, 0, 0, 0.16);\n    content: \" \";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n  }\n\n  &:before {\n    border-color: transparent;\n    border-bottom-color: rgba(0, 0, 0, 0.16);\n    border-width: 8px;\n    right: 7px;\n  }\n\n  &:after {\n    border-color: transparent;\n    border-bottom-color: #ffffff;\n    border-width: 7px;\n    right: 8px;\n  }\n"], ["\n  visibility: ", ";\n  position: absolute;\n  top: 15px;\n  padding: 8px;\n  background-color: #ffffff;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);\n  border: solid 1px rgba(0, 0, 0, 0.16);\n  border-radius: 4px;\n  white-space: pre;\n\n  right: 0;\n\n  &:after,\n  &:before {\n    bottom: 100%;\n    border: solid 1px rgba(0, 0, 0, 0.16);\n    content: \" \";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n  }\n\n  &:before {\n    border-color: transparent;\n    border-bottom-color: rgba(0, 0, 0, 0.16);\n    border-width: 8px;\n    right: 7px;\n  }\n\n  &:after {\n    border-color: transparent;\n    border-bottom-color: #ffffff;\n    border-width: 7px;\n    right: 8px;\n  }\n"]);
 
@@ -12,0 +12,0 @@ var _styledComponents = require("styled-components");

lib/Tooltip.js

@@ -7,7 +7,5 @@ "use strict";
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 var _react = require("react");
 
-var _react2 = _interopRequireDefault(_react);
+var React = _interopRequireWildcard(_react);
 
@@ -22,27 +20,11 @@ var _propTypes = require("prop-types");
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+// @FIXME annotating props as Object while we dont have a way to prevent redundant type anotation.
+// see issue #22
+var Tooltip = function Tooltip(props) {
+  return React.createElement(_Tooltip.Container, null, React.createElement(_Tooltip.StyledTooltip, props, props.text));
+};
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-var Tooltip = function (_Component) {
-  _inherits(Tooltip, _Component);
-
-  function Tooltip() {
-    _classCallCheck(this, Tooltip);
-
-    return _possibleConstructorReturn(this, (Tooltip.__proto__ || Object.getPrototypeOf(Tooltip)).apply(this, arguments));
-  }
-
-  _createClass(Tooltip, [{
-    key: "render",
-    value: function render() {
-      return _react2.default.createElement(_Tooltip.Container, null, _react2.default.createElement(_Tooltip.StyledTooltip, this.props, this.props.text));
-    }
-  }]);
-
-  return Tooltip;
-}(_react.Component);
-
 Tooltip.propTypes = {
@@ -49,0 +31,0 @@ text: _propTypes2.default.string.isRequired,

package.json

 {
   "name": "@crave/farmblocks-tooltip",
-  "version": "0.2.0-alpha.3a9dce98",
+  "version": "0.2.0-alpha.e320de4a",
   "description": "Tooltip component",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

6049

decreased by-18.43%

Lines of code

54

decreased by-21.74%

No dependency changes