@clayui/tooltip 3.141.1-alpha.0 → 3.141.1

package/lib/esm/useClosestTitle.js

@@ -1,134 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import { useCallback, useRef } from 'react';
-function matches(element, selectorString) {
-  if (element.matches) {
-    return element.matches(selectorString);
-  } else if (element.msMatchesSelector) {
-    return element.msMatchesSelector(selectorString);
-  } else if (element.webkitMatchesSelector) {
-    return element.webkitMatchesSelector(selectorString);
-  } else {
-    return false;
-  }
-}
-function closestAncestor(node, s) {
-  const element = node;
-  let ancestor = node;
-  if (!document.documentElement.contains(element)) {
-    return null;
-  }
-  do {
-    if (matches(ancestor, s)) {
-      return ancestor;
-    }
-    ancestor = ancestor.parentElement;
-  } while (ancestor !== null);
-  return null;
-}
-export function useClosestTitle(props) {
-  const targetRef = useRef(null);
-  const titleNodeRef = useRef(null);
-  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');
-      if (titleTag) {
-        element.setAttribute('data-restore-title', titleTag.innerHTML);
-        titleTag.remove();
-      }
-    }
-    const hasParentTitle = element.closest('[title]');
-    if (hasParentTitle) {
-      saveTitle(hasParentTitle);
-    }
-  }, []);
-  const restoreTitle = useCallback(element => {
-    const title = element.getAttribute('data-restore-title');
-    if (title) {
-      if (element.tagName === 'svg') {
-        const titleTag = document.createElement('title');
-        titleTag.innerHTML = title;
-        element.appendChild(titleTag);
-      } else {
-        element.setAttribute('title', title);
-      }
-      element.removeAttribute('data-restore-title');
-    }
-    const hasParentTitle = element.closest('[data-restore-title]');
-    if (hasParentTitle) {
-      restoreTitle(hasParentTitle);
-    }
-  }, []);
-  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))) {
-      return null;
-    }
-    props.onHide();
-    if (titleNodeRef.current) {
-      restoreTitle(titleNodeRef.current);
-      titleNodeRef.current = null;
-    }
-    if (targetRef.current) {
-      targetRef.current.removeEventListener('click', onClick);
-      targetRef.current = null;
-    }
-  }, []);
-  const forceHide = useCallback(() => {
-    props.forceHide();
-    if (titleNodeRef.current) {
-      restoreTitle(titleNodeRef.current);
-      titleNodeRef.current = null;
-    }
-    if (targetRef.current) {
-      targetRef.current.removeEventListener('click', onClick);
-      targetRef.current = null;
-    }
-  }, []);
-  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);
-      }
-      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,
-    onHide,
-    target: targetRef,
-    titleNode: titleNodeRef
-  };
-}

package/lib/esm/useTooltipState.js

@@ -1,32 +0,0 @@
-/**
- * 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;
-  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);
-    } else {
-      setOpen(true);
-    }
-  }, []);
-  const close = useCallback(() => {
-    clearTimeout(timeoutIdRef.current);
-    setOpen(false);
-  }, []);
-  return {
-    close,
-    isOpen,
-    open
-  };
-}