@cloudflare/component-tooltip 2.7.179 → 4.0.0

package/es/Tooltip.js

@@ -5,57 +5,60 @@ import { createComponent } from '@cloudflare/style-container';
 import ReactTooltip from 'react-tooltip';
 import uniqueId from 'lodash.uniqueid';
 
-const getBackgroundColor = (theme, type) => {
+var getBackgroundColor = (theme, type) => {
   if (type === 'dark') {
-    return `${theme.colors.gray[2]} !important`;
+    return "".concat(theme.colors.gray[2], " !important");
   }
 
   if (type === 'success') {
-    return `${theme.colors.green[6]} !important`;
+    return "".concat(theme.colors.green[6], " !important");
   }
 
   return 'inherit';
 };
 
-export const tooltipStyles = ({
-  theme,
-  type,
-  place
-}) => ({
-  '&:after': {
-    borderTopColor: place === 'top' ? getBackgroundColor(theme, type) : 'inherit',
-    borderRightColor: place === 'right' ? getBackgroundColor(theme, type) : 'inherit',
-    borderLeftColor: place === 'left' ? getBackgroundColor(theme, type) : 'inherit',
-    borderBottomColor: place === 'bottom' ? getBackgroundColor(theme, type) : 'inherit'
-  },
-  color: `${theme.colors.white} !important`,
-  backgroundColor: getBackgroundColor(theme, type),
-  opacity: '1!important',
-  fontSize: `${theme.fontSizes[1]}px!important`,
-  borderRadius: '2px!important',
-  maxWidth: '21rem!important',
-  paddingLeft: `${theme.space[3]}px!important`,
-  paddingRight: `${theme.space[3]}px!important`,
-  paddingTop: `${theme.space[2]}px!important`,
-  paddingBottom: `${theme.space[2]}px!important`,
-  fontWeight: 'normal!important',
-  lineHeight: '1.5!important',
-  pointerEvents: 'auto !important',
-  verticalAlign: 'baseline!important',
-  whiteSpace: 'normal',
-  zIndex: '1300',
-  '&:hover': {
-    visibility: 'visible!important',
-    opacity: '1!important'
-  },
-  '& a': {
-    color: theme.colors.white,
-    textDecoration: 'underline',
-    ':hover': {
-      textDecoration: 'none'
+export var tooltipStyles = _ref => {
+  var {
+    theme,
+    type,
+    place
+  } = _ref;
+  return {
+    '&:after': {
+      borderTopColor: place === 'top' ? getBackgroundColor(theme, type) : 'inherit',
+      borderRightColor: place === 'right' ? getBackgroundColor(theme, type) : 'inherit',
+      borderLeftColor: place === 'left' ? getBackgroundColor(theme, type) : 'inherit',
+      borderBottomColor: place === 'bottom' ? getBackgroundColor(theme, type) : 'inherit'
+    },
+    color: "".concat(theme.colors.white, " !important"),
+    backgroundColor: getBackgroundColor(theme, type),
+    opacity: '1!important',
+    fontSize: "".concat(theme.fontSizes[1], "px!important"),
+    borderRadius: '2px!important',
+    maxWidth: '21rem!important',
+    paddingLeft: "".concat(theme.space[3], "px!important"),
+    paddingRight: "".concat(theme.space[3], "px!important"),
+    paddingTop: "".concat(theme.space[2], "px!important"),
+    paddingBottom: "".concat(theme.space[2], "px!important"),
+    fontWeight: 'normal!important',
+    lineHeight: '1.5!important',
+    pointerEvents: 'auto !important',
+    verticalAlign: 'baseline!important',
+    whiteSpace: 'normal',
+    zIndex: '1300',
+    '&:hover': {
+      visibility: 'visible!important',
+      opacity: '1!important'
+    },
+    '& a': {
+      color: theme.colors.white,
+      textDecoration: 'underline',
+      ':hover': {
+        textDecoration: 'none'
+      }
     }
-  }
-});
+  };
+};
 
 class Tooltip extends React.PureComponent {
   constructor(props) {
@@ -88,22 +91,23 @@ class Tooltip extends React.PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          disable = _this$props.disable,
-          place = _this$props.place,
-          message = _this$props.message,
-          children = _this$props.children,
-          className = _this$props.className,
-          delayHide = _this$props.delayHide,
-          afterHide = _this$props.afterHide,
-          afterShow = _this$props.afterShow,
-          getContent = _this$props.getContent,
-          type = _this$props.type,
-          anchored = _this$props.anchored,
-          isCapture = _this$props.isCapture,
-          display = _this$props.display,
-          ariaLabel = _this$props.ariaLabel;
-    const id = this.props.id ? this.props.id : this.id;
+    var {
+      disable,
+      place,
+      message,
+      children,
+      className,
+      delayHide,
+      afterHide,
+      afterShow,
+      getContent,
+      type,
+      anchored,
+      isCapture,
+      display,
+      ariaLabel
+    } = this.props;
+    var id = this.props.id ? this.props.id : this.id;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReactTooltip, {
       id: id,
       disable: disable,

package/lib/Tooltip.js

@@ -1,11 +1,11 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; 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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.tooltipStyles = void 0;
+exports.tooltipStyles = exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -25,18 +25,22 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 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); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-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); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var getBackgroundColor = function getBackgroundColor(theme, type) {
   if (type === 'dark') {
     return "".concat(theme.colors.gray[2], " !important");
@@ -95,14 +99,16 @@ exports.tooltipStyles = tooltipStyles;
 var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Tooltip, _React$PureComponent);
 
+  var _super = _createSuper(Tooltip);
+
   function Tooltip(props) {
     var _this;
 
     _classCallCheck(this, Tooltip);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Tooltip).call(this, props));
+    _this = _super.call(this, props);
     _this.id = (0, _lodash.default)('cf_component_tooltip_');
-    _this.escFunction = _this.escFunction.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.escFunction = _this.escFunction.bind(_assertThisInitialized(_this));
     return _this;
   }
 

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; 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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -20,6 +20,6 @@ Object.defineProperty(exports, "tooltipStyles", {
 
 var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/package.json

@@ -1,23 +1,24 @@
 {
   "name": "@cloudflare/component-tooltip",
   "description": "Cloudflare Tooltip Component",
-  "version": "2.7.179",
+  "version": "4.0.0",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "James Kyle <jkyle@cloudflare.com>",
   "license": "BSD-3-Clause",
   "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
+    "access": "public",
+    "main": "lib/index.js",
+    "module": "es/index.js"
   },
   "dependencies": {
-    "@cloudflare/elements": "^1.12.7",
-    "@cloudflare/style-container": "^7.8.45",
+    "@cloudflare/elements": "^3.0.0",
     "lodash.uniqueid": "^4.0.1",
     "prop-types": "^15.6.0",
     "react-tooltip": "^3.11.6"
   },
   "peerDependencies": {
+    "@cloudflare/style-container": "^7.10.0",
     "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0"
   },
   "stratus": {
@@ -30,6 +31,5 @@
     "test": "stratus test",
     "test-coverage": "stratus test --coverage",
     "test-watch": "stratus test --watch"
-  },
-  "gitHead": "216f13f248dedfe1b8ec6c4de0dae0244c7cfaa6"
-}
+  }
+}