@sanity/ui 2.6.5 → 2.6.6
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.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/core/primitives/tooltip/tooltip.tsx +7 -5
package/dist/index.js
CHANGED
|
@@ -4430,7 +4430,7 @@ const Root$a = styledComponents.styled(Layer)`
|
|
|
4430
4430
|
},
|
|
4431
4431
|
[childProp == null ? void 0 : childProp.props, handleIsOpenChange]
|
|
4432
4432
|
);
|
|
4433
|
-
react.useEffect(() => {
|
|
4433
|
+
useCloseOnMouseLeave({ handleIsOpenChange, referenceElement, showTooltip }), react.useEffect(() => {
|
|
4434
4434
|
disabled && showTooltip && handleIsOpenChange(!1);
|
|
4435
4435
|
}, [disabled, handleIsOpenChange, showTooltip]), react.useEffect(() => {
|
|
4436
4436
|
!content && showTooltip && handleIsOpenChange(!1);
|
|
@@ -4442,7 +4442,7 @@ const Root$a = styledComponents.styled(Layer)`
|
|
|
4442
4442
|
return window.addEventListener("keydown", handleWindowKeyDown), () => {
|
|
4443
4443
|
window.removeEventListener("keydown", handleWindowKeyDown);
|
|
4444
4444
|
};
|
|
4445
|
-
}, [handleIsOpenChange, showTooltip]),
|
|
4445
|
+
}, [handleIsOpenChange, showTooltip]), react.useLayoutEffect(() => {
|
|
4446
4446
|
const availableWidths = [
|
|
4447
4447
|
...boundaryElement ? [boundaryElement.offsetWidth] : [],
|
|
4448
4448
|
(portalElement == null ? void 0 : portalElement.offsetWidth) || document.body.offsetWidth
|
|
@@ -4540,13 +4540,13 @@ function useCloseOnMouseLeave({
|
|
|
4540
4540
|
referenceElement,
|
|
4541
4541
|
showTooltip
|
|
4542
4542
|
}) {
|
|
4543
|
-
const onMouseMove = useEffectEvent.useEffectEvent((target) => {
|
|
4544
|
-
referenceElement && (referenceElement === target || target instanceof Node && referenceElement.contains(target) || handleIsOpenChange(!1));
|
|
4543
|
+
const onMouseMove = useEffectEvent.useEffectEvent((target, teardown) => {
|
|
4544
|
+
referenceElement && (referenceElement === target || target instanceof Node && referenceElement.contains(target) || (handleIsOpenChange(!1), teardown()));
|
|
4545
4545
|
});
|
|
4546
4546
|
react.useEffect(() => {
|
|
4547
4547
|
if (!showTooltip) return;
|
|
4548
4548
|
const handleMouseMove = (event) => {
|
|
4549
|
-
onMouseMove(event.target);
|
|
4549
|
+
onMouseMove(event.target, () => window.removeEventListener("mousemove", handleMouseMove));
|
|
4550
4550
|
};
|
|
4551
4551
|
return window.addEventListener("mousemove", handleMouseMove), () => window.removeEventListener("mousemove", handleMouseMove);
|
|
4552
4552
|
}, [onMouseMove, showTooltip]);
|