@react-spectrum/tooltip 3.0.0-nightly.1998 → 3.0.0-nightly.2009

package/dist/import.mjs

@@ -0,0 +1,241 @@
+import "./main.css";
+import $lbkGW$spectrumiconsuiAlertSmall from "@spectrum-icons/ui/AlertSmall";
+import {useStyleProps as $lbkGW$useStyleProps, createDOMRef as $lbkGW$createDOMRef, classNames as $lbkGW$classNames} from "@react-spectrum/utils";
+import $lbkGW$spectrumiconsuiInfoSmall from "@spectrum-icons/ui/InfoSmall";
+import {mergeProps as $lbkGW$mergeProps} from "@react-aria/utils";
+import $lbkGW$react, {useContext as $lbkGW$useContext, useRef as $lbkGW$useRef, useImperativeHandle as $lbkGW$useImperativeHandle} from "react";
+import $lbkGW$spectrumiconsuiSuccessSmall from "@spectrum-icons/ui/SuccessSmall";
+import {useTooltip as $lbkGW$useTooltip, useTooltipTrigger as $lbkGW$useTooltipTrigger} from "@react-aria/tooltip";
+import {FocusableProvider as $lbkGW$FocusableProvider} from "@react-aria/focus";
+import {Overlay as $lbkGW$Overlay} from "@react-spectrum/overlays";
+import {useOverlayPosition as $lbkGW$useOverlayPosition} from "@react-aria/overlays";
+import {useTooltipTriggerState as $lbkGW$useTooltipTriggerState} from "@react-stately/tooltip";
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+/*
+ * 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.
+ */ /// <reference types="css-module-types" />
+/*
+ * 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.
+ */ 
+
+
+
+
+var $1e9110aec8886b85$exports = {};
+
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip", () => $1e9110aec8886b85$export$f7bf7078d3d03f05, (v) => $1e9110aec8886b85$export$f7bf7078d3d03f05 = v);
+$parcel$export($1e9110aec8886b85$exports, "is-open", () => $1e9110aec8886b85$export$a9781837241c946d, (v) => $1e9110aec8886b85$export$a9781837241c946d = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--bottom", () => $1e9110aec8886b85$export$4f420a9bbb442953, (v) => $1e9110aec8886b85$export$4f420a9bbb442953 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--top", () => $1e9110aec8886b85$export$d7516df59e198fc7, (v) => $1e9110aec8886b85$export$d7516df59e198fc7 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--right", () => $1e9110aec8886b85$export$c094187772823b2e, (v) => $1e9110aec8886b85$export$c094187772823b2e = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--left", () => $1e9110aec8886b85$export$47f060b68b4cab2c, (v) => $1e9110aec8886b85$export$47f060b68b4cab2c = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip-tip", () => $1e9110aec8886b85$export$9deb89a7a91de30, (v) => $1e9110aec8886b85$export$9deb89a7a91de30 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip-typeIcon", () => $1e9110aec8886b85$export$ff23d46fee8272e4, (v) => $1e9110aec8886b85$export$ff23d46fee8272e4 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip-label", () => $1e9110aec8886b85$export$f4096e0dc445b255, (v) => $1e9110aec8886b85$export$f4096e0dc445b255 = v);
+$parcel$export($1e9110aec8886b85$exports, "u-tooltip-showOnHover", () => $1e9110aec8886b85$export$6ea3237f62800d00, (v) => $1e9110aec8886b85$export$6ea3237f62800d00 = v);
+$parcel$export($1e9110aec8886b85$exports, "is-hovered", () => $1e9110aec8886b85$export$b8813cd5d7824ce7, (v) => $1e9110aec8886b85$export$b8813cd5d7824ce7 = v);
+$parcel$export($1e9110aec8886b85$exports, "is-focused", () => $1e9110aec8886b85$export$e7dc768d35940237, (v) => $1e9110aec8886b85$export$e7dc768d35940237 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--negative", () => $1e9110aec8886b85$export$92fe45b4260594f6, (v) => $1e9110aec8886b85$export$92fe45b4260594f6 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--error", () => $1e9110aec8886b85$export$2b291890a5577893, (v) => $1e9110aec8886b85$export$2b291890a5577893 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--info", () => $1e9110aec8886b85$export$e995d5780591d0a8, (v) => $1e9110aec8886b85$export$e995d5780591d0a8 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--help", () => $1e9110aec8886b85$export$d33ca445ae528241, (v) => $1e9110aec8886b85$export$d33ca445ae528241 = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--positive", () => $1e9110aec8886b85$export$11cbf31e1b6e51ac, (v) => $1e9110aec8886b85$export$11cbf31e1b6e51ac = v);
+$parcel$export($1e9110aec8886b85$exports, "spectrum-Tooltip--success", () => $1e9110aec8886b85$export$4eae622bc9b08cac, (v) => $1e9110aec8886b85$export$4eae622bc9b08cac = v);
+var $1e9110aec8886b85$export$f7bf7078d3d03f05;
+var $1e9110aec8886b85$export$a9781837241c946d;
+var $1e9110aec8886b85$export$4f420a9bbb442953;
+var $1e9110aec8886b85$export$d7516df59e198fc7;
+var $1e9110aec8886b85$export$c094187772823b2e;
+var $1e9110aec8886b85$export$47f060b68b4cab2c;
+var $1e9110aec8886b85$export$9deb89a7a91de30;
+var $1e9110aec8886b85$export$ff23d46fee8272e4;
+var $1e9110aec8886b85$export$f4096e0dc445b255;
+var $1e9110aec8886b85$export$6ea3237f62800d00;
+var $1e9110aec8886b85$export$b8813cd5d7824ce7;
+var $1e9110aec8886b85$export$e7dc768d35940237;
+var $1e9110aec8886b85$export$92fe45b4260594f6;
+var $1e9110aec8886b85$export$2b291890a5577893;
+var $1e9110aec8886b85$export$e995d5780591d0a8;
+var $1e9110aec8886b85$export$d33ca445ae528241;
+var $1e9110aec8886b85$export$11cbf31e1b6e51ac;
+var $1e9110aec8886b85$export$4eae622bc9b08cac;
+$1e9110aec8886b85$export$f7bf7078d3d03f05 = "spectrum-Tooltip_22ae94";
+$1e9110aec8886b85$export$a9781837241c946d = "is-open_22ae94";
+$1e9110aec8886b85$export$4f420a9bbb442953 = "spectrum-Tooltip--bottom_22ae94";
+$1e9110aec8886b85$export$d7516df59e198fc7 = "spectrum-Tooltip--top_22ae94";
+$1e9110aec8886b85$export$c094187772823b2e = "spectrum-Tooltip--right_22ae94";
+$1e9110aec8886b85$export$47f060b68b4cab2c = "spectrum-Tooltip--left_22ae94";
+$1e9110aec8886b85$export$9deb89a7a91de30 = "spectrum-Tooltip-tip_22ae94";
+$1e9110aec8886b85$export$ff23d46fee8272e4 = "spectrum-Tooltip-typeIcon_22ae94";
+$1e9110aec8886b85$export$f4096e0dc445b255 = "spectrum-Tooltip-label_22ae94";
+$1e9110aec8886b85$export$6ea3237f62800d00 = "u-tooltip-showOnHover_22ae94";
+$1e9110aec8886b85$export$b8813cd5d7824ce7 = "is-hovered_22ae94";
+$1e9110aec8886b85$export$e7dc768d35940237 = "is-focused_22ae94";
+$1e9110aec8886b85$export$92fe45b4260594f6 = "spectrum-Tooltip--negative_22ae94";
+$1e9110aec8886b85$export$2b291890a5577893 = "spectrum-Tooltip--error_22ae94";
+$1e9110aec8886b85$export$e995d5780591d0a8 = "spectrum-Tooltip--info_22ae94";
+$1e9110aec8886b85$export$d33ca445ae528241 = "spectrum-Tooltip--help_22ae94";
+$1e9110aec8886b85$export$11cbf31e1b6e51ac = "spectrum-Tooltip--positive_22ae94";
+$1e9110aec8886b85$export$4eae622bc9b08cac = "spectrum-Tooltip--success_22ae94";
+
+
+
+/*
+ * 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.
+ */ 
+const $b8c00169fae46ac7$export$39ae08fa83328b12 = (0, $lbkGW$react).createContext({});
+
+
+
+let $dc9e2a6f9971fb04$var$iconMap = {
+    info: (0, $lbkGW$spectrumiconsuiInfoSmall),
+    positive: (0, $lbkGW$spectrumiconsuiSuccessSmall),
+    negative: (0, $lbkGW$spectrumiconsuiAlertSmall)
+};
+function $dc9e2a6f9971fb04$var$Tooltip(props, ref) {
+    let { ref: overlayRef , arrowProps: arrowProps , state: state , ...tooltipProviderProps } = (0, $lbkGW$useContext)((0, $b8c00169fae46ac7$export$39ae08fa83328b12));
+    let defaultRef = (0, $lbkGW$useRef)();
+    overlayRef = overlayRef || defaultRef;
+    props = (0, $lbkGW$mergeProps)(props, tooltipProviderProps);
+    let { variant: variant = "neutral" , placement: placement = "top" , isOpen: isOpen , showIcon: showIcon , ...otherProps } = props;
+    let { styleProps: styleProps  } = (0, $lbkGW$useStyleProps)(otherProps);
+    let { tooltipProps: tooltipProps  } = (0, $lbkGW$useTooltip)(props, state);
+    // Sync ref with overlayRef from context.
+    (0, $lbkGW$useImperativeHandle)(ref, ()=>(0, $lbkGW$createDOMRef)(overlayRef));
+    let Icon = $dc9e2a6f9971fb04$var$iconMap[variant];
+    return /*#__PURE__*/ (0, $lbkGW$react).createElement("div", {
+        ...styleProps,
+        ...tooltipProps,
+        className: (0, $lbkGW$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e9110aec8886b85$exports))), "spectrum-Tooltip", `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
+            "is-open": isOpen
+        }, styleProps.className),
+        ref: overlayRef
+    }, showIcon && variant !== "neutral" && /*#__PURE__*/ (0, $lbkGW$react).createElement(Icon, {
+        UNSAFE_className: (0, $lbkGW$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e9110aec8886b85$exports))), "spectrum-Tooltip-typeIcon"),
+        "aria-hidden": true
+    }), props.children && /*#__PURE__*/ (0, $lbkGW$react).createElement("span", {
+        className: (0, $lbkGW$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e9110aec8886b85$exports))), "spectrum-Tooltip-label")
+    }, props.children), /*#__PURE__*/ (0, $lbkGW$react).createElement("span", {
+        ...arrowProps,
+        className: (0, $lbkGW$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e9110aec8886b85$exports))), "spectrum-Tooltip-tip")
+    }));
+}
+/**
+ * Display container for Tooltip content. Has a directional arrow dependent on its placement.
+ */ let $dc9e2a6f9971fb04$export$28c660c63b792dea = /*#__PURE__*/ (0, $lbkGW$react).forwardRef($dc9e2a6f9971fb04$var$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.
+ */ 
+
+
+
+
+
+
+const $019364e6919ef1db$var$DEFAULT_OFFSET = -1; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
+const $019364e6919ef1db$var$DEFAULT_CROSS_OFFSET = 0;
+function $019364e6919ef1db$var$TooltipTrigger(props) {
+    let { children: children , crossOffset: crossOffset = $019364e6919ef1db$var$DEFAULT_CROSS_OFFSET , isDisabled: isDisabled , offset: offset = $019364e6919ef1db$var$DEFAULT_OFFSET , trigger: triggerAction  } = props;
+    let [trigger, tooltip] = (0, $lbkGW$react).Children.toArray(children);
+    let state = (0, $lbkGW$useTooltipTriggerState)(props);
+    let tooltipTriggerRef = (0, $lbkGW$useRef)();
+    let overlayRef = (0, $lbkGW$useRef)();
+    let { triggerProps: triggerProps , tooltipProps: tooltipProps  } = (0, $lbkGW$useTooltipTrigger)({
+        isDisabled: isDisabled,
+        trigger: triggerAction
+    }, state, tooltipTriggerRef);
+    let { overlayProps: overlayProps , arrowProps: arrowProps , placement: placement  } = (0, $lbkGW$useOverlayPosition)({
+        placement: props.placement || "top",
+        targetRef: tooltipTriggerRef,
+        overlayRef: overlayRef,
+        offset: offset,
+        crossOffset: crossOffset,
+        isOpen: state.isOpen,
+        shouldFlip: props.shouldFlip,
+        containerPadding: props.containerPadding
+    });
+    return /*#__PURE__*/ (0, $lbkGW$react).createElement((0, $lbkGW$FocusableProvider), {
+        ...triggerProps,
+        ref: tooltipTriggerRef
+    }, trigger, /*#__PURE__*/ (0, $lbkGW$react).createElement((0, $b8c00169fae46ac7$export$39ae08fa83328b12).Provider, {
+        value: {
+            state: state,
+            placement: placement,
+            ref: overlayRef,
+            UNSAFE_style: overlayProps.style,
+            arrowProps: arrowProps,
+            ...tooltipProps
+        }
+    }, /*#__PURE__*/ (0, $lbkGW$react).createElement((0, $lbkGW$Overlay), {
+        isOpen: state.isOpen,
+        nodeRef: overlayRef
+    }, tooltip)));
+}
+// Support TooltipTrigger inside components using CollectionBuilder.
+$019364e6919ef1db$var$TooltipTrigger.getCollectionNode = function*(props) {
+    // Replaced the use of React.Childern.toArray because it mutates the key prop.
+    let childArray = [];
+    (0, $lbkGW$react).Children.forEach(props.children, (child)=>{
+        if (/*#__PURE__*/ (0, $lbkGW$react).isValidElement(child)) childArray.push(child);
+    });
+    let [trigger, tooltip] = childArray;
+    yield {
+        element: trigger,
+        wrapper: (element)=>/*#__PURE__*/ (0, $lbkGW$react).createElement($019364e6919ef1db$var$TooltipTrigger, {
+                key: element.key,
+                ...props
+            }, element, tooltip)
+    };
+};
+/**
+ * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
+ * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
+ * relative to the trigger.
+ */ // We don't want getCollectionNode to show up in the type definition
+let $019364e6919ef1db$export$8c610744efcf8a1d = $019364e6919ef1db$var$TooltipTrigger;
+
+
+
+
+export {$dc9e2a6f9971fb04$export$28c660c63b792dea as Tooltip, $019364e6919ef1db$export$8c610744efcf8a1d as TooltipTrigger};
+//# sourceMappingURL=module.js.map

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-spectrum/tooltip",
-  "version": "3.0.0-nightly.1998+72ee92f6d",
+  "version": "3.0.0-nightly.2009+0f953cac8",
   "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": [
@@ -31,23 +36,23 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/interactions": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/overlays": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/tooltip": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/utils": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-spectrum/overlays": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-spectrum/utils": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-stately/tooltip": "3.2.5-nightly.3698+72ee92f6d",
-    "@react-stately/utils": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-types/overlays": "3.6.6-nightly.3698+72ee92f6d",
-    "@react-types/shared": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-types/tooltip": "3.2.6-nightly.3698+72ee92f6d",
-    "@spectrum-icons/ui": "3.0.0-nightly.1998+72ee92f6d",
+    "@react-aria/focus": "3.0.0-nightly.2009+0f953cac8",
+    "@react-aria/interactions": "3.0.0-nightly.2009+0f953cac8",
+    "@react-aria/overlays": "3.0.0-nightly.2009+0f953cac8",
+    "@react-aria/tooltip": "3.0.0-nightly.2009+0f953cac8",
+    "@react-aria/utils": "3.0.0-nightly.2009+0f953cac8",
+    "@react-spectrum/overlays": "3.0.0-nightly.2009+0f953cac8",
+    "@react-spectrum/utils": "3.0.0-nightly.2009+0f953cac8",
+    "@react-stately/tooltip": "3.2.5-nightly.3709+0f953cac8",
+    "@react-stately/utils": "3.0.0-nightly.2009+0f953cac8",
+    "@react-types/overlays": "3.6.6-nightly.3709+0f953cac8",
+    "@react-types/shared": "3.0.0-nightly.2009+0f953cac8",
+    "@react-types/tooltip": "3.2.6-nightly.3709+0f953cac8",
+    "@spectrum-icons/ui": "3.0.0-nightly.2009+0f953cac8",
     "@swc/helpers": "^0.4.14"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.1998+72ee92f6d"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.2009+0f953cac8"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -57,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "72ee92f6d497163468a80642ccb96576f822f365"
+  "gitHead": "0f953cac84f98cdff29f2348c120ce541ebb6da8"
 }