@homecode/ui 4.27.11 → 4.27.12

package/dist/esm/src/components/Tooltip/Tooltip.js

@@ -3,7 +3,18 @@ import { useRef, useEffect } from 'react';
 import S from './Tooltip.styl.js';
 import cn from 'classnames';
 
-const Tooltip = ({ className, contentClassName, children, content, delay = 0, direction = 'top', blur = false, }) => {
+/**
+ * TooltipBase component contains the core tooltip functionality including:
+ * - Positioning logic that calculates optimal tooltip placement based on direction
+ * - Event handlers for mouse and keyboard interactions (hover, focus)
+ * - Viewport boundary detection to keep tooltips visible
+ * - Delay handling for show/hide animations
+ * - Popover API integration for native browser tooltip behavior
+ *
+ * This component should only be used when the tooltip is enabled and has content.
+ * For disabled tooltips, use the main Tooltip component which returns early.
+ */
+const TooltipBase = ({ className, contentClassName, children, content, delay = 0, direction = 'top', blur = false, }) => {
     const triggerRef = useRef(null);
     const tooltipRef = useRef(null);
     const timeoutRef = useRef();
@@ -64,9 +75,12 @@ const Tooltip = ({ className, contentClassName, children, content, delay = 0, di
             trigger.removeEventListener('blur', hideTooltip);
         };
     }, [content, delay, direction]);
-    if (!content)
-        return jsx(Fragment, { children: children });
     return (jsxs(Fragment, { children: [jsx("div", { ref: triggerRef, className: cn(S.trigger, className), children: children }), jsx("div", { ref: tooltipRef, popover: "manual", className: cn(S.tooltip, blur && S.blur, contentClassName), "data-direction": direction, children: content })] }));
+};
+const Tooltip = ({ className, contentClassName, children, content, delay = 0, direction = 'top', blur = false, disabled = false, }) => {
+    if (disabled || !content)
+        return jsx(Fragment, { children: children });
+    return (jsx(TooltipBase, { className: className, contentClassName: contentClassName, children: children, content: content, delay: delay, direction: direction, blur: blur }));
 };
 
 export { Tooltip };

package/dist/esm/types/src/components/Tooltip/Tooltip.d.ts

@@ -7,10 +7,11 @@ export interface TooltipProps {
     delay?: number;
     direction?: 'top' | 'bottom' | 'left' | 'right';
     blur?: boolean;
+    disabled?: boolean;
 }
 declare module 'react' {
     interface HTMLAttributes<T> {
         popover?: string;
     }
 }
-export declare const Tooltip: ({ className, contentClassName, children, content, delay, direction, blur, }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ className, contentClassName, children, content, delay, direction, blur, disabled, }: TooltipProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.27.11",
+  "version": "4.27.12",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",