@react-spectrum/tooltip - npm Package Compare versions

Comparing version 3.0.0-nightly-dcc0752f8-241031 to 3.0.0-nightly-e14088a7e-241204

dist/context.main.js

@@ -24,5 +24,7 @@ var $aZ3Gf$react = require("react");
  */ 
-const $ed2e56c8503433b4$export$39ae08fa83328b12 = (0, ($parcel$interopDefault($aZ3Gf$react))).createContext({});
+const $ed2e56c8503433b4$export$39ae08fa83328b12 = (0, ($parcel$interopDefault($aZ3Gf$react))).createContext({
+    placement: null
+});
 
 
 //# sourceMappingURL=context.main.js.map

dist/context.module.js

@@ -14,3 +14,5 @@ import $kNnxj$react from "react";
  */ 
-const $b8c00169fae46ac7$export$39ae08fa83328b12 = (0, $kNnxj$react).createContext({});
+const $b8c00169fae46ac7$export$39ae08fa83328b12 = (0, $kNnxj$react).createContext({
+    placement: null
+});
 
@@ -17,0 +19,0 @@

dist/Tooltip.main.js

@@ -1,2 +0,2 @@
-require("./vars.e2a76556.css");
+require("./vars.adff832d.css");
 var $ba73465d6d9b6556$exports = require("./tooltip_vars_css.main.js");
@@ -46,8 +46,10 @@ var $ed2e56c8503433b4$exports = require("./context.main.js");
 };
-function $55bd11986fcffc6f$var$Tooltip(props, ref) {
+const $55bd11986fcffc6f$export$28c660c63b792dea = /*#__PURE__*/ (0, ($parcel$interopDefault($l0Ry0$react))).forwardRef(function Tooltip(props, ref) {
     let { ref: overlayRef, arrowProps: arrowProps, state: state, arrowRef: arrowRef, ...tooltipProviderProps } = (0, $l0Ry0$react.useContext)((0, $ed2e56c8503433b4$exports.TooltipContext));
-    let defaultRef = (0, $l0Ry0$react.useRef)(undefined);
+    let defaultRef = (0, $l0Ry0$react.useRef)(null);
     overlayRef = overlayRef || defaultRef;
+    let backupPlacement = props.placement;
     props = (0, $l0Ry0$reactariautils.mergeProps)(props, tooltipProviderProps);
-    let { variant: variant = 'neutral', placement: placement = 'top', isOpen: isOpen, showIcon: showIcon, ...otherProps } = props;
+    let { variant: variant = 'neutral', placement: placement, isOpen: isOpen, showIcon: showIcon, ...otherProps } = props;
+    if (placement == null) placement = backupPlacement !== null && backupPlacement !== void 0 ? backupPlacement : 'top';
     let { styleProps: styleProps } = (0, $l0Ry0$reactspectrumutils.useStyleProps)(otherProps);
@@ -76,8 +78,5 @@ let { tooltipProps: tooltipProps } = (0, $l0Ry0$reactariatooltip.useTooltip)(props, state);
     }));
-}
-/**
- * Display container for Tooltip content. Has a directional arrow dependent on its placement.
- */ let $55bd11986fcffc6f$export$28c660c63b792dea = /*#__PURE__*/ (0, ($parcel$interopDefault($l0Ry0$react))).forwardRef($55bd11986fcffc6f$var$Tooltip);
+});
 
 
 //# sourceMappingURL=Tooltip.main.js.map

dist/Tooltip.module.js

@@ -1,2 +0,2 @@
-import "./vars.e2a76556.css";
+import "./vars.adff832d.css";
 import $dcNtB$tooltip_vars_cssmodulejs from "./tooltip_vars_css.module.js";
@@ -40,8 +40,10 @@ import {TooltipContext as $b8c00169fae46ac7$export$39ae08fa83328b12} from "./context.module.js";
 };
-function $dc9e2a6f9971fb04$var$Tooltip(props, ref) {
+const $dc9e2a6f9971fb04$export$28c660c63b792dea = /*#__PURE__*/ (0, $dcNtB$react).forwardRef(function Tooltip(props, ref) {
     let { ref: overlayRef, arrowProps: arrowProps, state: state, arrowRef: arrowRef, ...tooltipProviderProps } = (0, $dcNtB$useContext)((0, $b8c00169fae46ac7$export$39ae08fa83328b12));
-    let defaultRef = (0, $dcNtB$useRef)(undefined);
+    let defaultRef = (0, $dcNtB$useRef)(null);
     overlayRef = overlayRef || defaultRef;
+    let backupPlacement = props.placement;
     props = (0, $dcNtB$mergeProps)(props, tooltipProviderProps);
-    let { variant: variant = 'neutral', placement: placement = 'top', isOpen: isOpen, showIcon: showIcon, ...otherProps } = props;
+    let { variant: variant = 'neutral', placement: placement, isOpen: isOpen, showIcon: showIcon, ...otherProps } = props;
+    if (placement == null) placement = backupPlacement !== null && backupPlacement !== void 0 ? backupPlacement : 'top';
     let { styleProps: styleProps } = (0, $dcNtB$useStyleProps)(otherProps);
@@ -70,6 +72,3 @@ let { tooltipProps: tooltipProps } = (0, $dcNtB$useTooltip)(props, state);
     }));
-}
-/**
- * Display container for Tooltip content. Has a directional arrow dependent on its placement.
- */ let $dc9e2a6f9971fb04$export$28c660c63b792dea = /*#__PURE__*/ (0, $dcNtB$react).forwardRef($dc9e2a6f9971fb04$var$Tooltip);
+});
 
@@ -76,0 +75,0 @@

dist/TooltipTrigger.main.js

@@ -44,4 +44,4 @@ var $ed2e56c8503433b4$exports = require("./context.main.js");
     let state = (0, $1fBML$reactstatelytooltip.useTooltipTriggerState)(props);
-    let tooltipTriggerRef = (0, $1fBML$react.useRef)(undefined);
-    let overlayRef = (0, $1fBML$react.useRef)(undefined);
+    let tooltipTriggerRef = (0, $1fBML$react.useRef)(null);
+    let overlayRef = (0, $1fBML$react.useRef)(null);
     let { triggerProps: triggerProps, tooltipProps: tooltipProps } = (0, $1fBML$reactariatooltip.useTooltipTrigger)({
@@ -48,0 +48,0 @@ isDisabled: isDisabled,

dist/TooltipTrigger.module.js

@@ -34,4 +34,4 @@ import {TooltipContext as $b8c00169fae46ac7$export$39ae08fa83328b12} from "./context.module.js";
     let state = (0, $cQFGy$useTooltipTriggerState)(props);
-    let tooltipTriggerRef = (0, $cQFGy$useRef)(undefined);
-    let overlayRef = (0, $cQFGy$useRef)(undefined);
+    let tooltipTriggerRef = (0, $cQFGy$useRef)(null);
+    let overlayRef = (0, $cQFGy$useRef)(null);
     let { triggerProps: triggerProps, tooltipProps: tooltipProps } = (0, $cQFGy$useTooltipTrigger)({
@@ -38,0 +38,0 @@ isDisabled: isDisabled,

dist/types.d.ts

@@ -7,3 +7,3 @@ import React, { JSX } from "react";
  */
-export let Tooltip: React.ForwardRefExoticComponent<SpectrumTooltipProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
+export const Tooltip: React.ForwardRefExoticComponent<SpectrumTooltipProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
 /**
@@ -10,0 +10,0 @@ * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing

package.json

 {
   "name": "@react-spectrum/tooltip",
-  "version": "3.0.0-nightly-dcc0752f8-241031",
+  "version": "3.0.0-nightly-e14088a7e-241204",
   "description": "Spectrum UI components in React",
@@ -39,13 +39,13 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/focus": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-aria/overlays": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-aria/tooltip": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-aria/utils": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-spectrum/overlays": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-spectrum/utils": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-stately/tooltip": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-types/overlays": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-types/shared": "^3.0.0-nightly-dcc0752f8-241031",
-    "@react-types/tooltip": "^3.0.0-nightly-dcc0752f8-241031",
-    "@spectrum-icons/ui": "^3.0.0-nightly-dcc0752f8-241031",
+    "@react-aria/focus": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-aria/overlays": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-aria/tooltip": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-aria/utils": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-spectrum/overlays": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-spectrum/utils": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-stately/tooltip": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-types/overlays": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-types/shared": "^3.0.0-nightly-e14088a7e-241204",
+    "@react-types/tooltip": "^3.0.0-nightly-e14088a7e-241204",
+    "@spectrum-icons/ui": "^3.0.0-nightly-e14088a7e-241204",
     "@swc/helpers": "^0.5.0"
@@ -57,5 +57,5 @@ },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0-nightly-dcc0752f8-241031",
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+    "@react-spectrum/provider": "^3.0.0-nightly-e14088a7e-241204",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
@@ -65,3 +65,3 @@ "publishConfig": {
   },
-  "stableVersion": "3.6.11"
+  "stableVersion": "3.7.0"
 }

src/context.ts

@@ -21,3 +21,3 @@ /*
   ref?: RefObject<HTMLDivElement | null>,
-  placement?: PlacementAxis,
+  placement: PlacementAxis | null,
   arrowProps?: HTMLAttributes<HTMLElement>,
@@ -27,2 +27,2 @@ arrowRef?: RefObject<HTMLElement | null>
 
-export const TooltipContext = React.createContext<TooltipContextProps>({});
+export const TooltipContext = React.createContext<TooltipContextProps>({placement: null});

New alerts

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

126946

increased by0.28%

Lines of code

1444

increased by0.35%

Dependency changes

• Updated@react-aria/focus@^3.0.0-nightly-e14088a7e-241204

• Updated@react-aria/overlays@^3.0.0-nightly-e14088a7e-241204

• Updated@react-aria/tooltip@^3.0.0-nightly-e14088a7e-241204

• Updated@react-aria/utils@^3.0.0-nightly-e14088a7e-241204

• Updated@react-spectrum/overlays@^3.0.0-nightly-e14088a7e-241204

• Updated@react-spectrum/utils@^3.0.0-nightly-e14088a7e-241204

• Updated@react-stately/tooltip@^3.0.0-nightly-e14088a7e-241204

• Updated@react-types/overlays@^3.0.0-nightly-e14088a7e-241204

• Updated@react-types/shared@^3.0.0-nightly-e14088a7e-241204

• Updated@react-types/tooltip@^3.0.0-nightly-e14088a7e-241204

• Updated@spectrum-icons/ui@^3.0.0-nightly-e14088a7e-241204