@clayui/tooltip 3.52.0 → 3.58.0

package/lib/Tooltip.d.ts

@@ -1,7 +1,17 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 import React from 'react';
 export declare const ALIGN_POSITIONS: readonly ["top", "top-left", "top-right", "bottom", "bottom-left", "bottom-right", "left", "right"];
 interface IProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Position in which the tooltip will be aligned to the element.
+     */
     alignPosition?: typeof ALIGN_POSITIONS[number];
+    /**
+     * Flag to indicate if tooltip is displayed.
+     */
     show?: boolean;
 }
 declare const ClayTooltip: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLElement>>;

package/lib/TooltipProvider.d.ts

@@ -1,3 +1,7 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 import { IPortalBaseProps } from '@clayui/shared';
 import React from 'react';
 declare type TContentRenderer = (props: {
@@ -5,9 +9,21 @@ declare type TContentRenderer = (props: {
     title: string;
 }) => React.ReactElement | React.ReactNode;
 interface IPropsBase {
+    /**
+     * Flag to indicate if tooltip should automatically align based on the window
+     */
     autoAlign?: boolean;
+    /**
+     * Props to add to the <ClayPortal/>.
+     */
     containerProps?: IPortalBaseProps;
+    /**
+     * Custom function for rendering the contents of the tooltip
+     */
     contentRenderer?: TContentRenderer;
+    /**
+     * Delay in miliseconds before showing tooltip
+     */
     delay?: number;
 }
 interface IPropsWithChildren extends IPropsBase {
@@ -16,6 +32,11 @@ interface IPropsWithChildren extends IPropsBase {
 }
 interface IPropsWithScope extends IPropsBase {
     children?: never;
+    /**
+     * CSS selector to scope provider to. All titles within this scope will be
+     * rendered in the tooltip. Titles outside of this scope will be styled
+     * as with the default browser.
+     */
     scope: string;
 }
 declare const TooltipProvider: React.FunctionComponent<IPropsWithChildren | IPropsWithScope>;

package/lib/TooltipProvider.js

@@ -233,6 +233,7 @@ var TooltipProvider = function TooltipProvider(_ref2) {
 
       var _setAsHTML = !!titleNode.getAttribute('data-title-set-as-html');
 
+      clearTimeout(timeoutIdRef.current);
       timeoutIdRef.current = setTimeout(function () {
         dispatch({
           align: newAlign || align,

package/lib/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 import ClayTooltip from './Tooltip';
 import ClayTooltipProvider from './TooltipProvider';
 export { ClayTooltipProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/tooltip",
-	"version": "3.52.0",
+	"version": "3.58.0",
 	"description": "ClayTooltip component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -17,8 +17,8 @@
 	],
 	"scripts": {
 		"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
-		"build:types": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
-		"prepublishOnly": "yarn build && yarn build:types",
+		"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
+		"prepublishOnly": "yarn build && yarn buildTypes",
 		"test": "jest --config ../../jest.config.js"
 	},
 	"keywords": [
@@ -26,7 +26,7 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/shared": "^3.52.0",
+		"@clayui/shared": "^3.58.0",
 		"classnames": "^2.2.6",
 		"warning": "^4.0.3"
 	},
@@ -38,5 +38,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "eb7c98d6c746294376f10554c68cc48c30d8bd0e"
+	"gitHead": "db7f178a1a0dff04d700f8dca2b04f6a5321353b"
 }

package/src/TooltipProvider.tsx

@@ -290,6 +290,8 @@ const TooltipProvider: React.FunctionComponent<
 				'data-title-set-as-html'
 			);
 
+			clearTimeout(timeoutIdRef.current);
+
 			timeoutIdRef.current = setTimeout(
 				() => {
 					dispatch({