@atlaskit/tooltip 18.4.1 → 18.5.0
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/CHANGELOG.md +932 -924
- package/__perf__/default.tsx +3 -3
- package/__perf__/examples.tsx +38 -45
- package/dist/cjs/Tooltip.js +4 -2
- package/dist/cjs/TooltipContainer.js +11 -2
- package/dist/cjs/TooltipPrimitive.js +9 -3
- package/dist/es2019/Tooltip.js +6 -2
- package/dist/es2019/TooltipContainer.js +11 -2
- package/dist/es2019/TooltipPrimitive.js +11 -2
- package/dist/esm/Tooltip.js +4 -2
- package/dist/esm/TooltipContainer.js +11 -2
- package/dist/esm/TooltipPrimitive.js +11 -2
- package/dist/types/TooltipPrimitive.d.ts +3 -0
- package/dist/types-ts4.5/TooltipPrimitive.d.ts +3 -0
- package/package.json +102 -104
- package/report.api.md +93 -92
package/__perf__/default.tsx
CHANGED
|
@@ -5,7 +5,7 @@ import Button from '@atlaskit/button/custom-theme-button';
|
|
|
5
5
|
import Tooltip from '../src';
|
|
6
6
|
|
|
7
7
|
export default () => (
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
<Tooltip content="Hello World">
|
|
9
|
+
<Button appearance="primary">Hover over me</Button>
|
|
10
|
+
</Tooltip>
|
|
11
11
|
);
|
package/__perf__/examples.tsx
CHANGED
|
@@ -1,66 +1,59 @@
|
|
|
1
1
|
import React, { useLayoutEffect } from 'react';
|
|
2
2
|
|
|
3
3
|
import { findByTestId, fireEvent } from '@testing-library/dom';
|
|
4
|
-
import {
|
|
5
|
-
type InteractionTaskArgs,
|
|
6
|
-
type PublicInteractionTask,
|
|
7
|
-
} from 'storybook-addon-performance';
|
|
4
|
+
import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
|
|
8
5
|
|
|
9
6
|
import Tooltip from '../src';
|
|
10
7
|
|
|
11
8
|
function Child() {
|
|
12
|
-
|
|
9
|
+
return <div id="tooltip-reference">New tooltip</div>;
|
|
13
10
|
}
|
|
14
11
|
|
|
15
12
|
function DefaultTooltip() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
useLayoutEffect(() => {}, []);
|
|
14
|
+
return (
|
|
15
|
+
<Tooltip delay={0} content="Hello World" testId="tooltip">
|
|
16
|
+
<Child />
|
|
17
|
+
</Tooltip>
|
|
18
|
+
);
|
|
22
19
|
}
|
|
23
20
|
|
|
24
21
|
const tooltip = () => <DefaultTooltip />;
|
|
25
22
|
|
|
26
23
|
const interactionTasks: PublicInteractionTask[] = [
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
await findByTestId(parent, 'tooltip');
|
|
52
|
-
});
|
|
53
|
-
},
|
|
54
|
-
},
|
|
24
|
+
{
|
|
25
|
+
name: 'Display tooltip',
|
|
26
|
+
description: 'Hover over div and wait for tooltip to load',
|
|
27
|
+
run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
|
|
28
|
+
const element: HTMLElement | null = container.querySelector('#tooltip-reference');
|
|
29
|
+
if (!element) {
|
|
30
|
+
throw new Error('no div found');
|
|
31
|
+
}
|
|
32
|
+
const parent: HTMLElement | null = container.parentElement;
|
|
33
|
+
if (parent == null) {
|
|
34
|
+
throw new Error('Could not find parent element');
|
|
35
|
+
}
|
|
36
|
+
const tooltip = parent.querySelector('[data-testid="tooltip"]');
|
|
37
|
+
if (tooltip != null) {
|
|
38
|
+
throw new Error('Unexpected tooltip found');
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
await controls.time(async () => {
|
|
42
|
+
fireEvent.mouseOver(element);
|
|
43
|
+
|
|
44
|
+
await findByTestId(parent, 'tooltip');
|
|
45
|
+
});
|
|
46
|
+
},
|
|
47
|
+
},
|
|
55
48
|
];
|
|
56
49
|
|
|
57
50
|
tooltip.story = {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
51
|
+
name: 'Default Tooltip',
|
|
52
|
+
parameters: {
|
|
53
|
+
performance: {
|
|
54
|
+
interactions: interactionTasks,
|
|
55
|
+
},
|
|
56
|
+
},
|
|
64
57
|
};
|
|
65
58
|
|
|
66
59
|
export default tooltip;
|
package/dist/cjs/Tooltip.js
CHANGED
|
@@ -32,7 +32,7 @@ var tooltipZIndex = _constants.layers.tooltip();
|
|
|
32
32
|
var analyticsAttributes = {
|
|
33
33
|
componentName: 'tooltip',
|
|
34
34
|
packageName: "@atlaskit/tooltip",
|
|
35
|
-
packageVersion: "18.
|
|
35
|
+
packageVersion: "18.5.0"
|
|
36
36
|
};
|
|
37
37
|
|
|
38
38
|
// Inverts motion direction
|
|
@@ -460,7 +460,9 @@ function Tooltip(_ref) {
|
|
|
460
460
|
/**
|
|
461
461
|
* "Tooltip" classname is a hook used by tests to manipulate
|
|
462
462
|
* and hide tooltips, including in VR snapshots
|
|
463
|
-
|
|
463
|
+
**/
|
|
464
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
465
|
+
,
|
|
464
466
|
className: "Tooltip ".concat(className),
|
|
465
467
|
style: _objectSpread(_objectSpread({}, style), ignoreTooltipPointerEvents && {
|
|
466
468
|
pointerEvents: 'none'
|
|
@@ -9,8 +9,13 @@ var _react = require("react");
|
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _colors = require("@atlaskit/theme/colors");
|
|
11
11
|
var _TooltipPrimitive = _interopRequireDefault(require("./TooltipPrimitive"));
|
|
12
|
+
/**
|
|
13
|
+
* @jsxRuntime classic
|
|
14
|
+
*/
|
|
12
15
|
/** @jsx jsx */
|
|
13
16
|
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
18
|
+
|
|
14
19
|
var baseStyles = (0, _react2.css)({
|
|
15
20
|
boxSizing: 'border-box',
|
|
16
21
|
maxWidth: '240px',
|
|
@@ -41,8 +46,12 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
|
|
|
41
46
|
onMouseOver = _ref.onMouseOver,
|
|
42
47
|
id = _ref.id;
|
|
43
48
|
return (0, _react2.jsx)(_TooltipPrimitive.default, {
|
|
44
|
-
ref: ref
|
|
45
|
-
style
|
|
49
|
+
ref: ref
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
51
|
+
,
|
|
52
|
+
style: style
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
54
|
+
,
|
|
46
55
|
className: className,
|
|
47
56
|
placement: placement,
|
|
48
57
|
testId: testId,
|
|
@@ -10,7 +10,9 @@ var _react = require("react");
|
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _constants = require("@atlaskit/theme/constants");
|
|
12
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
13
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
14
|
+
* @jsxRuntime classic
|
|
15
|
+
*/ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
16
|
var VAR_PRIMITIVE_ZINDEX = 'tooltipPrimitiveZindex';
|
|
15
17
|
var primitiveStyles = (0, _react2.css)({
|
|
16
18
|
zindex: "var(".concat(VAR_PRIMITIVE_ZINDEX, ")"),
|
|
@@ -27,11 +29,15 @@ var TooltipPrimitive = /*#__PURE__*/(0, _react.forwardRef)(function TooltipPrimi
|
|
|
27
29
|
id = _ref.id;
|
|
28
30
|
var styleWithZIndex = _objectSpread(_objectSpread({}, style), {}, (0, _defineProperty2.default)({}, VAR_PRIMITIVE_ZINDEX, _constants.layers.tooltip()));
|
|
29
31
|
return (0, _react2.jsx)("div", {
|
|
30
|
-
ref: ref
|
|
32
|
+
ref: ref
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
34
|
+
,
|
|
31
35
|
style: styleWithZIndex,
|
|
32
36
|
"data-testid": testId ? "".concat(testId, "--wrapper") : undefined
|
|
33
37
|
}, (0, _react2.jsx)("div", {
|
|
34
|
-
role: "tooltip"
|
|
38
|
+
role: "tooltip"
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
40
|
+
,
|
|
35
41
|
className: className
|
|
36
42
|
// Because the tooltip should not be focusable, there is no reason to have key events.
|
|
37
43
|
/* eslint-disable jsx-a11y/mouse-events-have-key-events */,
|
package/dist/es2019/Tooltip.js
CHANGED
|
@@ -18,7 +18,7 @@ const tooltipZIndex = layers.tooltip();
|
|
|
18
18
|
const analyticsAttributes = {
|
|
19
19
|
componentName: 'tooltip',
|
|
20
20
|
packageName: "@atlaskit/tooltip",
|
|
21
|
-
packageVersion: "18.
|
|
21
|
+
packageVersion: "18.5.0"
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
// Inverts motion direction
|
|
@@ -437,10 +437,14 @@ function Tooltip({
|
|
|
437
437
|
/**
|
|
438
438
|
* "Tooltip" classname is a hook used by tests to manipulate
|
|
439
439
|
* and hide tooltips, including in VR snapshots
|
|
440
|
-
|
|
440
|
+
**/
|
|
441
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
442
|
+
,
|
|
441
443
|
className: `Tooltip ${className}`,
|
|
442
444
|
style: {
|
|
445
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
443
446
|
...style,
|
|
447
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
444
448
|
...(ignoreTooltipPointerEvents && {
|
|
445
449
|
pointerEvents: 'none'
|
|
446
450
|
})
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { forwardRef } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import { N0, N800 } from '@atlaskit/theme/colors';
|
|
5
10
|
import TooltipPrimitive from './TooltipPrimitive';
|
|
@@ -34,8 +39,12 @@ const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
|
|
|
34
39
|
id
|
|
35
40
|
}, ref) {
|
|
36
41
|
return jsx(TooltipPrimitive, {
|
|
37
|
-
ref: ref
|
|
38
|
-
style
|
|
42
|
+
ref: ref
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
44
|
+
,
|
|
45
|
+
style: style
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
47
|
+
,
|
|
39
48
|
className: className,
|
|
40
49
|
placement: placement,
|
|
41
50
|
testId: testId,
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { forwardRef } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import { layers } from '@atlaskit/theme/constants';
|
|
5
10
|
const VAR_PRIMITIVE_ZINDEX = 'tooltipPrimitiveZindex';
|
|
@@ -22,11 +27,15 @@ const TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive({
|
|
|
22
27
|
[VAR_PRIMITIVE_ZINDEX]: layers.tooltip()
|
|
23
28
|
};
|
|
24
29
|
return jsx("div", {
|
|
25
|
-
ref: ref
|
|
30
|
+
ref: ref
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
32
|
+
,
|
|
26
33
|
style: styleWithZIndex,
|
|
27
34
|
"data-testid": testId ? `${testId}--wrapper` : undefined
|
|
28
35
|
}, jsx("div", {
|
|
29
|
-
role: "tooltip"
|
|
36
|
+
role: "tooltip"
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
38
|
+
,
|
|
30
39
|
className: className
|
|
31
40
|
// Because the tooltip should not be focusable, there is no reason to have key events.
|
|
32
41
|
/* eslint-disable jsx-a11y/mouse-events-have-key-events */,
|
package/dist/esm/Tooltip.js
CHANGED
|
@@ -22,7 +22,7 @@ var tooltipZIndex = layers.tooltip();
|
|
|
22
22
|
var analyticsAttributes = {
|
|
23
23
|
componentName: 'tooltip',
|
|
24
24
|
packageName: "@atlaskit/tooltip",
|
|
25
|
-
packageVersion: "18.
|
|
25
|
+
packageVersion: "18.5.0"
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
// Inverts motion direction
|
|
@@ -450,7 +450,9 @@ function Tooltip(_ref) {
|
|
|
450
450
|
/**
|
|
451
451
|
* "Tooltip" classname is a hook used by tests to manipulate
|
|
452
452
|
* and hide tooltips, including in VR snapshots
|
|
453
|
-
|
|
453
|
+
**/
|
|
454
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
455
|
+
,
|
|
454
456
|
className: "Tooltip ".concat(className),
|
|
455
457
|
style: _objectSpread(_objectSpread({}, style), ignoreTooltipPointerEvents && {
|
|
456
458
|
pointerEvents: 'none'
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { forwardRef } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import { N0, N800 } from '@atlaskit/theme/colors';
|
|
5
10
|
import TooltipPrimitive from './TooltipPrimitive';
|
|
@@ -33,8 +38,12 @@ var TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer(_ref, r
|
|
|
33
38
|
onMouseOver = _ref.onMouseOver,
|
|
34
39
|
id = _ref.id;
|
|
35
40
|
return jsx(TooltipPrimitive, {
|
|
36
|
-
ref: ref
|
|
37
|
-
style
|
|
41
|
+
ref: ref
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
43
|
+
,
|
|
44
|
+
style: style
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
46
|
+
,
|
|
38
47
|
className: className,
|
|
39
48
|
placement: placement,
|
|
40
49
|
testId: testId,
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
/**
|
|
5
|
+
* @jsxRuntime classic
|
|
6
|
+
*/
|
|
4
7
|
/** @jsx jsx */
|
|
5
8
|
import { forwardRef } from 'react';
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
11
|
import { css, jsx } from '@emotion/react';
|
|
7
12
|
import { layers } from '@atlaskit/theme/constants';
|
|
8
13
|
var VAR_PRIMITIVE_ZINDEX = 'tooltipPrimitiveZindex';
|
|
@@ -21,11 +26,15 @@ var TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive(_ref, r
|
|
|
21
26
|
id = _ref.id;
|
|
22
27
|
var styleWithZIndex = _objectSpread(_objectSpread({}, style), {}, _defineProperty({}, VAR_PRIMITIVE_ZINDEX, layers.tooltip()));
|
|
23
28
|
return jsx("div", {
|
|
24
|
-
ref: ref
|
|
29
|
+
ref: ref
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
31
|
+
,
|
|
25
32
|
style: styleWithZIndex,
|
|
26
33
|
"data-testid": testId ? "".concat(testId, "--wrapper") : undefined
|
|
27
34
|
}, jsx("div", {
|
|
28
|
-
role: "tooltip"
|
|
35
|
+
role: "tooltip"
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
37
|
+
,
|
|
29
38
|
className: className
|
|
30
39
|
// Because the tooltip should not be focusable, there is no reason to have key events.
|
|
31
40
|
/* eslint-disable jsx-a11y/mouse-events-have-key-events */,
|
package/package.json
CHANGED
|
@@ -1,105 +1,103 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
105
|
-
}
|
|
2
|
+
"name": "@atlaskit/tooltip",
|
|
3
|
+
"version": "18.5.0",
|
|
4
|
+
"description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"registry": "https://registry.npmjs.org/"
|
|
7
|
+
},
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
|
+
"author": "Atlassian Pty Ltd",
|
|
10
|
+
"license": "Apache-2.0",
|
|
11
|
+
"main": "dist/cjs/index.js",
|
|
12
|
+
"module": "dist/esm/index.js",
|
|
13
|
+
"module:es2019": "dist/es2019/index.js",
|
|
14
|
+
"types": "dist/types/index.d.ts",
|
|
15
|
+
"typesVersions": {
|
|
16
|
+
">=4.5 <4.9": {
|
|
17
|
+
"*": [
|
|
18
|
+
"dist/types-ts4.5/*",
|
|
19
|
+
"dist/types-ts4.5/index.d.ts"
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"sideEffects": false,
|
|
24
|
+
"atlaskit:src": "src/index.ts",
|
|
25
|
+
"atlassian": {
|
|
26
|
+
"team": "Design System Team",
|
|
27
|
+
"productPushConsumption": [
|
|
28
|
+
"jira"
|
|
29
|
+
],
|
|
30
|
+
"releaseModel": "continuous",
|
|
31
|
+
"runReact18": true,
|
|
32
|
+
"website": {
|
|
33
|
+
"name": "Tooltip",
|
|
34
|
+
"category": "Components"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"af:exports": {
|
|
38
|
+
".": "./src/index.ts",
|
|
39
|
+
"./Tooltip": "./src/Tooltip.tsx",
|
|
40
|
+
"./TooltipContainer": "./src/TooltipContainer.tsx",
|
|
41
|
+
"./TooltipPrimitive": "./src/TooltipPrimitive.tsx",
|
|
42
|
+
"./types": "./src/types.tsx",
|
|
43
|
+
"./utilities": "./src/utilities.ts"
|
|
44
|
+
},
|
|
45
|
+
"dependencies": {
|
|
46
|
+
"@atlaskit/analytics-next": "^9.3.0",
|
|
47
|
+
"@atlaskit/ds-lib": "^2.3.0",
|
|
48
|
+
"@atlaskit/motion": "^1.6.0",
|
|
49
|
+
"@atlaskit/popper": "^6.0.0",
|
|
50
|
+
"@atlaskit/portal": "^4.5.0",
|
|
51
|
+
"@atlaskit/theme": "^12.10.0",
|
|
52
|
+
"@atlaskit/tokens": "^1.51.0",
|
|
53
|
+
"@babel/runtime": "^7.0.0",
|
|
54
|
+
"@emotion/react": "^11.7.1",
|
|
55
|
+
"bind-event-listener": "^3.0.0",
|
|
56
|
+
"react-uid": "^2.2.0"
|
|
57
|
+
},
|
|
58
|
+
"peerDependencies": {
|
|
59
|
+
"react": "^16.8.0 || ^17.0.0 || ~18.2.0",
|
|
60
|
+
"react-dom": "^16.8.0"
|
|
61
|
+
},
|
|
62
|
+
"devDependencies": {
|
|
63
|
+
"@af/accessibility-testing": "*",
|
|
64
|
+
"@atlaskit/button": "^17.17.0",
|
|
65
|
+
"@atlaskit/ssr": "*",
|
|
66
|
+
"@atlaskit/visual-regression": "*",
|
|
67
|
+
"@emotion/styled": "^11.0.0",
|
|
68
|
+
"@testing-library/dom": "^8.17.1",
|
|
69
|
+
"@testing-library/react": "^12.1.5",
|
|
70
|
+
"@types/react-redux": "^5.0.0",
|
|
71
|
+
"jest-in-case": "^1.0.2",
|
|
72
|
+
"react-dom": "^16.8.0",
|
|
73
|
+
"react-redux": "^5.1.2",
|
|
74
|
+
"storybook-addon-performance": "^0.16.0",
|
|
75
|
+
"typescript": "~5.4.2",
|
|
76
|
+
"wait-for-expect": "^1.2.0"
|
|
77
|
+
},
|
|
78
|
+
"keywords": [
|
|
79
|
+
"atlaskit",
|
|
80
|
+
"react",
|
|
81
|
+
"ui"
|
|
82
|
+
],
|
|
83
|
+
"techstack": {
|
|
84
|
+
"@atlassian/frontend": {
|
|
85
|
+
"import-structure": "atlassian-conventions"
|
|
86
|
+
},
|
|
87
|
+
"@repo/internal": {
|
|
88
|
+
"dom-events": "use-bind-event-listener",
|
|
89
|
+
"ui-components": "lite-mode",
|
|
90
|
+
"analytics": "analytics-next",
|
|
91
|
+
"design-tokens": [
|
|
92
|
+
"color",
|
|
93
|
+
"spacing"
|
|
94
|
+
],
|
|
95
|
+
"deprecation": "no-deprecated-imports",
|
|
96
|
+
"styling": [
|
|
97
|
+
"emotion",
|
|
98
|
+
"static"
|
|
99
|
+
]
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
"homepage": "https://atlassian.design/components/tooltip/"
|
|
103
|
+
}
|