@peculiar/react-components 0.2.2 → 0.2.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/cjs/Tooltip/tooltip.js +5 -4
- package/dist/cjs/Tooltip/tooltip.js.map +1 -1
- package/dist/esm/Tooltip/tooltip.js +5 -4
- package/dist/esm/Tooltip/tooltip.js.map +1 -1
- package/dist/esnext/Tooltip/tooltip.js +5 -4
- package/dist/esnext/Tooltip/tooltip.js.map +1 -1
- package/dist/types/Tooltip/tooltip.d.ts +8 -0
- package/package.json +2 -2
|
@@ -81,7 +81,7 @@ var stylesPopper = function (interactive) { return (0, styles_1.css)({
|
|
|
81
81
|
*/
|
|
82
82
|
var Tooltip = function (props) {
|
|
83
83
|
var _a, _b;
|
|
84
|
-
var children = props.children, title = props.title, placement = props.placement, className = props.className, disableFocusListener = props.disableFocusListener, disableHoverListener = props.disableHoverListener, disableTouchListener = props.disableTouchListener, interactive = props.interactive, size = props.size, color = props.color, disablePortal = props.disablePortal, other = __rest(props, ["children", "title", "placement", "className", "disableFocusListener", "disableHoverListener", "disableTouchListener", "interactive", "size", "color", "disablePortal"]);
|
|
84
|
+
var children = props.children, title = props.title, placement = props.placement, className = props.className, disableFocusListener = props.disableFocusListener, disableHoverListener = props.disableHoverListener, disableTouchListener = props.disableTouchListener, interactive = props.interactive, size = props.size, color = props.color, disablePortal = props.disablePortal, enterDelay = props.enterDelay, leaveDelay = props.leaveDelay, other = __rest(props, ["children", "title", "placement", "className", "disableFocusListener", "disableHoverListener", "disableTouchListener", "interactive", "size", "color", "disablePortal", "enterDelay", "leaveDelay"]);
|
|
85
85
|
var _c = react_1.default.useState(false), open = _c[0], setOpen = _c[1];
|
|
86
86
|
var nodeRef = react_1.default.useRef(null);
|
|
87
87
|
var multiRef = (0, hooks_1.useMergedRef)(children.ref, nodeRef);
|
|
@@ -94,17 +94,16 @@ var Tooltip = function (props) {
|
|
|
94
94
|
var handleEnter = function () {
|
|
95
95
|
clearTimeout(enterTimer.current);
|
|
96
96
|
clearTimeout(leaveTimer.current);
|
|
97
|
-
setOpen(true);
|
|
98
97
|
enterTimer.current = setTimeout(function () {
|
|
99
98
|
setOpen(true);
|
|
100
|
-
},
|
|
99
|
+
}, enterDelay);
|
|
101
100
|
};
|
|
102
101
|
var handleLeave = function () {
|
|
103
102
|
clearTimeout(enterTimer.current);
|
|
104
103
|
clearTimeout(leaveTimer.current);
|
|
105
104
|
leaveTimer.current = setTimeout(function () {
|
|
106
105
|
setOpen(false);
|
|
107
|
-
},
|
|
106
|
+
}, leaveDelay);
|
|
108
107
|
};
|
|
109
108
|
var popperProps = {};
|
|
110
109
|
var childrenProps = {
|
|
@@ -150,6 +149,8 @@ exports.Tooltip.defaultProps = {
|
|
|
150
149
|
size: 'small',
|
|
151
150
|
color: 'white',
|
|
152
151
|
disablePortal: true,
|
|
152
|
+
enterDelay: 100,
|
|
153
|
+
leaveDelay: 0,
|
|
153
154
|
};
|
|
154
155
|
var templateObject_1;
|
|
155
156
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,oCAAmC;AACnC,8BAA6B;AAC7B,kCAAwC;AACxC,4CAA2C;AAC3C,oCAA+C;
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -75,7 +75,7 @@ var stylesPopper = function (interactive) { return css({
|
|
|
75
75
|
*/
|
|
76
76
|
export var Tooltip = function (props) {
|
|
77
77
|
var _a, _b;
|
|
78
|
-
var children = props.children, title = props.title, placement = props.placement, className = props.className, disableFocusListener = props.disableFocusListener, disableHoverListener = props.disableHoverListener, disableTouchListener = props.disableTouchListener, interactive = props.interactive, size = props.size, color = props.color, disablePortal = props.disablePortal, other = __rest(props, ["children", "title", "placement", "className", "disableFocusListener", "disableHoverListener", "disableTouchListener", "interactive", "size", "color", "disablePortal"]);
|
|
78
|
+
var children = props.children, title = props.title, placement = props.placement, className = props.className, disableFocusListener = props.disableFocusListener, disableHoverListener = props.disableHoverListener, disableTouchListener = props.disableTouchListener, interactive = props.interactive, size = props.size, color = props.color, disablePortal = props.disablePortal, enterDelay = props.enterDelay, leaveDelay = props.leaveDelay, other = __rest(props, ["children", "title", "placement", "className", "disableFocusListener", "disableHoverListener", "disableTouchListener", "interactive", "size", "color", "disablePortal", "enterDelay", "leaveDelay"]);
|
|
79
79
|
var _c = React.useState(false), open = _c[0], setOpen = _c[1];
|
|
80
80
|
var nodeRef = React.useRef(null);
|
|
81
81
|
var multiRef = useMergedRef(children.ref, nodeRef);
|
|
@@ -88,17 +88,16 @@ export var Tooltip = function (props) {
|
|
|
88
88
|
var handleEnter = function () {
|
|
89
89
|
clearTimeout(enterTimer.current);
|
|
90
90
|
clearTimeout(leaveTimer.current);
|
|
91
|
-
setOpen(true);
|
|
92
91
|
enterTimer.current = setTimeout(function () {
|
|
93
92
|
setOpen(true);
|
|
94
|
-
},
|
|
93
|
+
}, enterDelay);
|
|
95
94
|
};
|
|
96
95
|
var handleLeave = function () {
|
|
97
96
|
clearTimeout(enterTimer.current);
|
|
98
97
|
clearTimeout(leaveTimer.current);
|
|
99
98
|
leaveTimer.current = setTimeout(function () {
|
|
100
99
|
setOpen(false);
|
|
101
|
-
},
|
|
100
|
+
}, leaveDelay);
|
|
102
101
|
};
|
|
103
102
|
var popperProps = {};
|
|
104
103
|
var childrenProps = {
|
|
@@ -143,6 +142,8 @@ Tooltip.defaultProps = {
|
|
|
143
142
|
size: 'small',
|
|
144
143
|
color: 'white',
|
|
145
144
|
disablePortal: true,
|
|
145
|
+
enterDelay: 100,
|
|
146
|
+
leaveDelay: 0,
|
|
146
147
|
};
|
|
147
148
|
var templateObject_1;
|
|
148
149
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,7 +55,7 @@ const stylesPopper = (interactive) => css({
|
|
|
55
55
|
*
|
|
56
56
|
*/
|
|
57
57
|
export const Tooltip = (props) => {
|
|
58
|
-
const { children, title, placement, className, disableFocusListener, disableHoverListener, disableTouchListener, interactive, size, color, disablePortal, ...other } = props;
|
|
58
|
+
const { children, title, placement, className, disableFocusListener, disableHoverListener, disableTouchListener, interactive, size, color, disablePortal, enterDelay, leaveDelay, ...other } = props;
|
|
59
59
|
const [open, setOpen] = React.useState(false);
|
|
60
60
|
const nodeRef = React.useRef(null);
|
|
61
61
|
const multiRef = useMergedRef(children.ref, nodeRef);
|
|
@@ -68,17 +68,16 @@ export const Tooltip = (props) => {
|
|
|
68
68
|
const handleEnter = () => {
|
|
69
69
|
clearTimeout(enterTimer.current);
|
|
70
70
|
clearTimeout(leaveTimer.current);
|
|
71
|
-
setOpen(true);
|
|
72
71
|
enterTimer.current = setTimeout(() => {
|
|
73
72
|
setOpen(true);
|
|
74
|
-
},
|
|
73
|
+
}, enterDelay);
|
|
75
74
|
};
|
|
76
75
|
const handleLeave = () => {
|
|
77
76
|
clearTimeout(enterTimer.current);
|
|
78
77
|
clearTimeout(leaveTimer.current);
|
|
79
78
|
leaveTimer.current = setTimeout(() => {
|
|
80
79
|
setOpen(false);
|
|
81
|
-
},
|
|
80
|
+
}, leaveDelay);
|
|
82
81
|
};
|
|
83
82
|
const popperProps = {};
|
|
84
83
|
const childrenProps = {
|
|
@@ -123,5 +122,7 @@ Tooltip.defaultProps = {
|
|
|
123
122
|
size: 'small',
|
|
124
123
|
color: 'white',
|
|
125
124
|
disablePortal: true,
|
|
125
|
+
enterDelay: 100,
|
|
126
|
+
leaveDelay: 0,
|
|
126
127
|
};
|
|
127
128
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -48,6 +48,14 @@ export declare type TooltipBaseProps = {
|
|
|
48
48
|
* Disable the portal behavior. The children stay within it's parent DOM hierarchy.
|
|
49
49
|
*/
|
|
50
50
|
disablePortal?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Add delay in showing the tooltip.
|
|
53
|
+
*/
|
|
54
|
+
enterDelay?: number;
|
|
55
|
+
/**
|
|
56
|
+
* Add delay in hiding the tooltip.
|
|
57
|
+
*/
|
|
58
|
+
leaveDelay?: number;
|
|
51
59
|
};
|
|
52
60
|
export declare type TooltipProps = TooltipBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
|
|
53
61
|
/**
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.2.
|
|
4
|
+
"version": "0.2.3",
|
|
5
5
|
"author": "PeculiarVentures Team",
|
|
6
6
|
"description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
|
|
7
7
|
"keywords": [
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
"node": ">=12.x"
|
|
94
94
|
},
|
|
95
95
|
"license": "MIT",
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "18f12def895c66022c97800f42ce3f9f5cef4214"
|
|
97
97
|
}
|