@elliemae/ds-tooltip 2.3.0-alpha.8 → 2.3.0-next.10
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/cjs/index.js +25 -0
- package/cjs/v1/DSTooltip.js +115 -0
- package/cjs/v1/TooltipType.js +10 -0
- package/cjs/v2/DSTooltip.js +147 -0
- package/cjs/v2/DSTooltipArrow.js +39 -0
- package/cjs/v2/TooltipType.js +10 -0
- package/cjs/v2/index.d.js +2 -0
- package/cjs/v2/propTypes.js +27 -0
- package/cjs/v2/styles.js +62 -0
- package/cjs/v2/utils/setMultipleRefs.js +30 -0
- package/cjs/v2/utils/tooltipPositions.js +20 -0
- package/cjs/v3/DSTooltipV3.js +122 -0
- package/cjs/v3/TooltipV3DatatestId.js +10 -0
- package/cjs/v3/constants.js +9 -0
- package/cjs/v3/defaultProps.js +15 -0
- package/cjs/v3/index.js +12 -0
- package/cjs/v3/propTypes.js +29 -0
- package/cjs/v3/styles.js +52 -0
- package/cjs/v3/utils.js +14 -0
- package/esm/index.js +6 -0
- package/esm/v1/DSTooltip.js +100 -0
- package/esm/v1/TooltipType.js +6 -0
- package/esm/v2/DSTooltip.js +136 -0
- package/esm/v2/DSTooltipArrow.js +31 -0
- package/esm/v2/TooltipType.js +6 -0
- package/esm/v2/index.d.js +1 -0
- package/esm/v2/propTypes.js +23 -0
- package/esm/v2/styles.js +49 -0
- package/esm/v2/utils/setMultipleRefs.js +26 -0
- package/esm/v2/utils/tooltipPositions.js +16 -0
- package/esm/v3/DSTooltipV3.js +110 -0
- package/esm/v3/TooltipV3DatatestId.js +6 -0
- package/esm/v3/constants.js +4 -0
- package/esm/v3/defaultProps.js +11 -0
- package/esm/v3/index.js +2 -0
- package/esm/v3/propTypes.js +25 -0
- package/esm/v3/styles.js +41 -0
- package/esm/v3/utils.js +10 -0
- package/package.json +72 -62
- package/types/index.d.ts +6 -0
- package/types/v1/DSTooltip.d.ts +89 -0
- package/types/v1/TooltipType.d.ts +4 -0
- package/types/v2/DSTooltip.d.ts +70 -0
- package/types/v2/DSTooltipArrow.d.ts +4 -0
- package/types/v2/TooltipType.d.ts +5 -0
- package/types/v2/propTypes.d.ts +60 -0
- package/types/v2/styles.d.ts +7 -0
- package/types/v2/tests/DSTooltipV2.test.d.ts +1 -0
- package/types/v2/utils/setMultipleRefs.d.ts +1 -0
- package/types/v2/utils/tooltipPositions.d.ts +15 -0
- package/types/v3/DSTooltipV3.d.ts +61 -0
- package/types/v3/TooltipV3DatatestId.d.ts +4 -0
- package/types/v3/constants.d.ts +2 -0
- package/types/v3/defaultProps.d.ts +2 -0
- package/types/v3/index.d.ts +2 -0
- package/types/v3/propTypes.d.ts +87 -0
- package/types/v3/styles.d.ts +10 -0
- package/types/v3/utils.d.ts +3 -0
- package/dist/cjs/index.js +0 -41
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/v1/DSTooltip.js +0 -118
- package/dist/cjs/v1/DSTooltip.js.map +0 -7
- package/dist/cjs/v1/TooltipType.js +0 -38
- package/dist/cjs/v1/TooltipType.js.map +0 -7
- package/dist/cjs/v2/DSTooltip.js +0 -143
- package/dist/cjs/v2/DSTooltip.js.map +0 -7
- package/dist/cjs/v2/DSTooltipArrow.js +0 -51
- package/dist/cjs/v2/DSTooltipArrow.js.map +0 -7
- package/dist/cjs/v2/TooltipType.js +0 -38
- package/dist/cjs/v2/TooltipType.js.map +0 -7
- package/dist/cjs/v2/index.d.js +0 -27
- package/dist/cjs/v2/index.d.js.map +0 -7
- package/dist/cjs/v2/propTypes.js +0 -56
- package/dist/cjs/v2/propTypes.js.map +0 -7
- package/dist/cjs/v2/styles.js +0 -131
- package/dist/cjs/v2/styles.js.map +0 -7
- package/dist/cjs/v2/utils/setMultipleRefs.js +0 -50
- package/dist/cjs/v2/utils/setMultipleRefs.js.map +0 -7
- package/dist/cjs/v2/utils/tooltipPositions.js +0 -48
- package/dist/cjs/v2/utils/tooltipPositions.js.map +0 -7
- package/dist/cjs/v3/TooltipV3DatatestId.js +0 -38
- package/dist/cjs/v3/TooltipV3DatatestId.js.map +0 -7
- package/dist/cjs/v3/config/useWithDefaultProps.js +0 -44
- package/dist/cjs/v3/config/useWithDefaultProps.js.map +0 -7
- package/dist/cjs/v3/index.d.js +0 -27
- package/dist/cjs/v3/index.d.js.map +0 -7
- package/dist/cjs/v3/index.js +0 -115
- package/dist/cjs/v3/index.js.map +0 -7
- package/dist/cjs/v3/propsTypes.js +0 -80
- package/dist/cjs/v3/propsTypes.js.map +0 -7
- package/dist/cjs/v3/styleds.js +0 -70
- package/dist/cjs/v3/styleds.js.map +0 -7
- package/dist/esm/index.js +0 -12
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/v1/DSTooltip.js +0 -101
- package/dist/esm/v1/DSTooltip.js.map +0 -7
- package/dist/esm/v1/TooltipType.js +0 -9
- package/dist/esm/v1/TooltipType.js.map +0 -7
- package/dist/esm/v2/DSTooltip.js +0 -119
- package/dist/esm/v2/DSTooltip.js.map +0 -7
- package/dist/esm/v2/DSTooltipArrow.js +0 -22
- package/dist/esm/v2/DSTooltipArrow.js.map +0 -7
- package/dist/esm/v2/TooltipType.js +0 -9
- package/dist/esm/v2/TooltipType.js.map +0 -7
- package/dist/esm/v2/index.d.js +0 -2
- package/dist/esm/v2/index.d.js.map +0 -7
- package/dist/esm/v2/propTypes.js +0 -27
- package/dist/esm/v2/propTypes.js.map +0 -7
- package/dist/esm/v2/styles.js +0 -102
- package/dist/esm/v2/styles.js.map +0 -7
- package/dist/esm/v2/utils/setMultipleRefs.js +0 -21
- package/dist/esm/v2/utils/setMultipleRefs.js.map +0 -7
- package/dist/esm/v2/utils/tooltipPositions.js +0 -19
- package/dist/esm/v2/utils/tooltipPositions.js.map +0 -7
- package/dist/esm/v3/TooltipV3DatatestId.js +0 -9
- package/dist/esm/v3/TooltipV3DatatestId.js.map +0 -7
- package/dist/esm/v3/config/useWithDefaultProps.js +0 -15
- package/dist/esm/v3/config/useWithDefaultProps.js.map +0 -7
- package/dist/esm/v3/index.d.js +0 -2
- package/dist/esm/v3/index.d.js.map +0 -7
- package/dist/esm/v3/index.js +0 -91
- package/dist/esm/v3/index.js.map +0 -7
- package/dist/esm/v3/propsTypes.js +0 -51
- package/dist/esm/v3/propsTypes.js.map +0 -7
- package/dist/esm/v3/styleds.js +0 -41
- package/dist/esm/v3/styleds.js.map +0 -7
package/esm/v3/index.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { PropTypes } from 'react-desc';
|
|
2
|
+
import { TEXT_ALIGNMENT, PLACEMENT } from './constants.js';
|
|
3
|
+
|
|
4
|
+
const propTypes = {
|
|
5
|
+
text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
|
|
6
|
+
textAlign: PropTypes.oneOf(TEXT_ALIGNMENT).description('Tooltip text alignment').defaultValue('left'),
|
|
7
|
+
wrapWords: PropTypes.bool.description('Break words into a new line. Useful when words exceed tooltip max-lenght.').defaultValue(false),
|
|
8
|
+
children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,
|
|
9
|
+
withoutPortal: PropTypes.bool.description('Whether or not the tooltip content should appear in a DOM portal or not').defaultValue(true),
|
|
10
|
+
withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),
|
|
11
|
+
boundaryElement: PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",' + 'which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(undefined),
|
|
12
|
+
withoutAnimation: PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
|
|
13
|
+
animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),
|
|
14
|
+
portalDOMContainer: PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
|
|
15
|
+
startPlacementPreference: PropTypes.oneOf(PLACEMENT).description('start placement preferences, as per popperjs placement option').defaultValue("'top'"),
|
|
16
|
+
placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(PLACEMENT)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
|
|
17
|
+
zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),
|
|
18
|
+
customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),
|
|
19
|
+
modifiers: PropTypes.array.description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/').defaultValue(1),
|
|
20
|
+
id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),
|
|
21
|
+
onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),
|
|
22
|
+
onClose: PropTypes.func.description('Optional callback to be invoked when the tooltip closes').defaultValue('() => {}')
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { propTypes };
|
package/esm/v3/styles.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
|
|
3
|
+
const StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
|
|
4
|
+
componentId: "sc-1jxtr2y-0"
|
|
5
|
+
})(["text-align:center;min-width:", ";max-width:250px;min-height:30px;display:grid;align-items:center;padding:", ";position:relative;background-color:white;border-radius:2px;font-size:13px;color:", ";"], _ref => {
|
|
6
|
+
let {
|
|
7
|
+
theme
|
|
8
|
+
} = _ref;
|
|
9
|
+
return theme.space.l;
|
|
10
|
+
}, _ref2 => {
|
|
11
|
+
let {
|
|
12
|
+
theme
|
|
13
|
+
} = _ref2;
|
|
14
|
+
return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
|
|
15
|
+
}, _ref3 => {
|
|
16
|
+
let {
|
|
17
|
+
theme
|
|
18
|
+
} = _ref3;
|
|
19
|
+
return theme.colors.neutral[600];
|
|
20
|
+
});
|
|
21
|
+
const StyledTooltipText = /*#__PURE__*/styled.div.withConfig({
|
|
22
|
+
componentId: "sc-1jxtr2y-1"
|
|
23
|
+
})(["display:inline-block;text-align:", ";word-wrap:break-word;", ""], _ref4 => {
|
|
24
|
+
let {
|
|
25
|
+
textAlign
|
|
26
|
+
} = _ref4;
|
|
27
|
+
return textAlign;
|
|
28
|
+
}, _ref5 => {
|
|
29
|
+
let {
|
|
30
|
+
wrapWords
|
|
31
|
+
} = _ref5;
|
|
32
|
+
return wrapWords ? "word-break: break-all;" : "white-space: normal;";
|
|
33
|
+
});
|
|
34
|
+
const StyledMouseOverDetectionBox = /*#__PURE__*/styled.div.withConfig({
|
|
35
|
+
componentId: "sc-1jxtr2y-2"
|
|
36
|
+
})(["position:absolute;top:-15px;right:-15px;width:calc(100% + 30px);height:calc(100% + 30px);z-index:-1;"]);
|
|
37
|
+
const StyledTriggerWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
38
|
+
componentId: "sc-1jxtr2y-3"
|
|
39
|
+
})(["display:inline-flex;width:100%;"]);
|
|
40
|
+
|
|
41
|
+
export { StyledMouseOverDetectionBox, StyledTooltipContainer, StyledTooltipText, StyledTriggerWrapper };
|
package/esm/v3/utils.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
const useGlobalKeyboardListener = func => {
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
document.addEventListener('keydown', func);
|
|
6
|
+
return () => document.removeEventListener('keydown', func);
|
|
7
|
+
}, [func]);
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { useGlobalKeyboardListener };
|
package/package.json
CHANGED
|
@@ -1,78 +1,87 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-tooltip",
|
|
3
|
-
"version": "2.3.0-
|
|
3
|
+
"version": "2.3.0-next.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Tooltip",
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"module": "./dist/esm/index.js",
|
|
10
|
-
"main": "./dist/cjs/index.js",
|
|
11
|
-
"types": "./dist/types/index.d.ts",
|
|
6
|
+
"module": "./esm/index.js",
|
|
7
|
+
"main": "./cjs/index.js",
|
|
8
|
+
"types": "./types/index.d.ts",
|
|
12
9
|
"exports": {
|
|
13
10
|
".": {
|
|
14
|
-
"import": "./
|
|
15
|
-
"require": "./
|
|
11
|
+
"import": "./esm/index.js",
|
|
12
|
+
"require": "./cjs/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./v3/utils": {
|
|
15
|
+
"import": "./esm/v3/utils.js",
|
|
16
|
+
"require": "./cjs/v3/utils.js"
|
|
16
17
|
},
|
|
17
18
|
"./v3/TooltipV3DatatestId": {
|
|
18
|
-
"import": "./
|
|
19
|
-
"require": "./
|
|
19
|
+
"import": "./esm/v3/TooltipV3DatatestId.js",
|
|
20
|
+
"require": "./cjs/v3/TooltipV3DatatestId.js"
|
|
20
21
|
},
|
|
21
|
-
"./v3/
|
|
22
|
-
"import": "./
|
|
23
|
-
"require": "./
|
|
22
|
+
"./v3/styles": {
|
|
23
|
+
"import": "./esm/v3/styles.js",
|
|
24
|
+
"require": "./cjs/v3/styles.js"
|
|
24
25
|
},
|
|
25
|
-
"./v3/
|
|
26
|
-
"import": "./
|
|
27
|
-
"require": "./
|
|
26
|
+
"./v3/propTypes": {
|
|
27
|
+
"import": "./esm/v3/propTypes.js",
|
|
28
|
+
"require": "./cjs/v3/propTypes.js"
|
|
28
29
|
},
|
|
29
30
|
"./v3": {
|
|
30
|
-
"import": "./
|
|
31
|
-
"require": "./
|
|
31
|
+
"import": "./esm/v3/index.js",
|
|
32
|
+
"require": "./cjs/v3/index.js"
|
|
33
|
+
},
|
|
34
|
+
"./v3/DSTooltipV3": {
|
|
35
|
+
"import": "./esm/v3/DSTooltipV3.js",
|
|
36
|
+
"require": "./cjs/v3/DSTooltipV3.js"
|
|
37
|
+
},
|
|
38
|
+
"./v3/defaultProps": {
|
|
39
|
+
"import": "./esm/v3/defaultProps.js",
|
|
40
|
+
"require": "./cjs/v3/defaultProps.js"
|
|
32
41
|
},
|
|
33
|
-
"./v3/
|
|
34
|
-
"import": "./
|
|
35
|
-
"require": "./
|
|
42
|
+
"./v3/constants": {
|
|
43
|
+
"import": "./esm/v3/constants.js",
|
|
44
|
+
"require": "./cjs/v3/constants.js"
|
|
36
45
|
},
|
|
37
46
|
"./v2/utils/tooltipPositions": {
|
|
38
|
-
"import": "./
|
|
39
|
-
"require": "./
|
|
47
|
+
"import": "./esm/v2/utils/tooltipPositions.js",
|
|
48
|
+
"require": "./cjs/v2/utils/tooltipPositions.js"
|
|
40
49
|
},
|
|
41
50
|
"./v2/utils/setMultipleRefs": {
|
|
42
|
-
"import": "./
|
|
43
|
-
"require": "./
|
|
51
|
+
"import": "./esm/v2/utils/setMultipleRefs.js",
|
|
52
|
+
"require": "./cjs/v2/utils/setMultipleRefs.js"
|
|
44
53
|
},
|
|
45
54
|
"./v2/TooltipType": {
|
|
46
|
-
"import": "./
|
|
47
|
-
"require": "./
|
|
55
|
+
"import": "./esm/v2/TooltipType.js",
|
|
56
|
+
"require": "./cjs/v2/TooltipType.js"
|
|
48
57
|
},
|
|
49
58
|
"./v2/styles": {
|
|
50
|
-
"import": "./
|
|
51
|
-
"require": "./
|
|
59
|
+
"import": "./esm/v2/styles.js",
|
|
60
|
+
"require": "./cjs/v2/styles.js"
|
|
52
61
|
},
|
|
53
62
|
"./v2/propTypes": {
|
|
54
|
-
"import": "./
|
|
55
|
-
"require": "./
|
|
63
|
+
"import": "./esm/v2/propTypes.js",
|
|
64
|
+
"require": "./cjs/v2/propTypes.js"
|
|
56
65
|
},
|
|
57
66
|
"./v2": {
|
|
58
|
-
"import": "./
|
|
59
|
-
"require": "./
|
|
67
|
+
"import": "./esm/v2/index.d.js",
|
|
68
|
+
"require": "./cjs/v2/index.d.js"
|
|
60
69
|
},
|
|
61
70
|
"./v2/DSTooltipArrow": {
|
|
62
|
-
"import": "./
|
|
63
|
-
"require": "./
|
|
71
|
+
"import": "./esm/v2/DSTooltipArrow.js",
|
|
72
|
+
"require": "./cjs/v2/DSTooltipArrow.js"
|
|
64
73
|
},
|
|
65
74
|
"./v2/DSTooltip": {
|
|
66
|
-
"import": "./
|
|
67
|
-
"require": "./
|
|
75
|
+
"import": "./esm/v2/DSTooltip.js",
|
|
76
|
+
"require": "./cjs/v2/DSTooltip.js"
|
|
68
77
|
},
|
|
69
78
|
"./v1/TooltipType": {
|
|
70
|
-
"import": "./
|
|
71
|
-
"require": "./
|
|
79
|
+
"import": "./esm/v1/TooltipType.js",
|
|
80
|
+
"require": "./cjs/v1/TooltipType.js"
|
|
72
81
|
},
|
|
73
82
|
"./v1/DSTooltip": {
|
|
74
|
-
"import": "./
|
|
75
|
-
"require": "./
|
|
83
|
+
"import": "./esm/v1/DSTooltip.js",
|
|
84
|
+
"require": "./cjs/v1/DSTooltip.js"
|
|
76
85
|
}
|
|
77
86
|
},
|
|
78
87
|
"sideEffects": [
|
|
@@ -84,26 +93,32 @@
|
|
|
84
93
|
"url": "https://git.elliemae.io/platform-ui/dimsum.git"
|
|
85
94
|
},
|
|
86
95
|
"engines": {
|
|
87
|
-
"
|
|
88
|
-
"node": ">=
|
|
96
|
+
"npm": ">=7",
|
|
97
|
+
"node": ">=14"
|
|
89
98
|
},
|
|
90
99
|
"author": "ICE MT",
|
|
100
|
+
"scripts": {
|
|
101
|
+
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
|
|
102
|
+
"prebuild": "exit 0",
|
|
103
|
+
"predev": "exit 0",
|
|
104
|
+
"build": "node ../../scripts/build/build.js"
|
|
105
|
+
},
|
|
91
106
|
"dependencies": {
|
|
92
|
-
"@elliemae/ds-button": "2.3.0-
|
|
93
|
-
"@elliemae/ds-classnames": "2.3.0-
|
|
94
|
-
"@elliemae/ds-popper": "2.3.0-
|
|
95
|
-
"@elliemae/ds-popperjs": "2.3.0-
|
|
96
|
-
"@elliemae/ds-portal": "2.3.0-
|
|
97
|
-
"@elliemae/ds-props-helpers": "2.3.0-
|
|
98
|
-
"@elliemae/ds-shared": "2.3.0-
|
|
99
|
-
"@elliemae/ds-system": "2.3.0-
|
|
100
|
-
"@elliemae/ds-utilities": "2.3.0-
|
|
101
|
-
"@popperjs/core": "~2.9.
|
|
107
|
+
"@elliemae/ds-button": "2.3.0-next.10",
|
|
108
|
+
"@elliemae/ds-classnames": "2.3.0-next.10",
|
|
109
|
+
"@elliemae/ds-popper": "2.3.0-next.10",
|
|
110
|
+
"@elliemae/ds-popperjs": "2.3.0-next.10",
|
|
111
|
+
"@elliemae/ds-portal": "2.3.0-next.10",
|
|
112
|
+
"@elliemae/ds-props-helpers": "2.3.0-next.10",
|
|
113
|
+
"@elliemae/ds-shared": "2.3.0-next.10",
|
|
114
|
+
"@elliemae/ds-system": "2.3.0-next.10",
|
|
115
|
+
"@elliemae/ds-utilities": "2.3.0-next.10",
|
|
116
|
+
"@popperjs/core": "~2.9.2",
|
|
102
117
|
"react-desc": "~4.1.3",
|
|
103
118
|
"react-popper": "~2.2.5"
|
|
104
119
|
},
|
|
105
120
|
"devDependencies": {
|
|
106
|
-
"@testing-library/jest-dom": "~5.15.
|
|
121
|
+
"@testing-library/jest-dom": "~5.15.0",
|
|
107
122
|
"@testing-library/react": "~12.1.2",
|
|
108
123
|
"@testing-library/user-event": "~13.5.0",
|
|
109
124
|
"react": "^17.0.2",
|
|
@@ -117,12 +132,7 @@
|
|
|
117
132
|
},
|
|
118
133
|
"publishConfig": {
|
|
119
134
|
"access": "public",
|
|
120
|
-
"
|
|
121
|
-
|
|
122
|
-
"scripts": {
|
|
123
|
-
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
|
|
124
|
-
"prebuild": "exit 0",
|
|
125
|
-
"predev": "exit 0",
|
|
126
|
-
"build": "node ../../scripts/build/build.js"
|
|
135
|
+
"directory": "dist",
|
|
136
|
+
"generateSubmodules": true
|
|
127
137
|
}
|
|
128
138
|
}
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const TooltipContainer: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
|
|
4
|
+
declare const TooltipText: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
|
|
5
|
+
declare const DSTooltip: {
|
|
6
|
+
({ containerProps, innerRef, placement, title, delayClose, delayOpen, interactionType, triggerComponent, className, isOpen, onOpen, springAnimationComponent, tooltipType, showArrow, zIndex, ...otherTooltipProps }: {
|
|
7
|
+
[x: string]: any;
|
|
8
|
+
containerProps?: {} | undefined;
|
|
9
|
+
innerRef: any;
|
|
10
|
+
placement?: string | undefined;
|
|
11
|
+
title?: string | undefined;
|
|
12
|
+
delayClose?: any;
|
|
13
|
+
delayOpen?: any;
|
|
14
|
+
interactionType?: string | undefined;
|
|
15
|
+
triggerComponent?: null | undefined;
|
|
16
|
+
className?: string | undefined;
|
|
17
|
+
isOpen?: undefined;
|
|
18
|
+
onOpen?: (() => null) | undefined;
|
|
19
|
+
springAnimationComponent?: undefined;
|
|
20
|
+
tooltipType?: string | undefined;
|
|
21
|
+
showArrow?: boolean | undefined;
|
|
22
|
+
zIndex: any;
|
|
23
|
+
}): JSX.Element;
|
|
24
|
+
propTypes: {
|
|
25
|
+
containerProps: {
|
|
26
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
27
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
28
|
+
};
|
|
29
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
30
|
+
};
|
|
31
|
+
placement: {
|
|
32
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
title: import("react-desc").PropTypesDescValue;
|
|
35
|
+
delayClose: {
|
|
36
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
37
|
+
};
|
|
38
|
+
delayOpen: {
|
|
39
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
40
|
+
};
|
|
41
|
+
interactionType: {
|
|
42
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
43
|
+
};
|
|
44
|
+
triggerComponent: import("react-desc").PropTypesDescValue;
|
|
45
|
+
isOpen: {
|
|
46
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
+
};
|
|
48
|
+
onOpen: {
|
|
49
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
50
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
+
};
|
|
52
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
53
|
+
};
|
|
54
|
+
springAnimationComponent: {
|
|
55
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
56
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
57
|
+
};
|
|
58
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
59
|
+
};
|
|
60
|
+
showArrow: {
|
|
61
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
62
|
+
};
|
|
63
|
+
className: {
|
|
64
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
65
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
+
};
|
|
67
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
68
|
+
};
|
|
69
|
+
tooltipType: {
|
|
70
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
71
|
+
};
|
|
72
|
+
zIndex: {
|
|
73
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
74
|
+
};
|
|
75
|
+
innerRef: {
|
|
76
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
77
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
78
|
+
};
|
|
79
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
declare const TooltipWithSchema: {
|
|
84
|
+
(props?: unknown): JSX.Element;
|
|
85
|
+
propTypes: unknown;
|
|
86
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
87
|
+
};
|
|
88
|
+
export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };
|
|
89
|
+
export default DSTooltip;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { DSTooltipT } from '.';
|
|
4
|
+
declare const DSTooltipV2: {
|
|
5
|
+
({ containerProps, innerRef, placement, title, delayClose, delayOpen, triggerComponent, className, getIsOpen, onOpen, tooltipType, showArrow, offset, zIndex, extraModifiers, }: DSTooltipT): React.ReactElement;
|
|
6
|
+
propTypes: {
|
|
7
|
+
containerProps: {
|
|
8
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
9
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
10
|
+
};
|
|
11
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
12
|
+
};
|
|
13
|
+
placement: {
|
|
14
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
15
|
+
};
|
|
16
|
+
title: import("react-desc").PropTypesDescValue;
|
|
17
|
+
delayClose: {
|
|
18
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
delayOpen: {
|
|
21
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
22
|
+
};
|
|
23
|
+
triggerComponent: import("react-desc").PropTypesDescValue;
|
|
24
|
+
getIsOpen: {
|
|
25
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
26
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
27
|
+
};
|
|
28
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
29
|
+
};
|
|
30
|
+
onOpen: {
|
|
31
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
32
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
35
|
+
};
|
|
36
|
+
showArrow: {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
className: {
|
|
40
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
41
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
+
};
|
|
43
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
44
|
+
};
|
|
45
|
+
tooltipType: {
|
|
46
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
+
};
|
|
48
|
+
zIndex: {
|
|
49
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
innerRef: {
|
|
52
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
53
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
54
|
+
};
|
|
55
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
56
|
+
};
|
|
57
|
+
offset: {
|
|
58
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
declare const TooltipV2WithSchema: {
|
|
66
|
+
(props?: unknown): JSX.Element;
|
|
67
|
+
propTypes: unknown;
|
|
68
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
69
|
+
};
|
|
70
|
+
export { DSTooltipV2, TooltipV2WithSchema };
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
declare const tooltipV2Props: {
|
|
3
|
+
containerProps: {
|
|
4
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
5
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
6
|
+
};
|
|
7
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
8
|
+
};
|
|
9
|
+
placement: {
|
|
10
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
11
|
+
};
|
|
12
|
+
title: import("react-desc").PropTypesDescValue;
|
|
13
|
+
delayClose: {
|
|
14
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
15
|
+
};
|
|
16
|
+
delayOpen: {
|
|
17
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
18
|
+
};
|
|
19
|
+
triggerComponent: import("react-desc").PropTypesDescValue;
|
|
20
|
+
getIsOpen: {
|
|
21
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
22
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
+
};
|
|
24
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
25
|
+
};
|
|
26
|
+
onOpen: {
|
|
27
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
28
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
29
|
+
};
|
|
30
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
31
|
+
};
|
|
32
|
+
showArrow: {
|
|
33
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
34
|
+
};
|
|
35
|
+
className: {
|
|
36
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
40
|
+
};
|
|
41
|
+
tooltipType: {
|
|
42
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
43
|
+
};
|
|
44
|
+
zIndex: {
|
|
45
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
46
|
+
};
|
|
47
|
+
innerRef: {
|
|
48
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
49
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
52
|
+
};
|
|
53
|
+
offset: {
|
|
54
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
55
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
56
|
+
};
|
|
57
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
export { tooltipV2Props };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TooltipAnimationT, TooltipContainerT } from './index.d';
|
|
2
|
+
declare const StyledTooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TooltipContainerT, never>;
|
|
3
|
+
declare const StyledAnimatedTooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TooltipAnimationT, never>;
|
|
4
|
+
declare const StyledTriggerComponentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
declare const StyledTooltipText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
declare const StyledTooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export { StyledTooltipContainer, StyledTriggerComponentContainer, StyledTooltipText, StyledTooltipArrow, StyledAnimatedTooltip, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const setMultipleRefs: (...refs: any[]) => any;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare const tooltipPositions: {
|
|
2
|
+
TOP: "top";
|
|
3
|
+
BOTTOM: "bottom";
|
|
4
|
+
RIGHT: "right";
|
|
5
|
+
LEFT: "left";
|
|
6
|
+
TOP_START: "top-start";
|
|
7
|
+
TOP_END: "top-end";
|
|
8
|
+
BOTTOM_START: "bottom-start";
|
|
9
|
+
BOTTOM_END: "bottom-end";
|
|
10
|
+
RIGHT_START: "right-start";
|
|
11
|
+
RIGHT_END: "right-end";
|
|
12
|
+
LEFT_START: "left-start";
|
|
13
|
+
LEFT_END: "left-end";
|
|
14
|
+
};
|
|
15
|
+
export { tooltipPositions };
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
import type { DSTooltipV3T } from './propTypes';
|
|
4
|
+
declare const DSTooltipV3: {
|
|
5
|
+
(props: DSTooltipV3T.Props): JSX.Element;
|
|
6
|
+
propTypes: {
|
|
7
|
+
text: import("react-desc").PropTypesDescValue;
|
|
8
|
+
textAlign: {
|
|
9
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
10
|
+
};
|
|
11
|
+
wrapWords: {
|
|
12
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
13
|
+
};
|
|
14
|
+
children: import("react-desc").PropTypesDescValue;
|
|
15
|
+
withoutPortal: {
|
|
16
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
17
|
+
};
|
|
18
|
+
withoutArrow: {
|
|
19
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
20
|
+
};
|
|
21
|
+
boundaryElement: {
|
|
22
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
+
};
|
|
24
|
+
withoutAnimation: {
|
|
25
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
animationDuration: {
|
|
28
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
29
|
+
};
|
|
30
|
+
portalDOMContainer: {
|
|
31
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
33
|
+
startPlacementPreference: {
|
|
34
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
35
|
+
};
|
|
36
|
+
placementOrderPreference: {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
zIndex: {
|
|
40
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
customOffset: {
|
|
43
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
44
|
+
};
|
|
45
|
+
modifiers: {
|
|
46
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
+
};
|
|
48
|
+
id: {
|
|
49
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
onOpen: {
|
|
52
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
53
|
+
};
|
|
54
|
+
onClose: {
|
|
55
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
declare const DSTooltipV3WithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSTooltipV3T.Props>;
|
|
60
|
+
export { DSTooltipV3, DSTooltipV3WithSchema };
|
|
61
|
+
export default DSTooltipV3;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const PLACEMENT: readonly ["top-start", "top", "top-end", "right-start", "right", "right-end", "bottom-end", "bottom", "bottom-start", "left-end", "left", "left-start"];
|
|
2
|
+
export declare const TEXT_ALIGNMENT: readonly ["left", "right", "center", "justify", "initial", "inherit"];
|