@project44-manifest/react-tooltip
Advanced tools
@project44-manifest/react-tooltip - npm Package Compare versions
Comparing version 1.1.0 to 1.1.1
@@ -14,224 +14,38 @@ export declare const StyledTooltip: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, { | ||
| }, { | ||
| borderWidths: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| }; | ||
| colors: { | ||
| "background-danger": any; | ||
| "background-primary": any; | ||
| "background-secondary": any; | ||
| "background-side-nav": any; | ||
| "background-success": any; | ||
| "background-surface": any; | ||
| "background-tertiary": any; | ||
| "background-top-nav": any; | ||
| "background-warning": any; | ||
| "border-danger": any; | ||
| "border-disabled": any; | ||
| "border-primary": any; | ||
| "border-success": any; | ||
| "border-warning": any; | ||
| "brand-active": any; | ||
| "brand-default": any; | ||
| "brand-gradient": any; | ||
| "brand-hover": any; | ||
| "data-viz-danger-fill": any; | ||
| "data-viz-danger-hover": any; | ||
| "data-viz-danger-line": any; | ||
| "data-viz-neutral-fill": any; | ||
| "data-viz-neutral-hover": any; | ||
| "data-viz-primary-fill-alt": any; | ||
| "data-viz-primary-fill": any; | ||
| "data-viz-primary-hover": any; | ||
| "data-viz-primary-line": any; | ||
| "data-viz-secondary-fill-alt": any; | ||
| "data-viz-secondary-fill": any; | ||
| "data-viz-secondary-hover": any; | ||
| "data-viz-secondary-line": any; | ||
| "data-viz-tertiary-fill-alt": any; | ||
| "data-viz-tertiary-fill": any; | ||
| "data-viz-tertiary-hover": any; | ||
| "data-viz-tertiary-line": any; | ||
| "data-viz-warning-fill": any; | ||
| "data-viz-warning-hover": any; | ||
| "data-viz-warning-line": any; | ||
| "palette-black": any; | ||
| "palette-blue-50": any; | ||
| "palette-blue-100": any; | ||
| "palette-blue-200": any; | ||
| "palette-blue-300": any; | ||
| "palette-blue-400": any; | ||
| "palette-blue-500": any; | ||
| "palette-blue-600": any; | ||
| "palette-blue-700": any; | ||
| "palette-blue-800": any; | ||
| "palette-blue-900": any; | ||
| "palette-brown-50": any; | ||
| "palette-brown-100": any; | ||
| "palette-brown-200": any; | ||
| "palette-brown-300": any; | ||
| "palette-brown-400": any; | ||
| "palette-brown-500": any; | ||
| "palette-brown-600": any; | ||
| "palette-brown-700": any; | ||
| "palette-brown-800": any; | ||
| "palette-brown-900": any; | ||
| "palette-green-50": any; | ||
| "palette-green-100": any; | ||
| "palette-green-200": any; | ||
| "palette-green-300": any; | ||
| "palette-green-400": any; | ||
| "palette-green-500": any; | ||
| "palette-green-600": any; | ||
| "palette-green-700": any; | ||
| "palette-green-800": any; | ||
| "palette-green-900": any; | ||
| "palette-grey-50": any; | ||
| "palette-grey-100": any; | ||
| "palette-grey-200": any; | ||
| "palette-grey-300": any; | ||
| "palette-grey-400": any; | ||
| "palette-grey-500": any; | ||
| "palette-grey-600": any; | ||
| "palette-grey-700": any; | ||
| "palette-grey-800": any; | ||
| "palette-grey-900": any; | ||
| "palette-indigo-50": any; | ||
| "palette-indigo-100": any; | ||
| "palette-indigo-200": any; | ||
| "palette-indigo-300": any; | ||
| "palette-indigo-400": any; | ||
| "palette-indigo-500": any; | ||
| "palette-indigo-600": any; | ||
| "palette-indigo-700": any; | ||
| "palette-indigo-800": any; | ||
| "palette-indigo-900": any; | ||
| "palette-orange-50": any; | ||
| "palette-orange-100": any; | ||
| "palette-orange-200": any; | ||
| "palette-orange-300": any; | ||
| "palette-orange-400": any; | ||
| "palette-orange-500": any; | ||
| "palette-orange-600": any; | ||
| "palette-orange-700": any; | ||
| "palette-orange-800": any; | ||
| "palette-orange-900": any; | ||
| "palette-pink-50": any; | ||
| "palette-pink-100": any; | ||
| "palette-pink-200": any; | ||
| "palette-pink-300": any; | ||
| "palette-pink-400": any; | ||
| "palette-pink-500": any; | ||
| "palette-pink-600": any; | ||
| "palette-pink-700": any; | ||
| "palette-pink-800": any; | ||
| "palette-pink-900": any; | ||
| "palette-purple-50": any; | ||
| "palette-purple-100": any; | ||
| "palette-purple-200": any; | ||
| "palette-purple-300": any; | ||
| "palette-purple-400": any; | ||
| "palette-purple-500": any; | ||
| "palette-purple-600": any; | ||
| "palette-purple-700": any; | ||
| "palette-purple-800": any; | ||
| "palette-purple-900": any; | ||
| "palette-red-50": any; | ||
| "palette-red-100": any; | ||
| "palette-red-200": any; | ||
| "palette-red-300": any; | ||
| "palette-red-400": any; | ||
| "palette-red-500": any; | ||
| "palette-red-600": any; | ||
| "palette-red-700": any; | ||
| "palette-red-800": any; | ||
| "palette-red-900": any; | ||
| "palette-white": any; | ||
| "palette-yellow-50": any; | ||
| "palette-yellow-100": any; | ||
| "palette-yellow-200": any; | ||
| "palette-yellow-300": any; | ||
| "palette-yellow-400": any; | ||
| "palette-yellow-500": any; | ||
| "palette-yellow-600": any; | ||
| "palette-yellow-700": any; | ||
| "palette-yellow-800": any; | ||
| "palette-yellow-900": any; | ||
| "primary-active": any; | ||
| "primary-default": any; | ||
| "primary-hover": any; | ||
| "text-contrast": any; | ||
| "text-danger": any; | ||
| "text-disabled": any; | ||
| "text-primary": any; | ||
| "text-secondary": any; | ||
| "text-success": any; | ||
| "text-tertiary": any; | ||
| "text-warning": any; | ||
| }; | ||
| fonts: { | ||
| mono: string; | ||
| text: string; | ||
| }; | ||
| fontSizes: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-large': string; | ||
| 'x-small': string; | ||
| 'xx-large': string; | ||
| }; | ||
| fontWeights: { | ||
| bold: number; | ||
| regular: number; | ||
| semibold: number; | ||
| }; | ||
| letterSpacings: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-small': string; | ||
| }; | ||
| lineHeights: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-large': string; | ||
| 'x-small': string; | ||
| 'xx-large': string; | ||
| }; | ||
| radii: { | ||
| full: string; | ||
| small: string; | ||
| }; | ||
| shadows: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| }; | ||
| sizes: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-large': string; | ||
| 'x-small': string; | ||
| }; | ||
| space: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-large': string; | ||
| 'x-small': string; | ||
| }; | ||
| zIndices: { | ||
| dialog: number; | ||
| dropdown: number; | ||
| modal: number; | ||
| overlay: number; | ||
| popover: number; | ||
| sticky: number; | ||
| toast: number; | ||
| tooltip: number; | ||
| }; | ||
| fonts?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| fontSizes?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| fontWeights?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| lineHeights?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| letterSpacings?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| space?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| radii?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| zIndices?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| borderWeights?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| colors?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| shadows?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| breakpoints?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| }, import("@stitches/react/types/config").DefaultThemeMap, { | ||
@@ -238,0 +52,0 @@ typography: (variant: "$caption" | "$display" | "$body-bold" | "$body" | "$caption-bold" | "$heading" | "$subtext-bold" | "$subtext" | "$subtitle" | "$title") => import("@stitches/react/types/css-util").CSSProperties; |
@@ -14,224 +14,38 @@ export declare const StyledTooltipContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, { | ||
| }, { | ||
| borderWidths: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| }; | ||
| colors: { | ||
| "background-danger": any; | ||
| "background-primary": any; | ||
| "background-secondary": any; | ||
| "background-side-nav": any; | ||
| "background-success": any; | ||
| "background-surface": any; | ||
| "background-tertiary": any; | ||
| "background-top-nav": any; | ||
| "background-warning": any; | ||
| "border-danger": any; | ||
| "border-disabled": any; | ||
| "border-primary": any; | ||
| "border-success": any; | ||
| "border-warning": any; | ||
| "brand-active": any; | ||
| "brand-default": any; | ||
| "brand-gradient": any; | ||
| "brand-hover": any; | ||
| "data-viz-danger-fill": any; | ||
| "data-viz-danger-hover": any; | ||
| "data-viz-danger-line": any; | ||
| "data-viz-neutral-fill": any; | ||
| "data-viz-neutral-hover": any; | ||
| "data-viz-primary-fill-alt": any; | ||
| "data-viz-primary-fill": any; | ||
| "data-viz-primary-hover": any; | ||
| "data-viz-primary-line": any; | ||
| "data-viz-secondary-fill-alt": any; | ||
| "data-viz-secondary-fill": any; | ||
| "data-viz-secondary-hover": any; | ||
| "data-viz-secondary-line": any; | ||
| "data-viz-tertiary-fill-alt": any; | ||
| "data-viz-tertiary-fill": any; | ||
| "data-viz-tertiary-hover": any; | ||
| "data-viz-tertiary-line": any; | ||
| "data-viz-warning-fill": any; | ||
| "data-viz-warning-hover": any; | ||
| "data-viz-warning-line": any; | ||
| "palette-black": any; | ||
| "palette-blue-50": any; | ||
| "palette-blue-100": any; | ||
| "palette-blue-200": any; | ||
| "palette-blue-300": any; | ||
| "palette-blue-400": any; | ||
| "palette-blue-500": any; | ||
| "palette-blue-600": any; | ||
| "palette-blue-700": any; | ||
| "palette-blue-800": any; | ||
| "palette-blue-900": any; | ||
| "palette-brown-50": any; | ||
| "palette-brown-100": any; | ||
| "palette-brown-200": any; | ||
| "palette-brown-300": any; | ||
| "palette-brown-400": any; | ||
| "palette-brown-500": any; | ||
| "palette-brown-600": any; | ||
| "palette-brown-700": any; | ||
| "palette-brown-800": any; | ||
| "palette-brown-900": any; | ||
| "palette-green-50": any; | ||
| "palette-green-100": any; | ||
| "palette-green-200": any; | ||
| "palette-green-300": any; | ||
| "palette-green-400": any; | ||
| "palette-green-500": any; | ||
| "palette-green-600": any; | ||
| "palette-green-700": any; | ||
| "palette-green-800": any; | ||
| "palette-green-900": any; | ||
| "palette-grey-50": any; | ||
| "palette-grey-100": any; | ||
| "palette-grey-200": any; | ||
| "palette-grey-300": any; | ||
| "palette-grey-400": any; | ||
| "palette-grey-500": any; | ||
| "palette-grey-600": any; | ||
| "palette-grey-700": any; | ||
| "palette-grey-800": any; | ||
| "palette-grey-900": any; | ||
| "palette-indigo-50": any; | ||
| "palette-indigo-100": any; | ||
| "palette-indigo-200": any; | ||
| "palette-indigo-300": any; | ||
| "palette-indigo-400": any; | ||
| "palette-indigo-500": any; | ||
| "palette-indigo-600": any; | ||
| "palette-indigo-700": any; | ||
| "palette-indigo-800": any; | ||
| "palette-indigo-900": any; | ||
| "palette-orange-50": any; | ||
| "palette-orange-100": any; | ||
| "palette-orange-200": any; | ||
| "palette-orange-300": any; | ||
| "palette-orange-400": any; | ||
| "palette-orange-500": any; | ||
| "palette-orange-600": any; | ||
| "palette-orange-700": any; | ||
| "palette-orange-800": any; | ||
| "palette-orange-900": any; | ||
| "palette-pink-50": any; | ||
| "palette-pink-100": any; | ||
| "palette-pink-200": any; | ||
| "palette-pink-300": any; | ||
| "palette-pink-400": any; | ||
| "palette-pink-500": any; | ||
| "palette-pink-600": any; | ||
| "palette-pink-700": any; | ||
| "palette-pink-800": any; | ||
| "palette-pink-900": any; | ||
| "palette-purple-50": any; | ||
| "palette-purple-100": any; | ||
| "palette-purple-200": any; | ||
| "palette-purple-300": any; | ||
| "palette-purple-400": any; | ||
| "palette-purple-500": any; | ||
| "palette-purple-600": any; | ||
| "palette-purple-700": any; | ||
| "palette-purple-800": any; | ||
| "palette-purple-900": any; | ||
| "palette-red-50": any; | ||
| "palette-red-100": any; | ||
| "palette-red-200": any; | ||
| "palette-red-300": any; | ||
| "palette-red-400": any; | ||
| "palette-red-500": any; | ||
| "palette-red-600": any; | ||
| "palette-red-700": any; | ||
| "palette-red-800": any; | ||
| "palette-red-900": any; | ||
| "palette-white": any; | ||
| "palette-yellow-50": any; | ||
| "palette-yellow-100": any; | ||
| "palette-yellow-200": any; | ||
| "palette-yellow-300": any; | ||
| "palette-yellow-400": any; | ||
| "palette-yellow-500": any; | ||
| "palette-yellow-600": any; | ||
| "palette-yellow-700": any; | ||
| "palette-yellow-800": any; | ||
| "palette-yellow-900": any; | ||
| "primary-active": any; | ||
| "primary-default": any; | ||
| "primary-hover": any; | ||
| "text-contrast": any; | ||
| "text-danger": any; | ||
| "text-disabled": any; | ||
| "text-primary": any; | ||
| "text-secondary": any; | ||
| "text-success": any; | ||
| "text-tertiary": any; | ||
| "text-warning": any; | ||
| }; | ||
| fonts: { | ||
| mono: string; | ||
| text: string; | ||
| }; | ||
| fontSizes: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-large': string; | ||
| 'x-small': string; | ||
| 'xx-large': string; | ||
| }; | ||
| fontWeights: { | ||
| bold: number; | ||
| regular: number; | ||
| semibold: number; | ||
| }; | ||
| letterSpacings: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-small': string; | ||
| }; | ||
| lineHeights: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-large': string; | ||
| 'x-small': string; | ||
| 'xx-large': string; | ||
| }; | ||
| radii: { | ||
| full: string; | ||
| small: string; | ||
| }; | ||
| shadows: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| }; | ||
| sizes: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-large': string; | ||
| 'x-small': string; | ||
| }; | ||
| space: { | ||
| large: string; | ||
| medium: string; | ||
| small: string; | ||
| 'x-large': string; | ||
| 'x-small': string; | ||
| }; | ||
| zIndices: { | ||
| dialog: number; | ||
| dropdown: number; | ||
| modal: number; | ||
| overlay: number; | ||
| popover: number; | ||
| sticky: number; | ||
| toast: number; | ||
| tooltip: number; | ||
| }; | ||
| fonts?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| fontSizes?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| fontWeights?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| lineHeights?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| letterSpacings?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| space?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| radii?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| zIndices?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| borderWeights?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| colors?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| shadows?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| breakpoints?: { | ||
| [x: string]: any; | ||
| } | undefined; | ||
| }, import("@stitches/react/types/config").DefaultThemeMap, { | ||
@@ -238,0 +52,0 @@ typography: (variant: "$caption" | "$display" | "$body-bold" | "$body" | "$caption-bold" | "$heading" | "$subtext-bold" | "$subtext" | "$subtitle" | "$title") => import("@stitches/react/types/css-util").CSSProperties; |
| const _excluded = ["className", "children"], | ||
| _excluded2 = ["children", "in"], | ||
| _excluded3 = ["defaultOpen", "children", "delay", "isOpen", "isDisabled", "placement", "onOpenChange", "title", "trigger"]; | ||
| _excluded2 = ["defaultOpen", "children", "delay", "isOpen", "isDisabled", "placement", "onOpenChange", "title", "trigger"]; | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } | ||
@@ -24,5 +23,5 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } | ||
| import { useTooltipTriggerState } from '@react-stately/tooltip'; | ||
| import { Fade } from '@project44-manifest/react-transition'; | ||
| import { createContext, mergeProps, mergeRefs } from '@project44-manifest/react-utils'; | ||
| import { jsx, jsxs, Fragment } from 'react/jsx-runtime'; | ||
| import { Transition } from '@project44-manifest/react-transition'; | ||
| import { useHover } from '@react-aria/interactions'; | ||
@@ -67,26 +66,2 @@ import { styled, cx } from '@project44-manifest/react-styles'; | ||
| }); | ||
| const TooltipTransition = /*#__PURE__*/React.forwardRef((props, forwardedRef) => { | ||
| const children = props.children, | ||
| inProp = props.in, | ||
| other = _objectWithoutProperties(props, _excluded2); | ||
| const _React$useState = React.useState(!inProp), | ||
| _React$useState2 = _slicedToArray(_React$useState, 2), | ||
| exited = _React$useState2[0], | ||
| setExited = _React$useState2[1]; | ||
| const handleEntered = React.useCallback(() => { | ||
| setExited(false); | ||
| }, []); | ||
| const handleExited = React.useCallback(() => { | ||
| setExited(true); | ||
| }, []); | ||
| const mounted = inProp || !exited; | ||
| if (!mounted) return null; | ||
| return /*#__PURE__*/jsx(Transition, _objectSpread(_objectSpread({}, other), {}, { | ||
| ref: forwardedRef, | ||
| in: inProp, | ||
| onEntered: handleEntered, | ||
| onExited: handleExited, | ||
| children: children | ||
| })); | ||
| }); | ||
| const Tooltip = /*#__PURE__*/React.forwardRef((props, forwardedRef) => { | ||
@@ -104,3 +79,3 @@ const defaultOpen = props.defaultOpen, | ||
| trigger = props.trigger, | ||
| other = _objectWithoutProperties(props, _excluded3); | ||
| other = _objectWithoutProperties(props, _excluded2); | ||
| const tooltipRef = React.useRef(null); | ||
@@ -139,3 +114,6 @@ const triggerRef = React.useRef(null); | ||
| }, | ||
| children: /*#__PURE__*/jsx(TooltipTransition, { | ||
| children: /*#__PURE__*/jsx(Fade, { | ||
| appear: true, | ||
| mountOnEnter: true, | ||
| unmountOnExit: true, | ||
| in: state.isOpen, | ||
@@ -142,0 +120,0 @@ children: /*#__PURE__*/jsx(TooltipContent, _objectSpread(_objectSpread({}, other), {}, { |
@@ -7,4 +7,3 @@ // Bundled with Packemon: https://packemon.dev | ||
| const _excluded = ["className", "children"], | ||
| _excluded2 = ["children", "in"], | ||
| _excluded3 = ["defaultOpen", "children", "delay", "isOpen", "isDisabled", "placement", "onOpenChange", "title", "trigger"]; | ||
| _excluded2 = ["defaultOpen", "children", "delay", "isOpen", "isDisabled", "placement", "onOpenChange", "title", "trigger"]; | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } | ||
@@ -30,5 +29,5 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } | ||
| const tooltip = require('@react-stately/tooltip'); | ||
| const reactTransition = require('@project44-manifest/react-transition'); | ||
| const reactUtils = require('@project44-manifest/react-utils'); | ||
| const jsxRuntime = require('react/jsx-runtime'); | ||
| const reactTransition = require('@project44-manifest/react-transition'); | ||
| const interactions = require('@react-aria/interactions'); | ||
@@ -91,26 +90,2 @@ const reactStyles = require('@project44-manifest/react-styles'); | ||
| }); | ||
| const TooltipTransition = /*#__PURE__*/React__namespace.forwardRef((props, forwardedRef) => { | ||
| const children = props.children, | ||
| inProp = props.in, | ||
| other = _objectWithoutProperties(props, _excluded2); | ||
| const _React__namespace$use = React__namespace.useState(!inProp), | ||
| _React__namespace$use2 = _slicedToArray(_React__namespace$use, 2), | ||
| exited = _React__namespace$use2[0], | ||
| setExited = _React__namespace$use2[1]; | ||
| const handleEntered = React__namespace.useCallback(() => { | ||
| setExited(false); | ||
| }, []); | ||
| const handleExited = React__namespace.useCallback(() => { | ||
| setExited(true); | ||
| }, []); | ||
| const mounted = inProp || !exited; | ||
| if (!mounted) return null; | ||
| return /*#__PURE__*/jsxRuntime.jsx(reactTransition.Transition, _objectSpread(_objectSpread({}, other), {}, { | ||
| ref: forwardedRef, | ||
| in: inProp, | ||
| onEntered: handleEntered, | ||
| onExited: handleExited, | ||
| children: children | ||
| })); | ||
| }); | ||
| const Tooltip = /*#__PURE__*/React__namespace.forwardRef((props, forwardedRef) => { | ||
@@ -128,3 +103,3 @@ const defaultOpen = props.defaultOpen, | ||
| trigger = props.trigger, | ||
| other = _objectWithoutProperties(props, _excluded3); | ||
| other = _objectWithoutProperties(props, _excluded2); | ||
| const tooltipRef = React__namespace.useRef(null); | ||
@@ -163,3 +138,6 @@ const triggerRef = React__namespace.useRef(null); | ||
| }, | ||
| children: /*#__PURE__*/jsxRuntime.jsx(TooltipTransition, { | ||
| children: /*#__PURE__*/jsxRuntime.jsx(reactTransition.Fade, { | ||
| appear: true, | ||
| mountOnEnter: true, | ||
| unmountOnExit: true, | ||
| in: state.isOpen, | ||
@@ -166,0 +144,0 @@ children: /*#__PURE__*/jsxRuntime.jsx(TooltipContent, _objectSpread(_objectSpread({}, other), {}, { |
| { | ||
| "name": "@project44-manifest/react-tooltip", | ||
| "version": "1.1.0", | ||
| "version": "1.1.1", | ||
| "description": "Manifest Design System react tooltip component", | ||
@@ -38,3 +38,3 @@ "license": "MIT", | ||
| "@project44-manifest/react-styles": "^1.0.1", | ||
| "@project44-manifest/react-transition": "^0.1.0", | ||
| "@project44-manifest/react-transition": "^1.0.0", | ||
| "@project44-manifest/react-utils": "^0.2.4", | ||
@@ -41,0 +41,0 @@ "@react-aria/interactions": "^3.12.0", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-24.73%
51759
- Number of package files
- decreased by-17.14%
29
- Lines of code
- decreased by-31.22%
1009
Dependency changes
+ Added@project44-manifest/react-transition@1.2.4(transitive)
- Removed@project44-manifest/react-transition@0.1.0(transitive)