fui-material 2.1.4 → 2.1.6

package/dist/f-ui-kit.es.js

@@ -4031,7 +4031,8 @@ const FTooltip = ({
   disableTouchListener = false,
   enterDelay = 0,
   className = "",
-  style
+  style,
+  allowTooltipOnDisabled = false
 }) => {
   const [open, setOpen] = useState(false);
   const [mountTooltip, setMountTooltip] = useState(false);
@@ -4045,12 +4046,8 @@ const FTooltip = ({
   const animationFrame = useRef(null);
   const isOpen = openProp !== void 0 ? openProp : open;
   const handleOpen = () => {
-    if (enterTimer.current) {
-      clearTimeout(enterTimer.current);
-    }
-    if (leaveTimer.current) {
-      clearTimeout(leaveTimer.current);
-    }
+    if (enterTimer.current) clearTimeout(enterTimer.current);
+    if (leaveTimer.current) clearTimeout(leaveTimer.current);
     enterTimer.current = setTimeout(() => {
       if (openProp === void 0) {
         setOpen(true);
@@ -4094,7 +4091,7 @@ const FTooltip = ({
       }
     }
   };
-  const updatePosition = () => {
+  const updatePosition = useCallback(() => {
     if (!childRef.current || !tooltipRef.current) return;
     const childRect = childRef.current.getBoundingClientRect();
     const tooltipRect = tooltipRef.current.getBoundingClientRect();
@@ -4120,36 +4117,28 @@ const FTooltip = ({
         left2 = childRect.right + scrollX + (arrow2 ? 8 : 0);
         break;
     }
-    setTooltipStyles({
-      top: `${top}px`,
-      left: `${left2}px`
-    });
-  };
+    setTooltipStyles({ top: `${top}px`, left: `${left2}px` });
+  }, [placement, arrow2]);
   useEffect(() => {
     if (isVisible) {
       updatePosition();
     }
-  }, [isVisible, placement]);
+  }, [isVisible, updatePosition]);
   useEffect(() => {
     const handleResize = () => {
-      if (isVisible) {
-        updatePosition();
-      }
+      if (isVisible) updatePosition();
     };
     window.addEventListener("resize", handleResize);
+    const currentEnterTimer = enterTimer.current;
+    const currentLeaveTimer = leaveTimer.current;
+    const currentAnimationFrame = animationFrame.current;
     return () => {
       window.removeEventListener("resize", handleResize);
-      if (enterTimer.current) {
-        clearTimeout(enterTimer.current);
-      }
-      if (leaveTimer.current) {
-        clearTimeout(leaveTimer.current);
-      }
-      if (animationFrame.current) {
-        cancelAnimationFrame(animationFrame.current);
-      }
+      if (currentEnterTimer) clearTimeout(currentEnterTimer);
+      if (currentLeaveTimer) clearTimeout(currentLeaveTimer);
+      if (currentAnimationFrame) cancelAnimationFrame(currentAnimationFrame);
     };
-  }, [isVisible]);
+  }, [isVisible, updatePosition]);
   const childProps = {
     ref: childRef
   };
@@ -4189,7 +4178,21 @@ const FTooltip = ({
       (_b = (_a = children.props).onTouchEnd) == null ? void 0 : _b.call(_a, e);
     };
   }
-  const clonedChild = cloneElement(children, childProps);
+  let wrappedChild;
+  const childPropsTyped = children.props;
+  if (allowTooltipOnDisabled && React.isValidElement(children) && (childPropsTyped.disabled || childPropsTyped["aria-disabled"])) {
+    wrappedChild = /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "span",
+      {
+        ref: childRef,
+        ...childProps,
+        style: { display: "inline-block", cursor: "not-allowed" },
+        children
+      }
+    );
+  } else {
+    wrappedChild = cloneElement(children, childProps);
+  }
   const tooltipClasses = [
     styles$5["f-tooltip"],
     styles$5[`f-tooltip--${placement}`],
@@ -4212,7 +4215,7 @@ const FTooltip = ({
     }
   ) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    clonedChild,
+    wrappedChild,
     tooltipElement && createPortal(tooltipElement, document.body)
   ] });
 };