@crave/farmblocks-tooltip - npm Package Compare versions

Comparing version 0.2.0-alpha.3a9dce98 to 0.2.0-alpha.50d16853

CHANGELOG.md

@@ -6,2 +6,19 @@ # Change Log
 
+<a name="0.2.0-alpha.50d16853"></a>
+# 0.2.0-alpha.50d16853 (2017-10-16)
+
+
+### Bug Fixes
+
+* **lint errors:** fix linting errors reported after the introduction of eslint checks ([bd16d38](https://github.com/CraveFood/farmblocks/commit/bd16d38))
+* **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 +25,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,19 @@ 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 +39,0 @@ text: _propTypes2.default.string.isRequired,

package.json

 {
   "name": "@crave/farmblocks-tooltip",
-  "version": "0.2.0-alpha.3a9dce98",
+  "version": "0.2.0-alpha.50d16853",
   "description": "Tooltip component",
+  "author": "Crave Food Services and AUTHORS",
+  "license": "MIT",
   "main": "lib/index.js",
@@ -20,4 +22,4 @@ "files": [
     "build": "yarn clean && babel src -d lib --ignore '*.test.js,*.story.js'",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "prestorybook": "cp -Rf ../../.storybook .",
+    "storybook": "start-storybook -p 6006 -s .storybook/assets"
   },
@@ -28,4 +30,2 @@ "repository": {
   },
-  "author": "Crave Food Services and AUTHORS",
-  "license": "MIT",
   "bugs": {
@@ -38,16 +38,16 @@ "url": "https://github.com/CraveFood/farmblocks/issues"
     "react": "^16.0.0",
-    "styled-components": "^2.2.0"
+    "styled-components": "^2.2.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.2.12",
-    "@storybook/addon-info": "^3.2.11",
-    "@storybook/addon-links": "^3.2.12",
-    "@storybook/addon-storyshots": "^3.2.11",
     "@storybook/react": "^3.2.12",
     "babel-cli": "^6.26.0",
-    "flow-bin": "^0.55.0",
-    "flow-typed": "^2.1.5",
-    "jest": "^21.1.0"
+    "flow-bin": "^0.56.0",
+    "jest": "^21.2.1"
   },
-  "keywords": []
+  "keywords": [
+    "farmblocks",
+    "tooltip",
+    "react",
+    "component"
+  ]
 }

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

Improved metrics

Dev dependency count

4

decreased by-55.56%

Worsened metrics

Total package byte prevSize

6139

decreased by-17.22%

Lines of code

62

decreased by-10.14%

No dependency changes