@cloudflare/component-tooltip 4.0.0 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 4.1.0
+
+### Minor Changes
+
+- da4ca74402: Add ability to style inner tooltip button
+
 ## 4.0.0
 
 ### Patch Changes

package/es/Tooltip.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@cloudflare/elements';
@@ -103,6 +105,7 @@ class Tooltip extends React.PureComponent {
       getContent,
       type,
       anchored,
+      buttonProps,
       isCapture,
       display,
       ariaLabel
@@ -123,7 +126,7 @@ class Tooltip extends React.PureComponent {
       onClick: this.props.onClick,
       event: "click",
       role: "status"
-    }), /*#__PURE__*/React.createElement(Button, {
+    }), /*#__PURE__*/React.createElement(Button, _extends({
       innerRef: ref => this.tooltipElement = ref,
       display: display ? display : 'flex',
       pointerEvents: "bounding-box",
@@ -143,7 +146,7 @@ class Tooltip extends React.PureComponent {
       onMouseOut: () => ReactTooltip.hide(this.tooltipElement),
       "aria-controls": id,
       "aria-label": ariaLabel
-    }, children));
+    }, buttonProps), children));
   }
 
 }
@@ -161,6 +164,7 @@ Tooltip.propTypes = {
   delayHide: PropTypes.number,
   afterHide: PropTypes.func,
   afterShow: PropTypes.func,
+  buttonProps: PropTypes.object,
   getContent: PropTypes.func,
   forceRebuild: PropTypes.bool,
   onClick: PropTypes.func,

package/index.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Button } from '@cloudflare/component-button';
 import { TfelaMProps } from '@cloudflare/types';
 
 interface TooltipProps extends React.CSSProperties, TfelaMProps {
@@ -16,6 +17,7 @@ interface TooltipProps extends React.CSSProperties, TfelaMProps {
   forceRebuild?: boolean;
   onClick?: (...args: any[]) => void;
   ariaLabel?: string;
+  buttonProps?: React.ComponentProps<typeof Button>;
 }
 
 export const Tooltip: React.FC<TooltipProps>;

package/lib/Tooltip.js

@@ -21,6 +21,8 @@ var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
@@ -161,6 +163,7 @@ var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
           getContent = _this$props.getContent,
           type = _this$props.type,
           anchored = _this$props.anchored,
+          buttonProps = _this$props.buttonProps,
           isCapture = _this$props.isCapture,
           display = _this$props.display,
           ariaLabel = _this$props.ariaLabel;
@@ -182,7 +185,7 @@ var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
         onClick: this.props.onClick,
         event: "click",
         role: "status"
-      }), /*#__PURE__*/_react.default.createElement(_elements.Button, {
+      }), /*#__PURE__*/_react.default.createElement(_elements.Button, _extends({
         innerRef: function innerRef(ref) {
           return _this3.tooltipElement = ref;
         },
@@ -210,7 +213,7 @@ var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
         },
         "aria-controls": id,
         "aria-label": ariaLabel
-      }, children));
+      }, buttonProps), children));
     }
   }]);
 
@@ -230,6 +233,7 @@ Tooltip.propTypes = {
   delayHide: _propTypes.default.number,
   afterHide: _propTypes.default.func,
   afterShow: _propTypes.default.func,
+  buttonProps: _propTypes.default.object,
   getContent: _propTypes.default.func,
   forceRebuild: _propTypes.default.bool,
   onClick: _propTypes.default.func,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/component-tooltip",
   "description": "Cloudflare Tooltip Component",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "James Kyle <jkyle@cloudflare.com>",