@clayui/tooltip 3.156.0 → 3.158.0

package/lib/esm/useClosestTitle.js

@@ -1,9 +1,4 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import { useCallback, useRef } from 'react';
+import { useCallback, useRef } from "react";
 function matches(element, selectorString) {
   if (element.matches) {
     return element.matches(selectorString);
@@ -29,50 +24,51 @@ function closestAncestor(node, s) {
   } while (ancestor !== null);
   return null;
 }
-export function useClosestTitle(props) {
+function useClosestTitle(props) {
   const targetRef = useRef(null);
   const titleNodeRef = useRef(null);
-  const saveTitle = useCallback(element => {
-    const title = element.getAttribute('title');
+  const saveTitle = useCallback((element) => {
+    const title = element.getAttribute("title");
     if (title) {
-      element.setAttribute('data-restore-title', title);
-      element.removeAttribute('title');
-    } else if (element.tagName === 'svg') {
-      const titleTag = element.querySelector('title');
+      element.setAttribute("data-restore-title", title);
+      element.removeAttribute("title");
+    } else if (element.tagName === "svg") {
+      const titleTag = element.querySelector("title");
       if (titleTag) {
-        element.setAttribute('data-restore-title', titleTag.innerHTML);
+        element.setAttribute("data-restore-title", titleTag.innerHTML);
         titleTag.remove();
       }
     }
-    const hasParentTitle = element.closest('[title]');
+    const hasParentTitle = element.closest("[title]");
     if (hasParentTitle) {
       saveTitle(hasParentTitle);
     }
   }, []);
-  const restoreTitle = useCallback(element => {
-    const title = element.getAttribute('data-restore-title');
+  const restoreTitle = useCallback((element) => {
+    const title = element.getAttribute("data-restore-title");
     if (title) {
-      if (element.tagName === 'svg') {
-        const titleTag = document.createElement('title');
+      if (element.tagName === "svg") {
+        const titleTag = document.createElement("title");
         titleTag.innerHTML = title;
         element.appendChild(titleTag);
       } else {
-        element.setAttribute('title', title);
+        element.setAttribute("title", title);
       }
-      element.removeAttribute('data-restore-title');
+      element.removeAttribute("data-restore-title");
     }
-    const hasParentTitle = element.closest('[data-restore-title]');
+    const hasParentTitle = element.closest(
+      "[data-restore-title]"
+    );
     if (hasParentTitle) {
       restoreTitle(hasParentTitle);
     }
   }, []);
-  const onClick = useCallback(event => {
+  const onClick = useCallback((event) => {
     props.onClick();
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
     onHide(event);
   }, []);
-  const onHide = useCallback(event => {
-    if (event && !event.relatedTarget?.getAttribute('title') && (props.tooltipRef.current?.contains(event.relatedTarget) || targetRef.current?.contains(event.relatedTarget))) {
+  const onHide = useCallback((event) => {
+    if (event && !event.relatedTarget?.getAttribute("title") && (props.tooltipRef.current?.contains(event.relatedTarget) || targetRef.current?.contains(event.relatedTarget))) {
       return null;
     }
     props.onHide();
@@ -81,7 +77,7 @@ export function useClosestTitle(props) {
       titleNodeRef.current = null;
     }
     if (targetRef.current) {
-      targetRef.current.removeEventListener('click', onClick);
+      targetRef.current.removeEventListener("click", onClick);
       targetRef.current = null;
     }
   }, []);
@@ -92,38 +88,43 @@ export function useClosestTitle(props) {
       titleNodeRef.current = null;
     }
     if (targetRef.current) {
-      targetRef.current.removeEventListener('click', onClick);
+      targetRef.current.removeEventListener("click", onClick);
       targetRef.current = null;
     }
   }, []);
-  const getProps = useCallback((event, hideBrowserTitle) => {
-    if (targetRef.current) {
-      props.onClick();
-      if (onHide(event) === null) {
-        return;
+  const getProps = useCallback(
+    (event, hideBrowserTitle) => {
+      if (targetRef.current) {
+        props.onClick();
+        if (onHide(event) === null) {
+          return;
+        }
       }
-    }
-    const target = event.target;
-    const hasTitle = target && (target.hasAttribute('[title]') || target.hasAttribute('[data-title]'));
-    const node = hasTitle ? target : closestAncestor(target, '[title], [data-title]');
-    const hasNonEmptyTitle = node?.getAttribute('title') !== '';
-    if (node && hasNonEmptyTitle) {
-      targetRef.current = target;
-      target.addEventListener('click', onClick);
-      const title = node.getAttribute('title') || node.getAttribute('data-title') || '';
-      titleNodeRef.current = node;
-      if (hideBrowserTitle) {
-        saveTitle(node);
+      const target = event.target;
+      const hasTitle = target && (target.hasAttribute("[title]") || target.hasAttribute("[data-title]"));
+      const node = hasTitle ? target : closestAncestor(target, "[title], [data-title]");
+      const hasNonEmptyTitle = node?.getAttribute("title") !== "";
+      if (node && hasNonEmptyTitle) {
+        targetRef.current = target;
+        target.addEventListener("click", onClick);
+        const title = node.getAttribute("title") || node.getAttribute("data-title") || "";
+        titleNodeRef.current = node;
+        if (hideBrowserTitle) {
+          saveTitle(node);
+        }
+        return {
+          align: node.getAttribute("data-tooltip-align"),
+          delay: node.getAttribute("data-tooltip-delay"),
+          floating: Boolean(
+            node.getAttribute("data-tooltip-floating")
+          ),
+          setAsHTML: !!node.getAttribute("data-title-set-as-html"),
+          title
+        };
       }
-      return {
-        align: node.getAttribute('data-tooltip-align'),
-        delay: node.getAttribute('data-tooltip-delay'),
-        floating: Boolean(node.getAttribute('data-tooltip-floating')),
-        setAsHTML: !!node.getAttribute('data-title-set-as-html'),
-        title
-      };
-    }
-  }, []);
+    },
+    []
+  );
   return {
     forceHide,
     getProps,
@@ -131,4 +132,7 @@ export function useClosestTitle(props) {
     target: targetRef,
     titleNode: titleNodeRef
   };
-}
+}
+export {
+  useClosestTitle
+};

package/lib/esm/useTooltipState.js

@@ -1,21 +1,16 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import { useCallback, useRef, useState } from 'react';
-export function useTooltipState(_ref) {
-  let {
-    delay = 600
-  } = _ref;
+import { useCallback, useRef, useState } from "react";
+function useTooltipState({ delay = 600 }) {
   const [isOpen, setOpen] = useState(false);
   const timeoutIdRef = useRef();
   const open = useCallback((immediate, customDelay) => {
     if (!immediate) {
       clearTimeout(timeoutIdRef.current);
-      timeoutIdRef.current = setTimeout(() => {
-        setOpen(true);
-      }, customDelay !== undefined ? customDelay : delay);
+      timeoutIdRef.current = setTimeout(
+        () => {
+          setOpen(true);
+        },
+        customDelay !== void 0 ? customDelay : delay
+      );
     } else {
       setOpen(true);
     }
@@ -29,4 +24,7 @@ export function useTooltipState(_ref) {
     isOpen,
     open
   };
-}
+}
+export {
+  useTooltipState
+};

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 import { Tooltip } from './Tooltip';
 import { ClayTooltipProvider } from './TooltipProvider';

package/lib/useAlign.d.ts

@@ -1,10 +1,10 @@
 /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 import React from 'react';
 declare const ALIGNMENTS: readonly ["top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left"];
-export declare type Align = typeof ALIGNMENTS[number];
+export declare type Align = (typeof ALIGNMENTS)[number];
 declare type Props = {
     align: Align;
     autoAlign: boolean;

package/lib/useClosestTitle.d.ts

@@ -1,12 +1,12 @@
 /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 import React from 'react';
 declare type Props = {
     forceHide: () => void;
-    onHide: () => void;
     onClick: () => void;
+    onHide: () => void;
     tooltipRef: React.MutableRefObject<HTMLElement | null>;
 };
 export declare function useClosestTitle(props: Props): {

package/lib/useTooltipState.d.ts

@@ -1,6 +1,6 @@
 /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 declare type Props = {
     delay?: number;

package/package.json

@@ -1,48 +1,47 @@
 {
-	"name": "@clayui/tooltip",
-	"version": "3.156.0",
-	"description": "ClayTooltip component",
-	"license": "BSD-3-Clause",
-	"repository": "https://github.com/liferay/clay",
-	"main": "lib/cjs/index.js",
-	"module": "lib/esm/index.js",
-	"exports": {
-		".": {
-			"types": "./lib/index.d.ts",
-			"import": "./lib/esm/index.js",
-			"require": "./lib/cjs/index.js"
-		}
+	"browserslist": [
+		"extends browserslist-config-clay"
+	],
+	"dependencies": {
+		"@clayui/shared": "^3.158.0",
+		"classnames": "2.3.1",
+		"dom-align": "^1.12.2",
+		"warning": "^4.0.3"
 	},
-	"types": "lib/index.d.ts",
-	"ts:main": "src/index.tsx",
+	"description": "ClayTooltip component",
 	"files": [
 		"lib"
 	],
-	"scripts": {
-		"build": "yarn build:cjs && yarn build:esm",
-		"build:cjs": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/cjs --extensions .ts,.tsx",
-		"build:esm": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/esm --extensions .ts,.tsx --env-name esm",
-		"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
-		"format": "prettier --write \"**/*.{js,ts,tsx,md,mdx,json,scss}\"",
-		"test": "jest --config ../../jest.config.js"
-	},
 	"keywords": [
 		"clay",
 		"react"
 	],
-	"dependencies": {
-		"@clayui/shared": "^3.156.0",
-		"classnames": "^2.2.6",
-		"dom-align": "^1.12.2",
-		"warning": "^4.0.3"
-	},
+	"license": "BSD-3-Clause",
+	"main": "lib/cjs/index.js",
+	"name": "@clayui/tooltip",
 	"peerDependencies": {
-		"@clayui/css": "3.x",
+		"@clayui/css": "^3.158.0",
 		"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
 		"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
 	},
-	"browserslist": [
-		"extends browserslist-config-clay"
-	],
-	"gitHead": "55d9470c2c3c9253c7ba7f8dd8bd36fdef0ffe49"
+	"repository": "https://github.com/liferay/clay",
+	"scripts": {
+		"build": "yarn build:cjs && yarn build:esm",
+		"build:cjs": "cross-env NODE_ENV=production node ../build-package-esbuild.js --format=cjs --outdir=lib/cjs",
+		"build:esm": "cross-env NODE_ENV=production node ../build-package-esbuild.js --format=esm --outdir=lib/esm",
+		"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
+		"format": "prettier --write \"**/*.{js,ts,tsx,md,mdx,json,scss}\"",
+		"test": "jest --config ../../jest.config.js"
+	},
+	"version": "3.158.0",
+	"module": "lib/esm/index.js",
+	"exports": {
+		".": {
+			"types": "./lib/index.d.ts",
+			"import": "./lib/esm/index.js",
+			"require": "./lib/cjs/index.js"
+		}
+	},
+	"types": "lib/index.d.ts",
+	"ts:main": "src/index.tsx"
 }