@zendeskgarden/react-tooltips 8.62.1 → 8.63.0

package/dist/index.cjs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var reactDom = require('react-dom');
 var PropTypes = require('prop-types');
@@ -19,12 +17,12 @@ var containerUtilities = require('@zendeskgarden/container-utilities');
 var reactPopper = require('react-popper');
 var reactTheming = require('@zendeskgarden/react-theming');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 
 function getPopperPlacement(gardenPlacement) {
   const gardenToPopperMapping = {
@@ -79,9 +77,9 @@ function getArrowPosition(popperPlacement) {
 }
 
 const COMPONENT_ID$2 = 'tooltip.paragraph';
-const StyledParagraph = styled__default["default"].p.attrs({
+const StyledParagraph = styled__default.default.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -91,9 +89,9 @@ StyledParagraph.defaultProps = {
 };
 
 const COMPONENT_ID$1 = 'tooltip.title';
-const StyledTitle = styled__default["default"].strong.attrs({
+const StyledTitle = styled__default.default.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -188,9 +186,9 @@ const colorStyles = _ref2 => {
   }
   return styled.css(["border:", ";box-shadow:", ";background-color:", ";color:", ";", "{color:", ";}"], border, boxShadow, backgroundColor, color, StyledTitle, titleColor);
 };
-const StyledTooltip = styled__default["default"].div.attrs({
+const StyledTooltip = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -199,7 +197,7 @@ StyledTooltip.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const StyledTooltipWrapper = styled__default["default"].div.withConfig({
+const 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;}"], props => props.zIndex);
@@ -231,7 +229,9 @@ const Tooltip = _ref => {
     isVisible: externalIsVisible,
     ...otherProps
   } = _ref;
-  const theme = React.useContext(styled.ThemeContext);
+  const {
+    rtl
+  } = React.useContext(styled.ThemeContext);
   const scheduleUpdateRef = React.useRef();
   const {
     isVisible,
@@ -250,23 +250,23 @@ const Tooltip = _ref => {
       scheduleUpdateRef.current();
     }
   }, [controlledIsVisible, content]);
-  const popperPlacement = theme.rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
-  const singleChild = React__default["default"].Children.only(children);
+  const popperPlacement = rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
+  const singleChild = React__default.default.Children.only(children);
   const modifiers = {
     preventOverflow: {
       boundariesElement: 'window'
     },
     ...popperModifiers
   };
-  return React__default["default"].createElement(reactPopper.Manager, null, React__default["default"].createElement(reactPopper.Reference, null, _ref2 => {
+  return React__default.default.createElement(reactPopper.Manager, null, React__default.default.createElement(reactPopper.Reference, null, _ref2 => {
     let {
       ref
     } = _ref2;
     return React.cloneElement(singleChild, getTriggerProps({
       ...singleChild.props,
-      [refKey]: mergeRefs__default["default"]([ref, singleChild.ref ? singleChild.ref : null])
+      [refKey]: mergeRefs__default.default([ref, singleChild.ref ? singleChild.ref : null])
     }));
-  }), React__default["default"].createElement(reactPopper.Popper, {
+  }), React__default.default.createElement(reactPopper.Popper, {
     placement: popperPlacement,
     eventsEnabled: controlledIsVisible && eventsEnabled,
     modifiers: modifiers
@@ -305,12 +305,12 @@ const Tooltip = _ref => {
       type,
       ...otherTooltipProps
     };
-    const tooltip = React__default["default"].createElement(StyledTooltipWrapper, {
+    const 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);
     }
@@ -319,19 +319,19 @@ const 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(PLACEMENT),
-  popperModifiers: PropTypes__default["default"].any,
-  size: PropTypes__default["default"].oneOf(SIZE),
-  type: PropTypes__default["default"].oneOf(TYPE),
-  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(PLACEMENT),
+  popperModifiers: PropTypes__default.default.any,
+  size: PropTypes__default.default.oneOf(SIZE),
+  type: PropTypes__default.default.oneOf(TYPE),
+  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,
@@ -357,12 +357,12 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-const Paragraph = React.forwardRef((props, ref) => React__default["default"].createElement(StyledParagraph, _extends({
+const Paragraph = React.forwardRef((props, ref) => React__default.default.createElement(StyledParagraph, _extends({
   ref: ref
 }, props)));
 Paragraph.displayName = 'Paragraph';
 
-const Title = React.forwardRef((props, ref) => React__default["default"].createElement(StyledTitle, _extends({
+const Title = React.forwardRef((props, ref) => React__default.default.createElement(StyledTitle, _extends({
   ref: ref
 }, props)));
 Title.displayName = 'Title';

package/dist/index.esm.js

@@ -70,7 +70,7 @@ function getArrowPosition(popperPlacement) {
 const COMPONENT_ID$2 = 'tooltip.paragraph';
 const StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -82,7 +82,7 @@ StyledParagraph.defaultProps = {
 const COMPONENT_ID$1 = 'tooltip.title';
 const StyledTitle = styled.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -179,7 +179,7 @@ const colorStyles = _ref2 => {
 };
 const StyledTooltip = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -220,7 +220,9 @@ const Tooltip = _ref => {
     isVisible: externalIsVisible,
     ...otherProps
   } = _ref;
-  const theme = useContext(ThemeContext);
+  const {
+    rtl
+  } = useContext(ThemeContext);
   const scheduleUpdateRef = useRef();
   const {
     isVisible,
@@ -239,7 +241,7 @@ const Tooltip = _ref => {
       scheduleUpdateRef.current();
     }
   }, [controlledIsVisible, content]);
-  const popperPlacement = theme.rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
+  const popperPlacement = rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
   const singleChild = React.Children.only(children);
   const modifiers = {
     preventOverflow: {

package/dist/typings/styled/StyledTooltip.d.ts

@@ -8,7 +8,7 @@ import { DefaultTheme } from 'styled-components';
 import { ITooltipProps, POPPER_PLACEMENT } from '../types';
 interface IStyledTooltipProps extends Pick<ITooltipProps, 'hasArrow' | 'size' | 'zIndex'> {
     /** All valid [Popper.JS Placements](https://popper.js.org/popper-documentation.html#Popper.placements) */
-    placement: typeof POPPER_PLACEMENT[number];
+    placement: (typeof POPPER_PLACEMENT)[number];
     type: NonNullable<ITooltipProps['type']>;
 }
 /**

package/dist/typings/types/index.d.ts

@@ -10,8 +10,8 @@ export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end",
 export declare const POPPER_PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
 export declare const SIZE: readonly ["small", "medium", "large", "extra-large"];
 export declare const TYPE: readonly ["light", "dark"];
-export declare type GardenPlacement = typeof PLACEMENT[number];
-export declare type PopperPlacement = typeof POPPER_PLACEMENT[number];
+export type GardenPlacement = (typeof PLACEMENT)[number];
+export type PopperPlacement = (typeof POPPER_PLACEMENT)[number];
 export interface ITooltipProps extends HTMLAttributes<HTMLDivElement> {
     /** Appends the tooltip to the element provided */
     appendToNode?: Element;
@@ -30,9 +30,9 @@ export interface ITooltipProps extends HTMLAttributes<HTMLDivElement> {
     /** Passes configurations to the [Popper instance](https://popper.js.org/docs/v2/modifiers/) */
     popperModifiers?: Modifiers;
     /** Adjusts the padding and font size */
-    size?: typeof SIZE[number];
+    size?: (typeof SIZE)[number];
     /** Specifies the tooltip type */
-    type?: typeof TYPE[number];
+    type?: (typeof TYPE)[number];
     /** Sets the `z-index` of the tooltip */
     zIndex?: number | string;
     /** Displays the tooltip on initial render */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tooltips",
-  "version": "8.62.1",
+  "version": "8.63.0",
   "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": "^1.0.0",
-    "@zendeskgarden/container-utilities": "^0.7.0",
+    "@zendeskgarden/container-utilities": "^1.0.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.62.1"
+    "@zendeskgarden/react-theming": "^8.63.0"
   },
   "keywords": [
     "components",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
+  "gitHead": "4b8715305a769881b143c7195c5b31e687422926"
 }