@zendeskgarden/react-tooltips 8.47.1 → 8.48.2

package/dist/index.cjs.js

@@ -31,14 +31,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -46,19 +41,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -186,9 +174,9 @@ function getArrowPosition(popperPlacement) {
 }
 
 var COMPONENT_ID$2 = 'tooltip.paragraph';
-var StyledParagraph = styled__default['default'].p.attrs({
+var StyledParagraph = styled__default["default"].p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -200,9 +188,9 @@ StyledParagraph.defaultProps = {
 };
 
 var COMPONENT_ID$1 = 'tooltip.title';
-var StyledTitle = styled__default['default'].strong.attrs({
+var StyledTitle = styled__default["default"].strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -297,9 +285,9 @@ var colorStyles = function colorStyles(_ref2) {
   }
   return styled.css(["border:", ";box-shadow:", ";background-color:", ";color:", ";", "{color:", ";}"], border, boxShadow, backgroundColor, color, StyledTitle, titleColor);
 };
-var StyledTooltip = styled__default['default'].div.attrs({
+var StyledTooltip = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -318,7 +306,7 @@ StyledTooltip.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var StyledTooltipWrapper = styled__default['default'].div.withConfig({
+var StyledTooltipWrapper = styled__default["default"].div.withConfig({
   displayName: "StyledTooltipWrapper",
   componentId: "sc-1b7q9q6-0"
 })(["transition:opacity 10ms;opacity:1;z-index:", ";&[aria-hidden='true']{visibility:hidden;opacity:0;}"], function (props) {
@@ -366,16 +354,16 @@ var Tooltip = function Tooltip(_ref) {
     }
   }, [controlledIsVisible, content]);
   var popperPlacement = theme.rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
-  var singleChild = React__default['default'].Children.only(children);
+  var singleChild = React__default["default"].Children.only(children);
   var modifiers = _objectSpread2({
     preventOverflow: {
       boundariesElement: 'window'
     }
   }, popperModifiers);
-  return React__default['default'].createElement(reactPopper.Manager, null, React__default['default'].createElement(reactPopper.Reference, null, function (_ref2) {
+  return React__default["default"].createElement(reactPopper.Manager, null, React__default["default"].createElement(reactPopper.Reference, null, function (_ref2) {
     var ref = _ref2.ref;
-    return React.cloneElement(singleChild, getTriggerProps(_objectSpread2(_objectSpread2({}, singleChild.props), {}, _defineProperty({}, refKey, mergeRefs__default['default']([ref, singleChild.ref ? singleChild.ref : null])))));
-  }), React__default['default'].createElement(reactPopper.Popper, {
+    return React.cloneElement(singleChild, getTriggerProps(_objectSpread2(_objectSpread2({}, singleChild.props), {}, _defineProperty({}, refKey, mergeRefs__default["default"]([ref, singleChild.ref ? singleChild.ref : null])))));
+  }), React__default["default"].createElement(reactPopper.Popper, {
     placement: popperPlacement,
     eventsEnabled: controlledIsVisible && eventsEnabled,
     modifiers: modifiers
@@ -409,12 +397,12 @@ var Tooltip = function Tooltip(_ref) {
       'aria-hidden': !controlledIsVisible,
       type: type
     }, otherTooltipProps);
-    var tooltip = React__default['default'].createElement(StyledTooltipWrapper, {
+    var tooltip = React__default["default"].createElement(StyledTooltipWrapper, {
       ref: controlledIsVisible ? ref : null,
       style: style,
       zIndex: zIndex,
       "aria-hidden": !controlledIsVisible
-    }, React__default['default'].createElement(StyledTooltip, getTooltipProps(tooltipProps), content));
+    }, React__default["default"].createElement(StyledTooltip, getTooltipProps(tooltipProps), content));
     if (appendToNode) {
       return reactDom.createPortal(tooltip, appendToNode);
     }
@@ -423,19 +411,19 @@ var Tooltip = function Tooltip(_ref) {
 };
 Tooltip.displayName = 'Tooltip';
 Tooltip.propTypes = {
-  appendToNode: PropTypes__default['default'].any,
-  hasArrow: PropTypes__default['default'].bool,
-  delayMS: PropTypes__default['default'].number,
-  eventsEnabled: PropTypes__default['default'].bool,
-  id: PropTypes__default['default'].string,
-  content: PropTypes__default['default'].node.isRequired,
-  placement: PropTypes__default['default'].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
-  popperModifiers: PropTypes__default['default'].any,
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'large', 'extra-large']),
-  type: PropTypes__default['default'].oneOf(['light', 'dark']),
-  zIndex: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
-  isInitialVisible: PropTypes__default['default'].bool,
-  refKey: PropTypes__default['default'].string
+  appendToNode: PropTypes__default["default"].any,
+  hasArrow: PropTypes__default["default"].bool,
+  delayMS: PropTypes__default["default"].number,
+  eventsEnabled: PropTypes__default["default"].bool,
+  id: PropTypes__default["default"].string,
+  content: PropTypes__default["default"].node.isRequired,
+  placement: PropTypes__default["default"].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
+  popperModifiers: PropTypes__default["default"].any,
+  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large', 'extra-large']),
+  type: PropTypes__default["default"].oneOf(['light', 'dark']),
+  zIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  isInitialVisible: PropTypes__default["default"].bool,
+  refKey: PropTypes__default["default"].string
 };
 Tooltip.defaultProps = {
   hasArrow: true,
@@ -446,15 +434,15 @@ Tooltip.defaultProps = {
   refKey: 'ref'
 };
 
-var Paragraph = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledParagraph, _extends({
+var Paragraph = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledParagraph, _extends({
     ref: ref
   }, props));
 });
 Paragraph.displayName = 'Paragraph';
 
-var Title = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledTitle, _extends({
+var Title = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledTitle, _extends({
     ref: ref
   }, props));
 });

package/dist/index.esm.js

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 
-import React, { useContext, useRef, useEffect, cloneElement } from 'react';
+import React, { useContext, useRef, useEffect, cloneElement, forwardRef } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import styled, { css, ThemeContext } from 'styled-components';
@@ -20,14 +20,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -35,19 +30,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -177,7 +165,7 @@ function getArrowPosition(popperPlacement) {
 var COMPONENT_ID$2 = 'tooltip.paragraph';
 var StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -191,7 +179,7 @@ StyledParagraph.defaultProps = {
 var COMPONENT_ID$1 = 'tooltip.title';
 var StyledTitle = styled.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -288,7 +276,7 @@ var colorStyles = function colorStyles(_ref2) {
 };
 var StyledTooltip = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -435,14 +423,14 @@ Tooltip.defaultProps = {
   refKey: 'ref'
 };
 
-var Paragraph = React.forwardRef(function (props, ref) {
+var Paragraph = forwardRef(function (props, ref) {
   return React.createElement(StyledParagraph, _extends({
     ref: ref
   }, props));
 });
 Paragraph.displayName = 'Paragraph';
 
-var Title = React.forwardRef(function (props, ref) {
+var Title = forwardRef(function (props, ref) {
   return React.createElement(StyledTitle, _extends({
     ref: ref
   }, props));

package/dist/typings/elements/Paragraph.d.ts

@@ -9,4 +9,3 @@ import React from 'react';
  * @extends HTMLAttributes<HTMLParagraphElement>
  */
 export declare const Paragraph: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export default Paragraph;

package/dist/typings/elements/Title.d.ts

@@ -9,4 +9,3 @@ import React from 'react';
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export default Title;

package/dist/typings/elements/Tooltip.d.ts

@@ -4,11 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
 import { Modifiers } from 'popper.js';
 import { GARDEN_PLACEMENT } from '../utils/gardenPlacements';
 import { TOOLTIP_SIZE, TOOLTIP_TYPE } from '../styled';
-export interface ITooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ITooltipProps extends HTMLAttributes<HTMLDivElement> {
     /** Appends the tooltip to the element provided */
     appendToNode?: Element;
     /** Adds an arrow to the tooltip */
@@ -17,8 +18,6 @@ export interface ITooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     delayMS?: number;
     /** Allows the tooltip to reposition during browser resize events */
     eventsEnabled?: boolean;
-    /** Sets the ID of the tooltip */
-    id?: string;
     /** Defines the content of the tooltip */
     content: React.ReactNode;
     /**
@@ -37,6 +36,7 @@ export interface ITooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     isInitialVisible?: boolean;
     /** Displays the tooltip */
     isVisible?: boolean;
+    /** @ignore ReactNode override */
     children: React.ReactElement;
     /** Defines the ref key used to position the tooltip */
     refKey?: string;
@@ -44,4 +44,30 @@ export interface ITooltipProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Tooltip: React.FC<ITooltipProps>;
+export declare const Tooltip: {
+    ({ id, delayMS, isInitialVisible, content, refKey, placement, eventsEnabled, popperModifiers, children, hasArrow, size, type, appendToNode, zIndex, isVisible: externalIsVisible, ...otherProps }: ITooltipProps): JSX.Element;
+    displayName: string;
+    propTypes: {
+        appendToNode: PropTypes.Requireable<any>;
+        hasArrow: PropTypes.Requireable<boolean>;
+        delayMS: PropTypes.Requireable<number>;
+        eventsEnabled: PropTypes.Requireable<boolean>;
+        id: PropTypes.Requireable<string>;
+        content: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        placement: PropTypes.Requireable<string>;
+        popperModifiers: PropTypes.Requireable<any>;
+        size: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        zIndex: PropTypes.Requireable<string | number>;
+        isInitialVisible: PropTypes.Requireable<boolean>;
+        refKey: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        hasArrow: boolean;
+        eventsEnabled: boolean;
+        type: string;
+        placement: string;
+        delayMS: number;
+        refKey: string;
+    };
+};

package/dist/typings/index.d.ts

@@ -6,5 +6,5 @@
  */
 export { Tooltip } from './elements/Tooltip';
 export type { ITooltipProps } from './elements/Tooltip';
-export { default as Paragraph } from './elements/Paragraph';
-export { default as Title } from './elements/Title';
+export { Paragraph } from './elements/Paragraph';
+export { Title } from './elements/Title';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tooltips",
-  "version": "8.47.1",
+  "version": "8.48.2",
   "description": "Collection of components and render prop containers relating to Tooltips in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-tooltip": "^0.5.12",
-    "@zendeskgarden/container-utilities": "^0.6.0",
+    "@zendeskgarden/container-utilities": "^0.7.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^1.1.0",
@@ -35,7 +35,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.47.1"
+    "@zendeskgarden/react-theming": "^8.48.2"
   },
   "keywords": [
     "components",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
+  "gitHead": "c514c351b0973fe1f9853853c536d4fac10f4ce4"
 }