@clayui/tooltip 3.116.0 → 3.128.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Tooltip.d.ts +2 -2
- package/lib/Tooltip.js +17 -27
- package/lib/TooltipProvider.d.ts +7 -13
- package/lib/TooltipProvider.js +73 -117
- package/lib/index.d.ts +4 -4
- package/lib/index.js +10 -10
- package/lib/useAlign.d.ts +0 -0
- package/lib/useAlign.js +23 -35
- package/lib/useClosestTitle.d.ts +0 -0
- package/lib/useClosestTitle.js +3 -29
- package/lib/useTooltipState.d.ts +0 -0
- package/lib/useTooltipState.js +12 -19
- package/package.json +4 -3
- package/CHANGELOG.md +0 -429
package/lib/Tooltip.d.ts
CHANGED
|
@@ -14,5 +14,5 @@ interface IProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
14
14
|
*/
|
|
15
15
|
show?: boolean;
|
|
16
16
|
}
|
|
17
|
-
declare const
|
|
18
|
-
export
|
|
17
|
+
export declare const Tooltip: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLElement>>;
|
|
18
|
+
export {};
|
package/lib/Tooltip.js
CHANGED
|
@@ -3,33 +3,26 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
|
|
6
|
+
exports.Tooltip = exports.ALIGN_POSITIONS = void 0;
|
|
8
7
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _excluded = ["alignPosition", "children", "className", "show"];
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function _objectWithoutPropertiesLoose(
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
exports.ALIGN_POSITIONS = ALIGN_POSITIONS;
|
|
24
|
-
|
|
25
|
-
var ClayTooltip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
10
|
+
/**
|
|
11
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
12
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
+
*/
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
|
|
16
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
17
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
|
|
18
|
+
var ALIGN_POSITIONS = exports.ALIGN_POSITIONS = ['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right'];
|
|
19
|
+
var Tooltip = exports.Tooltip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
26
20
|
var _ref$alignPosition = _ref.alignPosition,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
21
|
+
alignPosition = _ref$alignPosition === void 0 ? 'bottom' : _ref$alignPosition,
|
|
22
|
+
children = _ref.children,
|
|
23
|
+
className = _ref.className,
|
|
24
|
+
show = _ref.show,
|
|
25
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
33
26
|
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
34
27
|
className: (0, _classnames.default)(className, 'tooltip', "clay-tooltip-".concat(alignPosition), {
|
|
35
28
|
show: show
|
|
@@ -43,7 +36,4 @@ var ClayTooltip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
43
36
|
className: "tooltip-inner"
|
|
44
37
|
}, children));
|
|
45
38
|
});
|
|
46
|
-
|
|
47
|
-
ClayTooltip.displayName = 'ClayTooltip';
|
|
48
|
-
var _default = ClayTooltip;
|
|
49
|
-
exports.default = _default;
|
|
39
|
+
Tooltip.displayName = 'ClayTooltip';
|
package/lib/TooltipProvider.d.ts
CHANGED
|
@@ -8,13 +8,13 @@ declare type TContentRenderer = (props: {
|
|
|
8
8
|
targetNode?: HTMLElement | null;
|
|
9
9
|
title: string;
|
|
10
10
|
}) => React.ReactElement | React.ReactNode;
|
|
11
|
-
|
|
11
|
+
declare type Props = {
|
|
12
12
|
/**
|
|
13
13
|
* Flag to indicate if tooltip should automatically align based on the window
|
|
14
14
|
*/
|
|
15
15
|
autoAlign?: boolean;
|
|
16
16
|
/**
|
|
17
|
-
* Props to add to the
|
|
17
|
+
* Props to add to the `<ClayPortal/>`.
|
|
18
18
|
*/
|
|
19
19
|
containerProps?: IPortalBaseProps;
|
|
20
20
|
/**
|
|
@@ -25,19 +25,13 @@ interface IPropsBase {
|
|
|
25
25
|
* Delay in miliseconds before showing tooltip
|
|
26
26
|
*/
|
|
27
27
|
delay?: number;
|
|
28
|
-
|
|
29
|
-
interface IPropsWithChildren extends IPropsBase {
|
|
30
|
-
children: React.ReactElement;
|
|
31
|
-
scope?: never;
|
|
32
|
-
}
|
|
33
|
-
interface IPropsWithScope extends IPropsBase {
|
|
34
|
-
children?: never;
|
|
28
|
+
children?: React.ReactElement;
|
|
35
29
|
/**
|
|
36
30
|
* CSS selector to scope provider to. All titles within this scope will be
|
|
37
31
|
* rendered in the tooltip. Titles outside of this scope will be styled
|
|
38
32
|
* as with the default browser.
|
|
39
33
|
*/
|
|
40
|
-
scope
|
|
41
|
-
}
|
|
42
|
-
declare const
|
|
43
|
-
export
|
|
34
|
+
scope?: string;
|
|
35
|
+
};
|
|
36
|
+
export declare const ClayTooltipProvider: ({ autoAlign, children, containerProps, contentRenderer, delay, scope, }: Props) => JSX.Element;
|
|
37
|
+
export {};
|
package/lib/TooltipProvider.js
CHANGED
|
@@ -1,56 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
4
|
-
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports.
|
|
9
|
-
|
|
7
|
+
exports.ClayTooltipProvider = void 0;
|
|
10
8
|
var _shared = require("@clayui/shared");
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _warning = _interopRequireDefault(require("warning"));
|
|
15
|
-
|
|
16
|
-
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
17
|
-
|
|
11
|
+
var _Tooltip = require("./Tooltip");
|
|
18
12
|
var _useAlign = require("./useAlign");
|
|
19
|
-
|
|
20
13
|
var _useClosestTitle2 = require("./useClosestTitle");
|
|
21
|
-
|
|
22
14
|
var _useTooltipState2 = require("./useTooltipState");
|
|
23
|
-
|
|
24
15
|
var _excluded = ["type"];
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
function _slicedToArray(
|
|
33
|
-
|
|
16
|
+
/**
|
|
17
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
18
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
+
*/
|
|
20
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
|
|
23
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
34
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
function
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
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; }
|
|
47
|
-
|
|
48
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
49
|
-
|
|
50
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
51
|
-
|
|
52
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
53
|
-
|
|
25
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
26
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
|
|
27
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
28
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
29
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
30
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
31
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
32
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
33
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
34
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
35
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
|
|
54
36
|
var initialState = {
|
|
55
37
|
align: 'top',
|
|
56
38
|
floating: false,
|
|
@@ -59,93 +41,81 @@ var initialState = {
|
|
|
59
41
|
};
|
|
60
42
|
var TRIGGER_HIDE_EVENTS = ['dragstart', 'mouseout', 'mouseup', 'pointerup', 'touchend'];
|
|
61
43
|
var TRIGGER_SHOW_EVENTS = ['mouseover', 'mouseup', 'pointerdown', 'touchstart'];
|
|
62
|
-
|
|
63
44
|
var reducer = function reducer(state, _ref) {
|
|
64
45
|
var type = _ref.type,
|
|
65
|
-
|
|
66
|
-
|
|
46
|
+
payload = _objectWithoutProperties(_ref, _excluded);
|
|
67
47
|
switch (type) {
|
|
68
48
|
case 'update':
|
|
69
49
|
return _objectSpread(_objectSpread({}, state), payload);
|
|
70
|
-
|
|
71
50
|
case 'reset':
|
|
72
51
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
73
52
|
align: initialState.align,
|
|
74
53
|
floating: false
|
|
75
54
|
});
|
|
76
|
-
|
|
77
55
|
default:
|
|
78
56
|
throw new TypeError();
|
|
79
57
|
}
|
|
80
58
|
};
|
|
81
|
-
|
|
82
|
-
var TooltipProvider = function TooltipProvider(_ref2) {
|
|
59
|
+
var ClayTooltipProvider = exports.ClayTooltipProvider = function ClayTooltipProvider(_ref2) {
|
|
83
60
|
var _ref2$autoAlign = _ref2.autoAlign,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
61
|
+
autoAlign = _ref2$autoAlign === void 0 ? true : _ref2$autoAlign,
|
|
62
|
+
children = _ref2.children,
|
|
63
|
+
_ref2$containerProps = _ref2.containerProps,
|
|
64
|
+
containerProps = _ref2$containerProps === void 0 ? {} : _ref2$containerProps,
|
|
65
|
+
_ref2$contentRenderer = _ref2.contentRenderer,
|
|
66
|
+
contentRenderer = _ref2$contentRenderer === void 0 ? function (props) {
|
|
67
|
+
return props.title;
|
|
68
|
+
} : _ref2$contentRenderer,
|
|
69
|
+
_ref2$delay = _ref2.delay,
|
|
70
|
+
delay = _ref2$delay === void 0 ? 600 : _ref2$delay,
|
|
71
|
+
scope = _ref2.scope;
|
|
96
72
|
var _useReducer = (0, _react.useReducer)(reducer, initialState),
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
73
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
74
|
+
_useReducer2$ = _useReducer2[0],
|
|
75
|
+
align = _useReducer2$.align,
|
|
76
|
+
floating = _useReducer2$.floating,
|
|
77
|
+
setAsHTML = _useReducer2$.setAsHTML,
|
|
78
|
+
_useReducer2$$title = _useReducer2$.title,
|
|
79
|
+
title = _useReducer2$$title === void 0 ? '' : _useReducer2$$title,
|
|
80
|
+
dispatch = _useReducer2[1];
|
|
106
81
|
var tooltipRef = (0, _react.useRef)(null);
|
|
107
|
-
|
|
108
82
|
var _useInteractionFocus = (0, _shared.useInteractionFocus)(),
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
83
|
+
getInteraction = _useInteractionFocus.getInteraction,
|
|
84
|
+
isFocusVisible = _useInteractionFocus.isFocusVisible;
|
|
112
85
|
var isHovered = (0, _react.useRef)(false);
|
|
113
86
|
var isFocused = (0, _react.useRef)(false);
|
|
114
|
-
|
|
115
87
|
var _useTooltipState = (0, _useTooltipState2.useTooltipState)({
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
88
|
+
delay: delay
|
|
89
|
+
}),
|
|
90
|
+
close = _useTooltipState.close,
|
|
91
|
+
isOpen = _useTooltipState.isOpen,
|
|
92
|
+
open = _useTooltipState.open;
|
|
122
93
|
var _useClosestTitle = (0, _useClosestTitle2.useClosestTitle)({
|
|
123
|
-
|
|
124
|
-
dispatch({
|
|
125
|
-
type: 'reset'
|
|
126
|
-
});
|
|
127
|
-
close();
|
|
128
|
-
}, []),
|
|
129
|
-
onClick: (0, _react.useCallback)(function () {
|
|
130
|
-
isFocused.current = false;
|
|
131
|
-
isHovered.current = false;
|
|
132
|
-
}, []),
|
|
133
|
-
onHide: (0, _react.useCallback)(function () {
|
|
134
|
-
if (!isHovered.current && !isFocused.current) {
|
|
94
|
+
forceHide: (0, _react.useCallback)(function () {
|
|
135
95
|
dispatch({
|
|
136
96
|
type: 'reset'
|
|
137
97
|
});
|
|
138
98
|
close();
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
99
|
+
}, []),
|
|
100
|
+
onClick: (0, _react.useCallback)(function () {
|
|
101
|
+
isFocused.current = false;
|
|
102
|
+
isHovered.current = false;
|
|
103
|
+
}, []),
|
|
104
|
+
onHide: (0, _react.useCallback)(function () {
|
|
105
|
+
if (!isHovered.current && !isFocused.current) {
|
|
106
|
+
dispatch({
|
|
107
|
+
type: 'reset'
|
|
108
|
+
});
|
|
109
|
+
close();
|
|
110
|
+
}
|
|
111
|
+
}, []),
|
|
112
|
+
tooltipRef: tooltipRef
|
|
113
|
+
}),
|
|
114
|
+
forceHide = _useClosestTitle.forceHide,
|
|
115
|
+
getProps = _useClosestTitle.getProps,
|
|
116
|
+
onHide = _useClosestTitle.onHide,
|
|
117
|
+
target = _useClosestTitle.target,
|
|
118
|
+
titleNode = _useClosestTitle.titleNode;
|
|
149
119
|
(0, _useAlign.useAlign)({
|
|
150
120
|
align: align,
|
|
151
121
|
autoAlign: autoAlign,
|
|
@@ -164,10 +134,8 @@ var TooltipProvider = function TooltipProvider(_ref2) {
|
|
|
164
134
|
var onShow = (0, _react.useCallback)(function (event) {
|
|
165
135
|
if (isHovered.current || isFocused.current) {
|
|
166
136
|
var _props = getProps(event, isHovered.current);
|
|
167
|
-
|
|
168
137
|
if (_props) {
|
|
169
138
|
var _ref3;
|
|
170
|
-
|
|
171
139
|
dispatch({
|
|
172
140
|
align: (_ref3 = _props.align) !== null && _ref3 !== void 0 ? _ref3 : align,
|
|
173
141
|
floating: _props.floating,
|
|
@@ -186,42 +154,35 @@ var TooltipProvider = function TooltipProvider(_ref2) {
|
|
|
186
154
|
forceHide();
|
|
187
155
|
}
|
|
188
156
|
};
|
|
189
|
-
|
|
190
157
|
document.addEventListener('keyup', handleEsc, true);
|
|
191
158
|
return function () {
|
|
192
159
|
return document.removeEventListener('keyup', handleEsc, true);
|
|
193
160
|
};
|
|
194
161
|
}, [isOpen]);
|
|
195
|
-
|
|
196
162
|
var onHoverStart = function onHoverStart(event) {
|
|
197
163
|
if (getInteraction() === 'pointer') {
|
|
198
164
|
isHovered.current = true;
|
|
199
165
|
} else {
|
|
200
166
|
isHovered.current = false;
|
|
201
167
|
}
|
|
202
|
-
|
|
203
168
|
onShow(event);
|
|
204
169
|
};
|
|
205
|
-
|
|
206
170
|
var onHoverEnd = function onHoverEnd(event) {
|
|
207
171
|
isFocused.current = false;
|
|
208
172
|
isHovered.current = false;
|
|
209
173
|
onHide(event);
|
|
210
174
|
};
|
|
211
|
-
|
|
212
175
|
var onFocus = function onFocus(event) {
|
|
213
176
|
if (isFocusVisible()) {
|
|
214
177
|
isFocused.current = true;
|
|
215
178
|
onShow(event);
|
|
216
179
|
}
|
|
217
180
|
};
|
|
218
|
-
|
|
219
181
|
var onBlur = function onBlur(event) {
|
|
220
182
|
isFocused.current = false;
|
|
221
183
|
isHovered.current = false;
|
|
222
184
|
onHide(event);
|
|
223
185
|
};
|
|
224
|
-
|
|
225
186
|
(0, _react.useEffect)(function () {
|
|
226
187
|
if (scope) {
|
|
227
188
|
var disposeShowEvents = TRIGGER_SHOW_EVENTS.map(function (eventName) {
|
|
@@ -253,8 +214,7 @@ var TooltipProvider = function TooltipProvider(_ref2) {
|
|
|
253
214
|
targetNode: target.current,
|
|
254
215
|
title: title
|
|
255
216
|
});
|
|
256
|
-
|
|
257
|
-
var tooltip = isOpen && /*#__PURE__*/_react.default.createElement(_shared.ClayPortal, containerProps, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
217
|
+
var tooltip = isOpen && /*#__PURE__*/_react.default.createElement(_shared.ClayPortal, containerProps, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
|
|
258
218
|
alignPosition: align,
|
|
259
219
|
ref: tooltipRef,
|
|
260
220
|
show: true
|
|
@@ -263,7 +223,6 @@ var TooltipProvider = function TooltipProvider(_ref2) {
|
|
|
263
223
|
__html: titleContent
|
|
264
224
|
}
|
|
265
225
|
}) : titleContent));
|
|
266
|
-
|
|
267
226
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, scope ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tooltip, children) : children && /*#__PURE__*/_react.default.cloneElement(children, _objectSpread(_objectSpread({}, children.props), {}, {
|
|
268
227
|
children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.props.children, tooltip),
|
|
269
228
|
onBlur: onBlur,
|
|
@@ -271,7 +230,4 @@ var TooltipProvider = function TooltipProvider(_ref2) {
|
|
|
271
230
|
onMouseOut: onHoverEnd,
|
|
272
231
|
onMouseOver: onHoverStart
|
|
273
232
|
})));
|
|
274
|
-
};
|
|
275
|
-
|
|
276
|
-
var _default = TooltipProvider;
|
|
277
|
-
exports.default = _default;
|
|
233
|
+
};
|
package/lib/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
3
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
4
|
*/
|
|
5
|
-
import
|
|
6
|
-
import ClayTooltipProvider from './TooltipProvider';
|
|
7
|
-
export { ClayTooltipProvider };
|
|
8
|
-
export default
|
|
5
|
+
import { Tooltip } from './Tooltip';
|
|
6
|
+
import { ClayTooltipProvider } from './TooltipProvider';
|
|
7
|
+
export { Tooltip, ClayTooltipProvider };
|
|
8
|
+
export default Tooltip;
|
package/lib/index.js
CHANGED
|
@@ -6,20 +6,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "ClayTooltipProvider", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return _TooltipProvider.
|
|
9
|
+
return _TooltipProvider.ClayTooltipProvider;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Tooltip.Tooltip;
|
|
10
16
|
}
|
|
11
17
|
});
|
|
12
18
|
exports.default = void 0;
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
var _TooltipProvider = _interopRequireDefault(require("./TooltipProvider"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
19
|
+
var _Tooltip = require("./Tooltip");
|
|
20
|
+
var _TooltipProvider = require("./TooltipProvider");
|
|
20
21
|
/**
|
|
21
22
|
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
22
23
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
24
|
*/
|
|
24
|
-
var _default = _Tooltip.
|
|
25
|
-
exports.default = _default;
|
|
25
|
+
var _default = exports.default = _Tooltip.Tooltip;
|
package/lib/useAlign.d.ts
CHANGED
|
File without changes
|
package/lib/useAlign.js
CHANGED
|
@@ -4,31 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useAlign = useAlign;
|
|
7
|
-
|
|
8
7
|
var _shared = require("@clayui/shared");
|
|
9
|
-
|
|
10
8
|
var _domAlign = require("dom-align");
|
|
11
|
-
|
|
12
9
|
var _react = require("react");
|
|
13
|
-
|
|
14
|
-
function _slicedToArray(
|
|
15
|
-
|
|
10
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
11
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
16
12
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
31
|
-
|
|
13
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
14
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
|
|
15
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
16
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
17
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
20
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
21
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
|
|
22
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
23
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
24
|
+
*/
|
|
32
25
|
var ALIGNMENTS = ['top', 'top-right', 'right', 'bottom-right', 'bottom', 'bottom-left', 'left', 'top-left'];
|
|
33
26
|
var ALIGNMENTS_MAP = {
|
|
34
27
|
bottom: ['tc', 'bc'],
|
|
@@ -64,30 +57,26 @@ var OFFSET_MAP = {
|
|
|
64
57
|
tlbl: BOTTOM_OFFSET,
|
|
65
58
|
trbr: BOTTOM_OFFSET
|
|
66
59
|
};
|
|
67
|
-
|
|
68
60
|
var ALIGNMENTS_FORCE_MAP = _objectSpread(_objectSpread({}, ALIGNMENTS_INVERSE_MAP), {}, {
|
|
69
61
|
bctc: 'top-left',
|
|
70
62
|
tcbc: 'bottom-left'
|
|
71
63
|
});
|
|
72
|
-
|
|
73
64
|
function useAlign(_ref) {
|
|
74
65
|
var align = _ref.align,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
66
|
+
autoAlign = _ref.autoAlign,
|
|
67
|
+
floating = _ref.floating,
|
|
68
|
+
isOpen = _ref.isOpen,
|
|
69
|
+
onAlign = _ref.onAlign,
|
|
70
|
+
sourceElement = _ref.sourceElement,
|
|
71
|
+
targetElement = _ref.targetElement,
|
|
72
|
+
title = _ref.title;
|
|
82
73
|
var mousePosition = (0, _shared.useMousePosition)(20);
|
|
83
74
|
(0, _react.useEffect)(function () {
|
|
84
75
|
if (sourceElement.current && isOpen && floating) {
|
|
85
76
|
var points = ALIGNMENTS_MAP[align || 'top'];
|
|
86
|
-
|
|
87
77
|
var _mousePosition = _slicedToArray(mousePosition, 2),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
78
|
+
clientX = _mousePosition[0],
|
|
79
|
+
clientY = _mousePosition[1];
|
|
91
80
|
(0, _domAlign.alignPoint)(sourceElement.current, {
|
|
92
81
|
clientX: clientX,
|
|
93
82
|
clientY: clientY
|
|
@@ -111,7 +100,6 @@ function useAlign(_ref) {
|
|
|
111
100
|
});
|
|
112
101
|
var alignmentString = alignment.points.join('');
|
|
113
102
|
var pointsString = points.join('');
|
|
114
|
-
|
|
115
103
|
if (alignment.overflow.adjustX) {
|
|
116
104
|
onAlign(ALIGNMENTS_FORCE_MAP[alignmentString]);
|
|
117
105
|
} else if (pointsString !== alignmentString) {
|
package/lib/useClosestTitle.d.ts
CHANGED
|
File without changes
|
package/lib/useClosestTitle.js
CHANGED
|
@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useClosestTitle = useClosestTitle;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
/**
|
|
11
9
|
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
12
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
11
|
*/
|
|
12
|
+
|
|
14
13
|
function matches(element, selectorString) {
|
|
15
14
|
if (element.matches) {
|
|
16
15
|
return element.matches(selectorString);
|
|
@@ -22,53 +21,42 @@ function matches(element, selectorString) {
|
|
|
22
21
|
return false;
|
|
23
22
|
}
|
|
24
23
|
}
|
|
25
|
-
|
|
26
24
|
function closestAncestor(node, s) {
|
|
27
25
|
var element = node;
|
|
28
26
|
var ancestor = node;
|
|
29
|
-
|
|
30
27
|
if (!document.documentElement.contains(element)) {
|
|
31
28
|
return null;
|
|
32
29
|
}
|
|
33
|
-
|
|
34
30
|
do {
|
|
35
31
|
if (matches(ancestor, s)) {
|
|
36
32
|
return ancestor;
|
|
37
33
|
}
|
|
38
|
-
|
|
39
34
|
ancestor = ancestor.parentElement;
|
|
40
35
|
} while (ancestor !== null);
|
|
41
|
-
|
|
42
36
|
return null;
|
|
43
37
|
}
|
|
44
|
-
|
|
45
38
|
function useClosestTitle(props) {
|
|
46
39
|
var targetRef = (0, _react.useRef)(null);
|
|
47
40
|
var titleNodeRef = (0, _react.useRef)(null);
|
|
48
41
|
var saveTitle = (0, _react.useCallback)(function (element) {
|
|
49
42
|
var title = element.getAttribute('title');
|
|
50
|
-
|
|
51
43
|
if (title) {
|
|
52
44
|
element.setAttribute('data-restore-title', title);
|
|
53
45
|
element.removeAttribute('title');
|
|
54
46
|
} else if (element.tagName === 'svg') {
|
|
55
47
|
var titleTag = element.querySelector('title');
|
|
56
|
-
|
|
57
48
|
if (titleTag) {
|
|
58
49
|
element.setAttribute('data-restore-title', titleTag.innerHTML);
|
|
59
50
|
titleTag.remove();
|
|
60
51
|
}
|
|
61
52
|
}
|
|
62
|
-
|
|
63
53
|
var hasParentTitle = element.closest('[title]');
|
|
64
|
-
|
|
65
54
|
if (hasParentTitle) {
|
|
66
55
|
saveTitle(hasParentTitle);
|
|
67
56
|
}
|
|
68
57
|
}, []);
|
|
69
58
|
var restoreTitle = (0, _react.useCallback)(function (element) {
|
|
70
59
|
var title = element.getAttribute('data-restore-title');
|
|
71
|
-
|
|
72
60
|
if (title) {
|
|
73
61
|
if (element.tagName === 'svg') {
|
|
74
62
|
var titleTag = document.createElement('title');
|
|
@@ -77,35 +65,28 @@ function useClosestTitle(props) {
|
|
|
77
65
|
} else {
|
|
78
66
|
element.setAttribute('title', title);
|
|
79
67
|
}
|
|
80
|
-
|
|
81
68
|
element.removeAttribute('data-restore-title');
|
|
82
69
|
}
|
|
83
|
-
|
|
84
70
|
var hasParentTitle = element.closest('[data-restore-title]');
|
|
85
|
-
|
|
86
71
|
if (hasParentTitle) {
|
|
87
72
|
restoreTitle(hasParentTitle);
|
|
88
73
|
}
|
|
89
74
|
}, []);
|
|
90
75
|
var onClick = (0, _react.useCallback)(function (event) {
|
|
91
|
-
props.onClick();
|
|
92
|
-
|
|
76
|
+
props.onClick();
|
|
77
|
+
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
|
93
78
|
onHide(event);
|
|
94
79
|
}, []);
|
|
95
80
|
var onHide = (0, _react.useCallback)(function (event) {
|
|
96
81
|
var _event$relatedTarget, _props$tooltipRef$cur, _targetRef$current;
|
|
97
|
-
|
|
98
82
|
if (event && !((_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 && _event$relatedTarget.getAttribute('title')) && ((_props$tooltipRef$cur = props.tooltipRef.current) !== null && _props$tooltipRef$cur !== void 0 && _props$tooltipRef$cur.contains(event.relatedTarget) || (_targetRef$current = targetRef.current) !== null && _targetRef$current !== void 0 && _targetRef$current.contains(event.relatedTarget))) {
|
|
99
83
|
return null;
|
|
100
84
|
}
|
|
101
|
-
|
|
102
85
|
props.onHide();
|
|
103
|
-
|
|
104
86
|
if (titleNodeRef.current) {
|
|
105
87
|
restoreTitle(titleNodeRef.current);
|
|
106
88
|
titleNodeRef.current = null;
|
|
107
89
|
}
|
|
108
|
-
|
|
109
90
|
if (targetRef.current) {
|
|
110
91
|
targetRef.current.removeEventListener('click', onClick);
|
|
111
92
|
targetRef.current = null;
|
|
@@ -113,12 +94,10 @@ function useClosestTitle(props) {
|
|
|
113
94
|
}, []);
|
|
114
95
|
var forceHide = (0, _react.useCallback)(function () {
|
|
115
96
|
props.forceHide();
|
|
116
|
-
|
|
117
97
|
if (titleNodeRef.current) {
|
|
118
98
|
restoreTitle(titleNodeRef.current);
|
|
119
99
|
titleNodeRef.current = null;
|
|
120
100
|
}
|
|
121
|
-
|
|
122
101
|
if (targetRef.current) {
|
|
123
102
|
targetRef.current.removeEventListener('click', onClick);
|
|
124
103
|
targetRef.current = null;
|
|
@@ -127,27 +106,22 @@ function useClosestTitle(props) {
|
|
|
127
106
|
var getProps = (0, _react.useCallback)(function (event, hideBrowserTitle) {
|
|
128
107
|
if (targetRef.current) {
|
|
129
108
|
props.onClick();
|
|
130
|
-
|
|
131
109
|
if (onHide(event) === null) {
|
|
132
110
|
return;
|
|
133
111
|
}
|
|
134
112
|
}
|
|
135
|
-
|
|
136
113
|
var target = event.target;
|
|
137
114
|
var hasTitle = target && (target.hasAttribute('[title]') || target.hasAttribute('[data-title]'));
|
|
138
115
|
var node = hasTitle ? target : closestAncestor(target, '[title], [data-title]');
|
|
139
116
|
var hasNonEmptyTitle = (node === null || node === void 0 ? void 0 : node.getAttribute('title')) !== '';
|
|
140
|
-
|
|
141
117
|
if (node && hasNonEmptyTitle) {
|
|
142
118
|
targetRef.current = target;
|
|
143
119
|
target.addEventListener('click', onClick);
|
|
144
120
|
var title = node.getAttribute('title') || node.getAttribute('data-title') || '';
|
|
145
121
|
titleNodeRef.current = node;
|
|
146
|
-
|
|
147
122
|
if (hideBrowserTitle) {
|
|
148
123
|
saveTitle(node);
|
|
149
124
|
}
|
|
150
|
-
|
|
151
125
|
return {
|
|
152
126
|
align: node.getAttribute('data-tooltip-align'),
|
|
153
127
|
delay: node.getAttribute('data-tooltip-delay'),
|
package/lib/useTooltipState.d.ts
CHANGED
|
File without changes
|
package/lib/useTooltipState.js
CHANGED
|
@@ -4,30 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useTooltipState = useTooltipState;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
|
-
|
|
8
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
12
9
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
-
|
|
10
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
11
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
|
|
12
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
|
|
14
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
15
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
+
*/
|
|
22
17
|
function useTooltipState(_ref) {
|
|
23
18
|
var _ref$delay = _ref.delay,
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
delay = _ref$delay === void 0 ? 600 : _ref$delay;
|
|
26
20
|
var _useState = (0, _react.useState)(false),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
21
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
+
isOpen = _useState2[0],
|
|
23
|
+
setOpen = _useState2[1];
|
|
31
24
|
var timeoutIdRef = (0, _react.useRef)();
|
|
32
25
|
var open = (0, _react.useCallback)(function (immediate, customDelay) {
|
|
33
26
|
if (!immediate) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clayui/tooltip",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.128.0",
|
|
4
4
|
"description": "ClayTooltip component",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"repository": "https://github.com/liferay/clay",
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"scripts": {
|
|
18
18
|
"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
|
|
19
19
|
"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
|
|
20
|
+
"format": "prettier --write \"**/*.{js,ts,tsx,md,mdx,json,scss}\"",
|
|
20
21
|
"test": "jest --config ../../jest.config.js"
|
|
21
22
|
},
|
|
22
23
|
"keywords": [
|
|
@@ -24,7 +25,7 @@
|
|
|
24
25
|
"react"
|
|
25
26
|
],
|
|
26
27
|
"dependencies": {
|
|
27
|
-
"@clayui/shared": "^3.
|
|
28
|
+
"@clayui/shared": "^3.128.0",
|
|
28
29
|
"classnames": "^2.2.6",
|
|
29
30
|
"dom-align": "^1.12.2",
|
|
30
31
|
"warning": "^4.0.3"
|
|
@@ -37,5 +38,5 @@
|
|
|
37
38
|
"browserslist": [
|
|
38
39
|
"extends browserslist-config-clay"
|
|
39
40
|
],
|
|
40
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "98d935035547358645741cbc137cae53a596f568"
|
|
41
42
|
}
|
package/CHANGELOG.md
DELETED
|
@@ -1,429 +0,0 @@
|
|
|
1
|
-
# Change Log
|
|
2
|
-
|
|
3
|
-
All notable changes to this project will be documented in this file.
|
|
4
|
-
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
|
-
|
|
6
|
-
# [3.116.0](https://github.com/liferay/clay/compare/v3.115.2...v3.116.0) (2024-06-10)
|
|
7
|
-
|
|
8
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
9
|
-
|
|
10
|
-
# [3.115.0](https://github.com/liferay/clay/compare/v3.114.0...v3.115.0) (2024-05-16)
|
|
11
|
-
|
|
12
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
13
|
-
|
|
14
|
-
# [3.113.0](https://github.com/liferay/clay/compare/v3.112.0...v3.113.0) (2024-03-28)
|
|
15
|
-
|
|
16
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
17
|
-
|
|
18
|
-
# [3.111.0](https://github.com/liferay/clay/compare/v3.110.0...v3.111.0) (2024-02-15)
|
|
19
|
-
|
|
20
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
21
|
-
|
|
22
|
-
# [3.109.0](https://github.com/liferay/clay/compare/v3.108.0...v3.109.0) (2024-01-22)
|
|
23
|
-
|
|
24
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
25
|
-
|
|
26
|
-
# [3.108.0](https://github.com/liferay/clay/compare/v3.107.1...v3.108.0) (2023-12-12)
|
|
27
|
-
|
|
28
|
-
### Bug Fixes
|
|
29
|
-
|
|
30
|
-
- **@clayui/tooltip:** Fix close tooltip when pressing Escape key ([6f40c16](https://github.com/liferay/clay/commit/6f40c16ad2556a99c839822c1486a2e0b2ee710c))
|
|
31
|
-
|
|
32
|
-
# [3.107.0](https://github.com/liferay/clay/compare/v3.106.1...v3.107.0) (2023-11-27)
|
|
33
|
-
|
|
34
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
35
|
-
|
|
36
|
-
## [3.106.1](https://github.com/liferay/clay/compare/v3.106.0...v3.106.1) (2023-10-26)
|
|
37
|
-
|
|
38
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
39
|
-
|
|
40
|
-
# [3.106.0](https://github.com/liferay/clay/compare/v3.105.0...v3.106.0) (2023-10-25)
|
|
41
|
-
|
|
42
|
-
### Bug Fixes
|
|
43
|
-
|
|
44
|
-
- remove 'src' dir from being packaged with npm ([9383e8d](https://github.com/liferay/clay/commit/9383e8d8abb25ca3396e7c6e4dfa53bbc72691c5))
|
|
45
|
-
- use package's directory for baseDir when generating type ([0a5c710](https://github.com/liferay/clay/commit/0a5c710092f36243bc8d5487f70e831295715072))
|
|
46
|
-
|
|
47
|
-
# [3.104.0](https://github.com/liferay/clay/compare/v3.103.1...v3.104.0) (2023-08-25)
|
|
48
|
-
|
|
49
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
50
|
-
|
|
51
|
-
## [3.103.1](https://github.com/liferay/clay/compare/v3.103.0...v3.103.1) (2023-08-15)
|
|
52
|
-
|
|
53
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
54
|
-
|
|
55
|
-
# [3.101.0](https://github.com/liferay/clay/compare/v3.100.0...v3.101.0) (2023-07-28)
|
|
56
|
-
|
|
57
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
58
|
-
|
|
59
|
-
# [3.100.0](https://github.com/liferay/clay/compare/v3.99.4...v3.100.0) (2023-07-13)
|
|
60
|
-
|
|
61
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
62
|
-
|
|
63
|
-
## [3.99.1](https://github.com/liferay/clay/compare/v3.99.0...v3.99.1) (2023-07-04)
|
|
64
|
-
|
|
65
|
-
### Bug Fixes
|
|
66
|
-
|
|
67
|
-
- **@clayui/tooltip:** fix error not showing tooltip on nested elements ([cf31736](https://github.com/liferay/clay/commit/cf31736b5515af8c2e906443c86c6cdd4c11631d))
|
|
68
|
-
|
|
69
|
-
# [3.96.0](https://github.com/liferay/clay/compare/v3.95.2...v3.96.0) (2023-05-29)
|
|
70
|
-
|
|
71
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
72
|
-
|
|
73
|
-
## [3.95.2](https://github.com/liferay/clay/compare/v3.95.0...v3.95.2) (2023-05-17)
|
|
74
|
-
|
|
75
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
76
|
-
|
|
77
|
-
# [3.95.0](https://github.com/liferay/clay/compare/v3.94.0...v3.95.0) (2023-05-15)
|
|
78
|
-
|
|
79
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
80
|
-
|
|
81
|
-
# [3.94.0](https://github.com/liferay/clay/compare/v3.93.0...v3.94.0) (2023-05-03)
|
|
82
|
-
|
|
83
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
84
|
-
|
|
85
|
-
# [3.93.0](https://github.com/liferay/clay/compare/v3.92.0...v3.93.0) (2023-04-19)
|
|
86
|
-
|
|
87
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
88
|
-
|
|
89
|
-
# [3.92.0](https://github.com/liferay/clay/compare/v3.91.0...v3.92.0) (2023-04-06)
|
|
90
|
-
|
|
91
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
92
|
-
|
|
93
|
-
# [3.89.0](https://github.com/liferay/clay/compare/v3.88.0...v3.89.0) (2023-03-01)
|
|
94
|
-
|
|
95
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
96
|
-
|
|
97
|
-
# [3.88.0](https://github.com/liferay/clay/compare/v3.87.2...v3.88.0) (2023-02-14)
|
|
98
|
-
|
|
99
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
100
|
-
|
|
101
|
-
# [3.87.0](https://github.com/liferay/clay/compare/v3.86.1...v3.87.0) (2023-02-08)
|
|
102
|
-
|
|
103
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
104
|
-
|
|
105
|
-
## [3.86.1](https://github.com/liferay/clay/compare/v3.86.0...v3.86.1) (2023-02-02)
|
|
106
|
-
|
|
107
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
108
|
-
|
|
109
|
-
# [3.86.0](https://github.com/liferay/clay/compare/v3.85.0...v3.86.0) (2023-01-31)
|
|
110
|
-
|
|
111
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
112
|
-
|
|
113
|
-
# [3.85.0](https://github.com/liferay/clay/compare/v3.84.0...v3.85.0) (2023-01-23)
|
|
114
|
-
|
|
115
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
116
|
-
|
|
117
|
-
## [3.83.1](https://github.com/liferay/clay/compare/v3.83.0...v3.83.1) (2022-12-20)
|
|
118
|
-
|
|
119
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
120
|
-
|
|
121
|
-
# [3.83.0](https://github.com/liferay/clay/compare/v3.82.0...v3.83.0) (2022-12-20)
|
|
122
|
-
|
|
123
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
124
|
-
|
|
125
|
-
# [3.82.0](https://github.com/liferay/clay/compare/v3.81.0...v3.82.0) (2022-12-07)
|
|
126
|
-
|
|
127
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
128
|
-
|
|
129
|
-
# [3.81.0](https://github.com/liferay/clay/compare/v3.80.1...v3.81.0) (2022-11-30)
|
|
130
|
-
|
|
131
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
132
|
-
|
|
133
|
-
## [3.80.1](https://github.com/liferay/clay/compare/v3.80.0...v3.80.1) (2022-11-22)
|
|
134
|
-
|
|
135
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
136
|
-
|
|
137
|
-
# [3.80.0](https://github.com/liferay/clay/compare/v3.79.0...v3.80.0) (2022-11-21)
|
|
138
|
-
|
|
139
|
-
### Bug Fixes
|
|
140
|
-
|
|
141
|
-
- **@clayui/tooltip:** persist the title attribute when navigate via keyboard ([44fe7c4](https://github.com/liferay/clay/commit/44fe7c4113a0889a109f3d71435800468b9ab94a))
|
|
142
|
-
|
|
143
|
-
# [3.79.0](https://github.com/liferay/clay/compare/v3.78.2...v3.79.0) (2022-11-08)
|
|
144
|
-
|
|
145
|
-
### Bug Fixes
|
|
146
|
-
|
|
147
|
-
- **@clayui/tooltip:** fixes error when not aligning the tooltip with focus in sequence of elements ([0d3e415](https://github.com/liferay/clay/commit/0d3e415746f33e62b7eb68e798c19c3ce5173b23))
|
|
148
|
-
|
|
149
|
-
## [3.78.2](https://github.com/liferay/clay/compare/v3.78.1...v3.78.2) (2022-10-25)
|
|
150
|
-
|
|
151
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
152
|
-
|
|
153
|
-
## [3.78.1](https://github.com/liferay/clay/compare/v3.78.0...v3.78.1) (2022-10-25)
|
|
154
|
-
|
|
155
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
156
|
-
|
|
157
|
-
# [3.78.0](https://github.com/liferay/clay/compare/v3.77.0...v3.78.0) (2022-10-25)
|
|
158
|
-
|
|
159
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
160
|
-
|
|
161
|
-
# [3.77.0](https://github.com/liferay/clay/compare/v3.76.0...v3.77.0) (2022-10-17)
|
|
162
|
-
|
|
163
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
164
|
-
|
|
165
|
-
## [3.75.2](https://github.com/liferay/clay/compare/v3.75.1...v3.75.2) (2022-09-29)
|
|
166
|
-
|
|
167
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
168
|
-
|
|
169
|
-
# [3.75.0](https://github.com/liferay/clay/compare/v3.74.0...v3.75.0) (2022-09-28)
|
|
170
|
-
|
|
171
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
172
|
-
|
|
173
|
-
# [3.73.0](https://github.com/liferay/clay/compare/v3.72.0...v3.73.0) (2022-09-13)
|
|
174
|
-
|
|
175
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
176
|
-
|
|
177
|
-
# [3.71.0](https://github.com/liferay/clay/compare/v3.70.3...v3.71.0) (2022-08-30)
|
|
178
|
-
|
|
179
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
180
|
-
|
|
181
|
-
## [3.70.3](https://github.com/liferay/clay/compare/v3.70.2...v3.70.3) (2022-08-30)
|
|
182
|
-
|
|
183
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
184
|
-
|
|
185
|
-
## [3.70.2](https://github.com/liferay/clay/compare/v3.70.1...v3.70.2) (2022-08-30)
|
|
186
|
-
|
|
187
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
188
|
-
|
|
189
|
-
# [3.70.0](https://github.com/liferay/clay/compare/v3.69.0...v3.70.0) (2022-08-23)
|
|
190
|
-
|
|
191
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
192
|
-
|
|
193
|
-
# [3.69.0](https://github.com/liferay/clay/compare/v3.68.0...v3.69.0) (2022-08-16)
|
|
194
|
-
|
|
195
|
-
### Bug Fixes
|
|
196
|
-
|
|
197
|
-
- **@clayui/tooltip): Revert "fix(@clayui/tooltip:** adds the option to disappear the floating tooltip after a while" ([43b64b9](https://github.com/liferay/clay/commit/43b64b9e0ca7b503b022f69f2aa710dd51770114))
|
|
198
|
-
- **@clayui/tooltip:** adds the option to disappear the floating tooltip after a while ([7438e62](https://github.com/liferay/clay/commit/7438e62797131336b6547ffd986ff977c7a59d0d))
|
|
199
|
-
- **@clayui/tooltip:** remove the behavior of moving the tooltip when the mouse moves ([51585ff](https://github.com/liferay/clay/commit/51585ffb16fe0dea68086ed9c320db381d788215))
|
|
200
|
-
|
|
201
|
-
# [3.67.0](https://github.com/liferay/clay/compare/v3.66.0...v3.67.0) (2022-07-25)
|
|
202
|
-
|
|
203
|
-
### Features
|
|
204
|
-
|
|
205
|
-
- **@clayui/tooltip:** adds new properties to configure the tooltip to be floating ([c598ca3](https://github.com/liferay/clay/commit/c598ca335b96cafe01848fabdf020135126c9ff9))
|
|
206
|
-
|
|
207
|
-
# [3.65.0](https://github.com/liferay/clay/compare/v3.64.0...v3.65.0) (2022-07-11)
|
|
208
|
-
|
|
209
|
-
### Bug Fixes
|
|
210
|
-
|
|
211
|
-
- **@clayui/tooltip:** adds the possibility to hover over the tooltip ([8b9b256](https://github.com/liferay/clay/commit/8b9b256db39be0a8f7708648946cec6faeb92bb1))
|
|
212
|
-
|
|
213
|
-
# [3.58.0](https://github.com/liferay/clay/compare/v3.57.0...v3.58.0) (2022-05-23)
|
|
214
|
-
|
|
215
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
216
|
-
|
|
217
|
-
# [3.56.0](https://github.com/liferay/clay/compare/v3.55.0...v3.56.0) (2022-05-09)
|
|
218
|
-
|
|
219
|
-
### Bug Fixes
|
|
220
|
-
|
|
221
|
-
- **@clayui/tooltip:** cancel scheduled tooltip before scheduling new one ([62551b8](https://github.com/liferay/clay/commit/62551b87af77d6b15d95d80c47525c1071237605))
|
|
222
|
-
|
|
223
|
-
# [3.55.0](https://github.com/liferay/clay/compare/v3.54.0...v3.55.0) (2022-05-02)
|
|
224
|
-
|
|
225
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
226
|
-
|
|
227
|
-
# [3.52.0](https://github.com/liferay/clay/compare/v3.51.0...v3.52.0) (2022-04-04)
|
|
228
|
-
|
|
229
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
230
|
-
|
|
231
|
-
# [3.49.0](https://github.com/liferay/clay/compare/v3.48.0...v3.49.0) (2022-03-15)
|
|
232
|
-
|
|
233
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
234
|
-
|
|
235
|
-
# [3.47.0](https://github.com/liferay/clay/compare/v3.46.0...v3.47.0) (2022-02-23)
|
|
236
|
-
|
|
237
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
238
|
-
|
|
239
|
-
# [3.45.0](https://github.com/liferay/clay/compare/v3.44.2...v3.45.0) (2022-02-01)
|
|
240
|
-
|
|
241
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
242
|
-
|
|
243
|
-
# [3.40.0](https://github.com/liferay/clay/compare/v3.39.0...v3.40.0) (2021-11-17)
|
|
244
|
-
|
|
245
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
246
|
-
|
|
247
|
-
# [3.39.0](https://github.com/liferay/clay/compare/v3.38.0...v3.39.0) (2021-10-29)
|
|
248
|
-
|
|
249
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
250
|
-
|
|
251
|
-
# [3.38.0](https://github.com/liferay/clay/compare/v3.37.0...v3.38.0) (2021-10-22)
|
|
252
|
-
|
|
253
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
254
|
-
|
|
255
|
-
# [3.37.0](https://github.com/liferay/clay/compare/v3.36.0...v3.37.0) (2021-10-06)
|
|
256
|
-
|
|
257
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
258
|
-
|
|
259
|
-
# [3.36.0](https://github.com/liferay/clay/compare/v3.35.3...v3.36.0) (2021-09-23)
|
|
260
|
-
|
|
261
|
-
### Bug Fixes
|
|
262
|
-
|
|
263
|
-
- **@clayui/tooltip:** forces tooltip to be repositioned when the x-axis is modified ([b62313c](https://github.com/liferay/clay/commit/b62313c))
|
|
264
|
-
- **@clayui/tooltip:** stop the always showing warnings ([3858bfe](https://github.com/liferay/clay/commit/3858bfe))
|
|
265
|
-
- **@clyaui/tooltip:** fixes error when not forcing Tooltip repositioning when X axis is modified ([187f1ef](https://github.com/liferay/clay/commit/187f1ef))
|
|
266
|
-
|
|
267
|
-
## [3.35.3](https://github.com/liferay/clay/compare/v3.35.2...v3.35.3) (2021-09-09)
|
|
268
|
-
|
|
269
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
270
|
-
|
|
271
|
-
## [3.35.2](https://github.com/liferay/clay/compare/v3.35.1...v3.35.2) (2021-08-30)
|
|
272
|
-
|
|
273
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
274
|
-
|
|
275
|
-
## [3.35.1](https://github.com/liferay/clay/compare/v3.35.0...v3.35.1) (2021-08-30)
|
|
276
|
-
|
|
277
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
278
|
-
|
|
279
|
-
# [3.35.0](https://github.com/liferay/clay/compare/v3.34.0...v3.35.0) (2021-08-30)
|
|
280
|
-
|
|
281
|
-
### Features
|
|
282
|
-
|
|
283
|
-
- **@clayui/tooltip:** replaces direct use of dom-align with doAlign with RTL support ([2afa54c](https://github.com/liferay/clay/commit/2afa54c))
|
|
284
|
-
|
|
285
|
-
# [3.32.0](https://github.com/liferay/clay/compare/v3.31.0...v3.32.0) (2021-07-28)
|
|
286
|
-
|
|
287
|
-
### Bug Fixes
|
|
288
|
-
|
|
289
|
-
- **@clayui/tooltip:** Hide tooltip on `dragstart` ([70d78da](https://github.com/liferay/clay/commit/70d78da))
|
|
290
|
-
|
|
291
|
-
# [3.29.0](https://github.com/liferay/clay/compare/v3.28.0...v3.29.0) (2021-05-28)
|
|
292
|
-
|
|
293
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
294
|
-
|
|
295
|
-
# [3.28.0](https://github.com/liferay/clay/compare/v3.27.0...v3.28.0) (2021-05-19)
|
|
296
|
-
|
|
297
|
-
### Features
|
|
298
|
-
|
|
299
|
-
- **@clayui/tooltip:** Add the new ContainerProps API ([728600c](https://github.com/liferay/clay/commit/728600c))
|
|
300
|
-
- **@clayui/tooltip:** update logic to handle scoping and a global listener ([1c83d30](https://github.com/liferay/clay/commit/1c83d30))
|
|
301
|
-
|
|
302
|
-
# [3.27.0](https://github.com/liferay/clay/compare/v3.26.0...v3.27.0) (2021-05-05)
|
|
303
|
-
|
|
304
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
305
|
-
|
|
306
|
-
## [3.4.5](https://github.com/liferay/clay/compare/@clayui/tooltip@3.4.4...@clayui/tooltip@3.4.5) (2021-02-11)
|
|
307
|
-
|
|
308
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
309
|
-
|
|
310
|
-
## [3.4.4](https://github.com/liferay/clay/compare/@clayui/tooltip@3.4.3...@clayui/tooltip@3.4.4) (2021-01-27)
|
|
311
|
-
|
|
312
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
313
|
-
|
|
314
|
-
## [3.4.3](https://github.com/liferay/clay/compare/@clayui/tooltip@3.4.2...@clayui/tooltip@3.4.3) (2021-01-13)
|
|
315
|
-
|
|
316
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
317
|
-
|
|
318
|
-
## [3.4.2](https://github.com/liferay/clay/compare/@clayui/tooltip@3.4.0...@clayui/tooltip@3.4.2) (2020-12-16)
|
|
319
|
-
|
|
320
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
321
|
-
|
|
322
|
-
## [3.4.1](https://github.com/liferay/clay/compare/@clayui/tooltip@3.4.0...@clayui/tooltip@3.4.1) (2020-12-02)
|
|
323
|
-
|
|
324
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
325
|
-
|
|
326
|
-
# [3.4.0](https://github.com/liferay/clay/compare/@clayui/tooltip@3.3.5...@clayui/tooltip@3.4.0) (2020-10-01)
|
|
327
|
-
|
|
328
|
-
### Features
|
|
329
|
-
|
|
330
|
-
- **clayui.com:** Move API tables to new files and update document tabs, rename files to use singular naming instead of plural, change mainTabURL of pagination-bar to a proper one ([d812ee9](https://github.com/liferay/clay/commit/d812ee9))
|
|
331
|
-
- add displayName for all components ([cc3211d](https://github.com/liferay/clay/commit/cc3211d))
|
|
332
|
-
|
|
333
|
-
## [3.3.5](https://github.com/liferay/clay/compare/@clayui/tooltip@3.3.4...@clayui/tooltip@3.3.5) (2020-08-28)
|
|
334
|
-
|
|
335
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
336
|
-
|
|
337
|
-
## [3.3.4](https://github.com/liferay/clay/compare/@clayui/tooltip@3.3.3...@clayui/tooltip@3.3.4) (2020-08-26)
|
|
338
|
-
|
|
339
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
340
|
-
|
|
341
|
-
## [3.3.3](https://github.com/liferay/clay/compare/@clayui/tooltip@3.3.2...@clayui/tooltip@3.3.3) (2020-07-28)
|
|
342
|
-
|
|
343
|
-
### Bug Fixes
|
|
344
|
-
|
|
345
|
-
- update packages to appropriate dependencies ([0026168](https://github.com/liferay/clay/commit/0026168))
|
|
346
|
-
|
|
347
|
-
## [3.3.2](https://github.com/liferay/clay/compare/@clayui/tooltip@3.3.1...@clayui/tooltip@3.3.2) (2020-07-07)
|
|
348
|
-
|
|
349
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
350
|
-
|
|
351
|
-
## [3.3.1](https://github.com/liferay/clay/compare/@clayui/tooltip@3.3.0...@clayui/tooltip@3.3.1) (2020-06-18)
|
|
352
|
-
|
|
353
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
354
|
-
|
|
355
|
-
# [3.3.0](https://github.com/liferay/clay/compare/@clayui/tooltip@3.2.3...@clayui/tooltip@3.3.0) (2020-05-21)
|
|
356
|
-
|
|
357
|
-
### Features
|
|
358
|
-
|
|
359
|
-
- **clayui.com:** Improve component docs by updating content - Pagination, Popover, Progress Bar, Slider, Toggle & Tooltip ([01b555a](https://github.com/liferay/clay/commit/01b555a))
|
|
360
|
-
- **clayui.com:** Improve component docs by updating content - Typos, wording, and variable names ([f1d795c](https://github.com/liferay/clay/commit/f1d795c))
|
|
361
|
-
|
|
362
|
-
## [3.2.3](https://github.com/liferay/clay/compare/@clayui/tooltip@3.2.2...@clayui/tooltip@3.2.3) (2020-04-24)
|
|
363
|
-
|
|
364
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
365
|
-
|
|
366
|
-
## [3.2.2](https://github.com/liferay/clay/tree/master/packages/clay-tooltip/compare/@clayui/tooltip@3.2.1...@clayui/tooltip@3.2.2) (2020-03-13)
|
|
367
|
-
|
|
368
|
-
### Bug Fixes
|
|
369
|
-
|
|
370
|
-
- **@clayui/tooltip:** remove polyfill in favor of ponyfill(ponyfill.com) ([3a149e0](https://github.com/liferay/clay/commit/3a149e0))
|
|
371
|
-
|
|
372
|
-
## [3.2.1](https://github.com/liferay/clay/tree/master/packages/clay-tooltip/compare/@clayui/tooltip@3.2.0...@clayui/tooltip@3.2.1) (2020-03-12)
|
|
373
|
-
|
|
374
|
-
### Bug Fixes
|
|
375
|
-
|
|
376
|
-
- **@clayui/tooltip:** add polyfill for element.matches ([a16ff00](https://github.com/liferay/clay/commit/a16ff00))
|
|
377
|
-
|
|
378
|
-
# 3.2.0 (2020-02-28)
|
|
379
|
-
|
|
380
|
-
### Bug Fixes
|
|
381
|
-
|
|
382
|
-
- **css:** allow newline characters to display properly for tooltips ([2265d10](https://github.com/liferay/clay/commit/2265d10))
|
|
383
|
-
- **drop-down:** use dom-align instead of metal-position ([335ff38](https://github.com/liferay/clay/commit/335ff38))
|
|
384
|
-
- **tooltip:** add missing dependency ([7203e50](https://github.com/liferay/clay/commit/7203e50))
|
|
385
|
-
- **tooltip:** find closest node with title attribute ([7dc7fb0](https://github.com/liferay/clay/commit/7dc7fb0))
|
|
386
|
-
- **tooltip+popover:** stories should be nested under Components ([f9799f9](https://github.com/liferay/clay/commit/f9799f9))
|
|
387
|
-
|
|
388
|
-
### Features
|
|
389
|
-
|
|
390
|
-
- **tooltip:** allow custom renderer for TooltipProvider content ([bf64914](https://github.com/liferay/clay/commit/bf64914))
|
|
391
|
-
- **tooltip:** create Tooltip component ([cb41eef](https://github.com/liferay/clay/commit/cb41eef))
|
|
392
|
-
|
|
393
|
-
# [3.1.0](https://github.com/liferay/clay/tree/master/packages/clay-tooltip/compare/@clayui/tooltip@3.0.4...@clayui/tooltip@3.1.0) (2020-01-31)
|
|
394
|
-
|
|
395
|
-
### Bug Fixes
|
|
396
|
-
|
|
397
|
-
- **css:** allow newline characters to display properly for tooltips ([2265d10](https://github.com/liferay/clay/commit/2265d10))
|
|
398
|
-
- **drop-down:** use dom-align instead of metal-position ([335ff38](https://github.com/liferay/clay/commit/335ff38))
|
|
399
|
-
|
|
400
|
-
### Features
|
|
401
|
-
|
|
402
|
-
- **tooltip:** allow custom renderer for TooltipProvider content ([bf64914](https://github.com/liferay/clay/commit/bf64914))
|
|
403
|
-
|
|
404
|
-
## [3.0.6](https://github.com/liferay/clay/tree/master/packages/clay-tooltip/compare/@clayui/tooltip@3.0.4...@clayui/tooltip@3.0.6) (2020-01-20)
|
|
405
|
-
|
|
406
|
-
### Bug Fixes
|
|
407
|
-
|
|
408
|
-
- **css:** allow newline characters to display properly for tooltips ([2265d10](https://github.com/liferay/clay/commit/2265d10))
|
|
409
|
-
- **drop-down:** use dom-align instead of metal-position ([335ff38](https://github.com/liferay/clay/commit/335ff38))
|
|
410
|
-
|
|
411
|
-
## [3.0.5](https://github.com/liferay/clay/tree/master/packages/clay-tooltip/compare/@clayui/tooltip@3.0.4...@clayui/tooltip@3.0.5) (2019-12-05)
|
|
412
|
-
|
|
413
|
-
### Bug Fixes
|
|
414
|
-
|
|
415
|
-
- **drop-down:** use dom-align instead of metal-position ([335ff38](https://github.com/liferay/clay/commit/335ff38))
|
|
416
|
-
|
|
417
|
-
## [3.0.4](https://github.com/liferay/clay/tree/master/packages/clay-tooltip/compare/@clayui/tooltip@3.0.3...@clayui/tooltip@3.0.4) (2019-11-07)
|
|
418
|
-
|
|
419
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
420
|
-
|
|
421
|
-
## [3.0.3](https://github.com/liferay/clay/tree/master/packages/clay-tooltip/compare/@clayui/tooltip@3.0.2...@clayui/tooltip@3.0.3) (2019-11-01)
|
|
422
|
-
|
|
423
|
-
**Note:** Version bump only for package @clayui/tooltip
|
|
424
|
-
|
|
425
|
-
## [3.0.2](https://github.com/liferay/clay/tree/master/packages/clay-tooltip/compare/@clayui/tooltip@3.0.1...@clayui/tooltip@3.0.2) (2019-10-28)
|
|
426
|
-
|
|
427
|
-
### Bug Fixes
|
|
428
|
-
|
|
429
|
-
- **tooltip:** find closest node with title attribute ([7dc7fb0](https://github.com/liferay/clay/commit/7dc7fb0))
|