@react-aria/tooltip 3.3.4 → 3.4.0

package/dist/import.mjs

@@ -0,0 +1,155 @@
+import {filterDOMProps as $kgVYN$filterDOMProps, mergeProps as $kgVYN$mergeProps, useId as $kgVYN$useId} from "@react-aria/utils";
+import {useHover as $kgVYN$useHover, getInteractionModality as $kgVYN$getInteractionModality, isFocusVisible as $kgVYN$isFocusVisible, usePress as $kgVYN$usePress} from "@react-aria/interactions";
+import {useRef as $kgVYN$useRef, useEffect as $kgVYN$useEffect} from "react";
+import {useFocusable as $kgVYN$useFocusable} from "@react-aria/focus";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
+    let domProps = (0, $kgVYN$filterDOMProps)(props, {
+        labelable: true
+    });
+    let { hoverProps: hoverProps  } = (0, $kgVYN$useHover)({
+        onHoverStart: ()=>{
+            return state === null || state === void 0 ? void 0 : state.open(true);
+        },
+        onHoverEnd: ()=>{
+            return state === null || state === void 0 ? void 0 : state.close();
+        }
+    });
+    return {
+        tooltipProps: (0, $kgVYN$mergeProps)(domProps, hoverProps, {
+            role: "tooltip"
+        })
+    };
+}
+
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
+    let { isDisabled: isDisabled , trigger: trigger  } = props;
+    let tooltipId = (0, $kgVYN$useId)();
+    let isHovered = (0, $kgVYN$useRef)(false);
+    let isFocused = (0, $kgVYN$useRef)(false);
+    let handleShow = ()=>{
+        if (isHovered.current || isFocused.current) state.open(isFocused.current);
+    };
+    let handleHide = (immediate)=>{
+        if (!isHovered.current && !isFocused.current) state.close(immediate);
+    };
+    (0, $kgVYN$useEffect)(()=>{
+        let onKeyDown = (e)=>{
+            if (ref && ref.current) // Escape after clicking something can give it keyboard focus
+            // dismiss tooltip on esc key press
+            {
+                if (e.key === "Escape") state.close(true);
+            }
+        };
+        if (state.isOpen) {
+            document.addEventListener("keydown", onKeyDown, true);
+            return ()=>{
+                document.removeEventListener("keydown", onKeyDown, true);
+            };
+        }
+    }, [
+        ref,
+        state
+    ]);
+    let onHoverStart = ()=>{
+        if (trigger === "focus") return;
+        // In chrome, if you hover a trigger, then another element obscures it, due to keyboard
+        // interactions for example, hover will end. When hover is restored after that element disappears,
+        // focus moves on for example, then the tooltip will reopen. We check the modality to know if the hover
+        // is the result of moving the mouse.
+        if ((0, $kgVYN$getInteractionModality)() === "pointer") isHovered.current = true;
+        else isHovered.current = false;
+        handleShow();
+    };
+    let onHoverEnd = ()=>{
+        if (trigger === "focus") return;
+        // no matter how the trigger is left, we should close the tooltip
+        isFocused.current = false;
+        isHovered.current = false;
+        handleHide();
+    };
+    let onPressStart = ()=>{
+        // no matter how the trigger is pressed, we should close the tooltip
+        isFocused.current = false;
+        isHovered.current = false;
+        handleHide(true);
+    };
+    let onFocus = ()=>{
+        let isVisible = (0, $kgVYN$isFocusVisible)();
+        if (isVisible) {
+            isFocused.current = true;
+            handleShow();
+        }
+    };
+    let onBlur = ()=>{
+        isFocused.current = false;
+        isHovered.current = false;
+        handleHide(true);
+    };
+    let { hoverProps: hoverProps  } = (0, $kgVYN$useHover)({
+        isDisabled: isDisabled,
+        onHoverStart: onHoverStart,
+        onHoverEnd: onHoverEnd
+    });
+    let { pressProps: pressProps  } = (0, $kgVYN$usePress)({
+        onPressStart: onPressStart
+    });
+    let { focusableProps: focusableProps  } = (0, $kgVYN$useFocusable)({
+        isDisabled: isDisabled,
+        onFocus: onFocus,
+        onBlur: onBlur
+    }, ref);
+    return {
+        triggerProps: {
+            "aria-describedby": state.isOpen ? tooltipId : undefined,
+            ...(0, $kgVYN$mergeProps)(focusableProps, hoverProps, pressProps)
+        },
+        tooltipProps: {
+            id: tooltipId
+        }
+    };
+}
+
+
+
+
+export {$326e436e94273fe1$export$1c4b08e0eca38426 as useTooltip, $4e1b34546679e357$export$a6da6c504e4bba8b as useTooltipTrigger};
+//# sourceMappingURL=module.js.map

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-aria/tooltip",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -17,12 +22,12 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.10.1",
-    "@react-aria/interactions": "^3.13.1",
-    "@react-aria/utils": "^3.14.2",
-    "@react-stately/tooltip": "^3.2.4",
-    "@react-types/shared": "^3.16.0",
-    "@react-types/tooltip": "^3.2.5",
+    "@react-aria/focus": "^3.11.0",
+    "@react-aria/interactions": "^3.14.0",
+    "@react-aria/utils": "^3.15.0",
+    "@react-stately/tooltip": "^3.3.0",
+    "@react-types/shared": "^3.17.0",
+    "@react-types/tooltip": "^3.3.0",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
@@ -31,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5480d76bd815e239366f92852c76b6831ad2a4fd"
+  "gitHead": "a0efee84aa178cb1a202951dfd6d8de02b292307"
 }