@zendeskgarden/react-tooltips 8.74.1 → 8.74.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +6 -5
- package/dist/index.esm.js +4 -4
- package/package.json +4 -4
package/dist/index.cjs.js
CHANGED
|
@@ -11,7 +11,7 @@ var React = require('react');
|
|
|
11
11
|
var reactDom = require('react-dom');
|
|
12
12
|
var PropTypes = require('prop-types');
|
|
13
13
|
var styled = require('styled-components');
|
|
14
|
-
var
|
|
14
|
+
var mergeRefs = require('react-merge-refs');
|
|
15
15
|
var containerTooltip = require('@zendeskgarden/container-tooltip');
|
|
16
16
|
var containerUtilities = require('@zendeskgarden/container-utilities');
|
|
17
17
|
var reactPopper = require('react-popper');
|
|
@@ -22,6 +22,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
22
22
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
23
23
|
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
24
24
|
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
25
|
+
var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
|
|
25
26
|
|
|
26
27
|
function getPopperPlacement(gardenPlacement) {
|
|
27
28
|
const gardenToPopperMapping = {
|
|
@@ -78,7 +79,7 @@ function getArrowPosition(popperPlacement) {
|
|
|
78
79
|
const COMPONENT_ID$2 = 'tooltip.paragraph';
|
|
79
80
|
const StyledParagraph = styled__default.default.p.attrs({
|
|
80
81
|
'data-garden-id': COMPONENT_ID$2,
|
|
81
|
-
'data-garden-version': '8.74.
|
|
82
|
+
'data-garden-version': '8.74.3'
|
|
82
83
|
}).withConfig({
|
|
83
84
|
displayName: "StyledParagraph",
|
|
84
85
|
componentId: "sc-wuqkfc-0"
|
|
@@ -90,7 +91,7 @@ StyledParagraph.defaultProps = {
|
|
|
90
91
|
const COMPONENT_ID$1 = 'tooltip.title';
|
|
91
92
|
const StyledTitle = styled__default.default.strong.attrs({
|
|
92
93
|
'data-garden-id': COMPONENT_ID$1,
|
|
93
|
-
'data-garden-version': '8.74.
|
|
94
|
+
'data-garden-version': '8.74.3'
|
|
94
95
|
}).withConfig({
|
|
95
96
|
displayName: "StyledTitle",
|
|
96
97
|
componentId: "sc-vnjcvz-0"
|
|
@@ -187,7 +188,7 @@ const colorStyles = _ref2 => {
|
|
|
187
188
|
};
|
|
188
189
|
const StyledTooltip = styled__default.default.div.attrs({
|
|
189
190
|
'data-garden-id': COMPONENT_ID,
|
|
190
|
-
'data-garden-version': '8.74.
|
|
191
|
+
'data-garden-version': '8.74.3'
|
|
191
192
|
}).withConfig({
|
|
192
193
|
displayName: "StyledTooltip",
|
|
193
194
|
componentId: "sc-gzzjq4-0"
|
|
@@ -263,7 +264,7 @@ const Tooltip = _ref => {
|
|
|
263
264
|
} = _ref2;
|
|
264
265
|
return React.cloneElement(singleChild, getTriggerProps({
|
|
265
266
|
...singleChild.props,
|
|
266
|
-
[refKey]:
|
|
267
|
+
[refKey]: mergeRefs__default.default([ref, singleChild.ref ? singleChild.ref : null])
|
|
267
268
|
}));
|
|
268
269
|
}), React__default.default.createElement(reactPopper.Popper, {
|
|
269
270
|
placement: popperPlacement,
|
package/dist/index.esm.js
CHANGED
|
@@ -9,7 +9,7 @@ import React, { useContext, useRef, useEffect, cloneElement, forwardRef } from '
|
|
|
9
9
|
import { createPortal } from 'react-dom';
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
11
11
|
import styled, { css, ThemeContext } from 'styled-components';
|
|
12
|
-
import
|
|
12
|
+
import mergeRefs from 'react-merge-refs';
|
|
13
13
|
import { useTooltip } from '@zendeskgarden/container-tooltip';
|
|
14
14
|
import { getControlledValue, composeEventHandlers } from '@zendeskgarden/container-utilities';
|
|
15
15
|
import { Manager, Reference, Popper } from 'react-popper';
|
|
@@ -70,7 +70,7 @@ function getArrowPosition(popperPlacement) {
|
|
|
70
70
|
const COMPONENT_ID$2 = 'tooltip.paragraph';
|
|
71
71
|
const StyledParagraph = styled.p.attrs({
|
|
72
72
|
'data-garden-id': COMPONENT_ID$2,
|
|
73
|
-
'data-garden-version': '8.74.
|
|
73
|
+
'data-garden-version': '8.74.3'
|
|
74
74
|
}).withConfig({
|
|
75
75
|
displayName: "StyledParagraph",
|
|
76
76
|
componentId: "sc-wuqkfc-0"
|
|
@@ -82,7 +82,7 @@ StyledParagraph.defaultProps = {
|
|
|
82
82
|
const COMPONENT_ID$1 = 'tooltip.title';
|
|
83
83
|
const StyledTitle = styled.strong.attrs({
|
|
84
84
|
'data-garden-id': COMPONENT_ID$1,
|
|
85
|
-
'data-garden-version': '8.74.
|
|
85
|
+
'data-garden-version': '8.74.3'
|
|
86
86
|
}).withConfig({
|
|
87
87
|
displayName: "StyledTitle",
|
|
88
88
|
componentId: "sc-vnjcvz-0"
|
|
@@ -179,7 +179,7 @@ const colorStyles = _ref2 => {
|
|
|
179
179
|
};
|
|
180
180
|
const StyledTooltip = styled.div.attrs({
|
|
181
181
|
'data-garden-id': COMPONENT_ID,
|
|
182
|
-
'data-garden-version': '8.74.
|
|
182
|
+
'data-garden-version': '8.74.3'
|
|
183
183
|
}).withConfig({
|
|
184
184
|
displayName: "StyledTooltip",
|
|
185
185
|
componentId: "sc-gzzjq4-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-tooltips",
|
|
3
|
-
"version": "8.74.
|
|
3
|
+
"version": "8.74.3",
|
|
4
4
|
"description": "Collection of components and render prop containers relating to Tooltips in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
26
26
|
"polished": "^4.0.0",
|
|
27
27
|
"prop-types": "^15.5.7",
|
|
28
|
-
"react-merge-refs": "^
|
|
28
|
+
"react-merge-refs": "^1.1.0",
|
|
29
29
|
"react-popper": "^1.3.4"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@zendeskgarden/react-theming": "^8.74.
|
|
38
|
+
"@zendeskgarden/react-theming": "^8.74.3"
|
|
39
39
|
},
|
|
40
40
|
"keywords": [
|
|
41
41
|
"components",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
49
|
"zendeskgarden:src": "src/index.ts",
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "2ae5e421f4bad609f443d6b227e00b6d8e77a06d"
|
|
51
51
|
}
|