@highlight-ui/tooltip
Advanced tools
Comparing version 3.3.28 to 3.3.29
@@ -6,13 +6,7 @@ 'use strict'; | ||
}); | ||
var React = require('react'); | ||
var typography = require('@highlight-ui/typography'); | ||
var utilsCommons = require('@highlight-ui/utils-commons'); | ||
var utilsHooks = require('@highlight-ui/utils-hooks'); | ||
var utilsPortalManager = require('@highlight-ui/utils-portal-manager'); | ||
function _interopDefaultLegacy(e) { | ||
@@ -23,5 +17,5 @@ return e && typeof e === 'object' && 'default' in e ? e : { | ||
} | ||
var React__default = /*#__PURE__*/_interopDefaultLegacy(React); | ||
var React__default = /*#__PURE__*/_interopDefaultLegacy(React); | ||
/*! ***************************************************************************** | ||
/****************************************************************************** | ||
Copyright (c) Microsoft Corporation. | ||
@@ -41,3 +35,2 @@ | ||
var __assign = function () { | ||
@@ -47,17 +40,11 @@ __assign = Object.assign || function __assign(t) { | ||
s = arguments[i]; | ||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; | ||
} | ||
return t; | ||
}; | ||
return __assign.apply(this, arguments); | ||
}; | ||
function __rest(s, e) { | ||
var t = {}; | ||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; | ||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
@@ -68,12 +55,10 @@ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; | ||
} | ||
var styles = { | ||
"offsetVarName": "--tooltip-offset", | ||
"tooltip": "Tooltip-module__Qg97SOst__v3-3-28" | ||
"tooltip": "Tooltip-module__wN2gX2dn__v3-3-29" | ||
}; | ||
var Trigger = React__default["default"].forwardRef(function (_a, ref) { | ||
var Component = _a.component, | ||
children = _a.children, | ||
props = __rest(_a, ["component", "children"]); | ||
children = _a.children, | ||
props = __rest(_a, ["component", "children"]); | ||
return React__default["default"].createElement(Component, __assign({ | ||
@@ -88,47 +73,45 @@ ref: ref | ||
}; | ||
var Tooltip = function (_a) { | ||
var propsId = _a.id, | ||
className = _a.className, | ||
component = _a.component, | ||
children = _a.children, | ||
content = _a.content, | ||
_b = _a.mouseEnterDelay, | ||
mouseEnterDelay = _b === void 0 ? 'none' : _b, | ||
_c = _a.mouseOutDelay, | ||
mouseOutDelay = _c === void 0 ? 'none' : _c, | ||
metadata = _a.metadata, | ||
_d = _a.interactive, | ||
interactive = _d === void 0 ? true : _d, | ||
_e = _a.placement, | ||
placement = _e === void 0 ? 'top' : _e; | ||
className = _a.className, | ||
component = _a.component, | ||
children = _a.children, | ||
content = _a.content, | ||
_b = _a.mouseEnterDelay, | ||
mouseEnterDelay = _b === void 0 ? 'none' : _b, | ||
_c = _a.mouseOutDelay, | ||
mouseOutDelay = _c === void 0 ? 'none' : _c, | ||
metadata = _a.metadata, | ||
_d = _a.interactive, | ||
interactive = _d === void 0 ? true : _d, | ||
_e = _a.placement, | ||
placement = _e === void 0 ? 'top' : _e; | ||
var uid = utilsHooks.useId('tooltip-'); | ||
var id = propsId || uid; | ||
var definedOffset = getComputedStyle(document.documentElement).getPropertyValue(styles.offsetVarName); | ||
var _f = utilsHooks.useAutoInteractions({ | ||
role: { | ||
enabled: true, | ||
role: 'tooltip' | ||
}, | ||
hover: { | ||
delay: { | ||
open: typeof mouseEnterDelay === 'number' ? mouseEnterDelay : DELAY_VALUES[mouseEnterDelay], | ||
close: typeof mouseOutDelay === 'number' ? mouseOutDelay : DELAY_VALUES[mouseOutDelay] | ||
role: { | ||
enabled: true, | ||
role: 'tooltip' | ||
}, | ||
interactive: interactive | ||
}, | ||
placement: placement, | ||
offset: definedOffset ? { | ||
offset: [parseInt(definedOffset, 10), parseInt(definedOffset, 10)] | ||
} : undefined | ||
}), | ||
triggerRef = _f.triggerRef, | ||
floatRef = _f.floatRef, | ||
floatStyles = _f.styles, | ||
open = _f.open, | ||
getTriggerProps = _f.getTriggerProps, | ||
getFloatProps = _f.getFloatProps; | ||
var childRef = utilsHooks.useForkRef([triggerRef, // TODO: Get rid of any type when working on PPUI-357 | ||
hover: { | ||
delay: { | ||
open: typeof mouseEnterDelay === 'number' ? mouseEnterDelay : DELAY_VALUES[mouseEnterDelay], | ||
close: typeof mouseOutDelay === 'number' ? mouseOutDelay : DELAY_VALUES[mouseOutDelay] | ||
}, | ||
interactive: interactive | ||
}, | ||
placement: placement, | ||
offset: definedOffset ? { | ||
offset: [parseInt(definedOffset, 10), parseInt(definedOffset, 10)] | ||
} : undefined | ||
}), | ||
triggerRef = _f.triggerRef, | ||
floatRef = _f.floatRef, | ||
floatStyles = _f.styles, | ||
open = _f.open, | ||
getTriggerProps = _f.getTriggerProps, | ||
getFloatProps = _f.getFloatProps; | ||
var childRef = utilsHooks.useForkRef([triggerRef, | ||
// TODO: Get rid of any type when working on PPUI-357 | ||
children.ref]); | ||
@@ -152,4 +135,3 @@ return React__default["default"].createElement(React__default["default"].Fragment, null, component || typeof children === 'string' ? React__default["default"].createElement(Trigger, __assign({ | ||
}; | ||
exports.Tooltip = Tooltip; | ||
//# sourceMappingURL=index.js.map |
@@ -6,3 +6,4 @@ import React, { cloneElement } from 'react'; | ||
import { GroupedPortal } from '@highlight-ui/utils-portal-manager'; | ||
/*! ***************************************************************************** | ||
/****************************************************************************** | ||
Copyright (c) Microsoft Corporation. | ||
@@ -26,17 +27,11 @@ | ||
s = arguments[i]; | ||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; | ||
} | ||
return t; | ||
}; | ||
return __assign.apply(this, arguments); | ||
}; | ||
function __rest(s, e) { | ||
var t = {}; | ||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; | ||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
@@ -47,12 +42,10 @@ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; | ||
} | ||
var styles = { | ||
"offsetVarName": "--tooltip-offset", | ||
"tooltip": "Tooltip-module__Qg97SOst__v3-3-28" | ||
"tooltip": "Tooltip-module__wN2gX2dn__v3-3-29" | ||
}; | ||
var Trigger = /*#__PURE__*/React.forwardRef(function (_a, ref) { | ||
var Component = _a.component, | ||
children = _a.children, | ||
props = __rest(_a, ["component", "children"]); | ||
children = _a.children, | ||
props = __rest(_a, ["component", "children"]); | ||
return /*#__PURE__*/React.createElement(Component, __assign({ | ||
@@ -67,47 +60,45 @@ ref: ref | ||
}; | ||
var Tooltip = function (_a) { | ||
var propsId = _a.id, | ||
className = _a.className, | ||
component = _a.component, | ||
children = _a.children, | ||
content = _a.content, | ||
_b = _a.mouseEnterDelay, | ||
mouseEnterDelay = _b === void 0 ? 'none' : _b, | ||
_c = _a.mouseOutDelay, | ||
mouseOutDelay = _c === void 0 ? 'none' : _c, | ||
metadata = _a.metadata, | ||
_d = _a.interactive, | ||
interactive = _d === void 0 ? true : _d, | ||
_e = _a.placement, | ||
placement = _e === void 0 ? 'top' : _e; | ||
className = _a.className, | ||
component = _a.component, | ||
children = _a.children, | ||
content = _a.content, | ||
_b = _a.mouseEnterDelay, | ||
mouseEnterDelay = _b === void 0 ? 'none' : _b, | ||
_c = _a.mouseOutDelay, | ||
mouseOutDelay = _c === void 0 ? 'none' : _c, | ||
metadata = _a.metadata, | ||
_d = _a.interactive, | ||
interactive = _d === void 0 ? true : _d, | ||
_e = _a.placement, | ||
placement = _e === void 0 ? 'top' : _e; | ||
var uid = useId('tooltip-'); | ||
var id = propsId || uid; | ||
var definedOffset = getComputedStyle(document.documentElement).getPropertyValue(styles.offsetVarName); | ||
var _f = useAutoInteractions({ | ||
role: { | ||
enabled: true, | ||
role: 'tooltip' | ||
}, | ||
hover: { | ||
delay: { | ||
open: typeof mouseEnterDelay === 'number' ? mouseEnterDelay : DELAY_VALUES[mouseEnterDelay], | ||
close: typeof mouseOutDelay === 'number' ? mouseOutDelay : DELAY_VALUES[mouseOutDelay] | ||
role: { | ||
enabled: true, | ||
role: 'tooltip' | ||
}, | ||
interactive: interactive | ||
}, | ||
placement: placement, | ||
offset: definedOffset ? { | ||
offset: [parseInt(definedOffset, 10), parseInt(definedOffset, 10)] | ||
} : undefined | ||
}), | ||
triggerRef = _f.triggerRef, | ||
floatRef = _f.floatRef, | ||
floatStyles = _f.styles, | ||
open = _f.open, | ||
getTriggerProps = _f.getTriggerProps, | ||
getFloatProps = _f.getFloatProps; | ||
var childRef = useForkRef([triggerRef, // TODO: Get rid of any type when working on PPUI-357 | ||
hover: { | ||
delay: { | ||
open: typeof mouseEnterDelay === 'number' ? mouseEnterDelay : DELAY_VALUES[mouseEnterDelay], | ||
close: typeof mouseOutDelay === 'number' ? mouseOutDelay : DELAY_VALUES[mouseOutDelay] | ||
}, | ||
interactive: interactive | ||
}, | ||
placement: placement, | ||
offset: definedOffset ? { | ||
offset: [parseInt(definedOffset, 10), parseInt(definedOffset, 10)] | ||
} : undefined | ||
}), | ||
triggerRef = _f.triggerRef, | ||
floatRef = _f.floatRef, | ||
floatStyles = _f.styles, | ||
open = _f.open, | ||
getTriggerProps = _f.getTriggerProps, | ||
getFloatProps = _f.getFloatProps; | ||
var childRef = useForkRef([triggerRef, | ||
// TODO: Get rid of any type when working on PPUI-357 | ||
children.ref]); | ||
@@ -131,4 +122,3 @@ return /*#__PURE__*/React.createElement(React.Fragment, null, component || typeof children === 'string' ? /*#__PURE__*/React.createElement(Trigger, __assign({ | ||
}; | ||
export { Tooltip }; | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "@highlight-ui/tooltip", | ||
"version": "3.3.28", | ||
"version": "3.3.29", | ||
"author": "Personio GmbH & Co. KG", | ||
@@ -29,27 +29,27 @@ "main": "dist/cjs/index.js", | ||
"devDependencies": { | ||
"@highlight-ui/alert": "^5.6.9", | ||
"@highlight-ui/button": "^11.5.7", | ||
"@highlight-ui/configs-base-jest": "^3.1.1", | ||
"@highlight-ui/configs-base-tsconfig": "^3.2.0", | ||
"@highlight-ui/configs-scripts": "^3.2.2", | ||
"@highlight-ui/theme": "^9.3.3", | ||
"@highlight-ui/tokens": "^2.3.0", | ||
"@highlight-ui/alert": "^5.6.10", | ||
"@highlight-ui/button": "^11.5.8", | ||
"@highlight-ui/configs-base-jest": "^3.1.2", | ||
"@highlight-ui/configs-base-tsconfig": "^3.2.1", | ||
"@highlight-ui/configs-scripts": "^3.2.3", | ||
"@highlight-ui/theme": "^9.3.4", | ||
"@highlight-ui/tokens": "^2.3.1", | ||
"@testing-library/dom": "8.19.0", | ||
"@testing-library/react": "12.1.5", | ||
"@testing-library/user-event": "13.5.0", | ||
"jest": "^27.2.3", | ||
"react": "^17.0.2", | ||
"rimraf": "^3.0.2" | ||
"jest": "~27.2.3", | ||
"react": "17.0.2", | ||
"rimraf": "~3.0.2" | ||
}, | ||
"dependencies": { | ||
"@highlight-ui/typography": "^5.2.15", | ||
"@highlight-ui/utils-commons": "^2.3.5", | ||
"@highlight-ui/utils-hooks": "^3.2.18", | ||
"@highlight-ui/utils-portal-manager": "^3.1.7", | ||
"@popperjs/core": "^2.9.2" | ||
"@highlight-ui/typography": "^5.2.16", | ||
"@highlight-ui/utils-commons": "^2.3.6", | ||
"@highlight-ui/utils-hooks": "^3.2.19", | ||
"@highlight-ui/utils-portal-manager": "^3.1.8", | ||
"@popperjs/core": "~2.9.2" | ||
}, | ||
"peerDependencies": { | ||
"react": "^17.0.2" | ||
"react": "17.0.2" | ||
}, | ||
"gitHead": "a540be61e44ed5ba75c7f5788e35af65cca4f188" | ||
"gitHead": "3758f5f987510edb100f5a22ebe829b7cee4573f" | ||
} |
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
Sorry, the diff of this file is not supported yet
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
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
62370
348
- Removed@popperjs/core@2.11.8(transitive)
Updated@popperjs/core@~2.9.2