fui-material 2.1.3 → 2.1.5

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

@@ -3566,7 +3566,7 @@ const styles$b = {
   "f-dropdown__content-link": "_f-dropdown__content-link_d5i2z_28",
   "f-dropdown__content--open": "_f-dropdown__content--open_d5i2z_43"
 };
-const FDropdown = ({
+const FDropdown = forwardRef(({
   label,
   variant = "contained",
   color = "primary",
@@ -3575,20 +3575,23 @@ const FDropdown = ({
   st: st2,
   className,
   id,
-  children
-}) => {
+  children,
+  ...props
+}, forwardedRef) => {
   const [isOpen, setIsOpen] = useState(false);
-  const ref = useRef(null);
+  const internalRef = useRef(null);
+  const ref = forwardedRef || internalRef;
   useEffect(() => {
     if (!isOpen) return;
     const handleClick = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) {
+      const currentRef = typeof ref === "function" ? null : ref == null ? void 0 : ref.current;
+      if (currentRef && !currentRef.contains(e.target)) {
         setIsOpen(false);
       }
     };
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
-  }, [isOpen]);
+  }, [isOpen, ref]);
   const handleItemClick = (child) => (e) => {
     if (child.props && typeof child.props.onClick === "function") {
       child.props.onClick(e);
@@ -3605,7 +3608,7 @@ const FDropdown = ({
       return child;
     });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$b["f-dropdown"], ref, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$b["f-dropdown"], ref, ...props, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       FButton,
       {
@@ -3634,7 +3637,7 @@ const FDropdown = ({
       }
     )
   ] });
-};
+});
 FDropdown.displayName = "FDropdown";
 const FDropdownItem = ({
   disabled: disabled2,
@@ -4027,6 +4030,7 @@ const FTooltip = ({
   disableFocusListener = false,
   disableTouchListener = false,
   enterDelay = 0,
+  disableOnDisabled = false,
   className = "",
   style
 }) => {
@@ -4146,23 +4150,35 @@ const FTooltip = ({
         cancelAnimationFrame(animationFrame.current);
       }
     };
-  }, [isVisible]);
+  }, [isVisible, updatePosition]);
+  const isChildDisabled = children.props.disabled;
+  if (isChildDisabled && disableOnDisabled) {
+    return cloneElement(children, { ref: childRef });
+  }
   const childProps = {
     ref: childRef
   };
+  const wrapperProps = {};
   if (!disableHoverListener) {
-    childProps.onMouseEnter = (e) => {
+    const mouseEnterHandler = (e) => {
       var _a, _b;
       handleOpen();
       (_b = (_a = children.props).onMouseEnter) == null ? void 0 : _b.call(_a, e);
     };
-    childProps.onMouseLeave = (e) => {
+    const mouseLeaveHandler = (e) => {
       var _a, _b;
       handleClose();
       (_b = (_a = children.props).onMouseLeave) == null ? void 0 : _b.call(_a, e);
     };
+    if (isChildDisabled) {
+      wrapperProps.onMouseEnter = mouseEnterHandler;
+      wrapperProps.onMouseLeave = mouseLeaveHandler;
+    } else {
+      childProps.onMouseEnter = mouseEnterHandler;
+      childProps.onMouseLeave = mouseLeaveHandler;
+    }
   }
-  if (!disableFocusListener) {
+  if (!disableFocusListener && !isChildDisabled) {
     childProps.onFocus = (e) => {
       var _a, _b;
       handleOpen();
@@ -4175,18 +4191,33 @@ const FTooltip = ({
     };
   }
   if (!disableTouchListener) {
-    childProps.onTouchStart = (e) => {
+    const touchStartHandler = (e) => {
       var _a, _b;
       handleOpen();
       (_b = (_a = children.props).onTouchStart) == null ? void 0 : _b.call(_a, e);
     };
-    childProps.onTouchEnd = (e) => {
+    const touchEndHandler = (e) => {
       var _a, _b;
       handleClose();
       (_b = (_a = children.props).onTouchEnd) == null ? void 0 : _b.call(_a, e);
     };
+    if (isChildDisabled) {
+      wrapperProps.onTouchStart = touchStartHandler;
+      wrapperProps.onTouchEnd = touchEndHandler;
+    } else {
+      childProps.onTouchStart = touchStartHandler;
+      childProps.onTouchEnd = touchEndHandler;
+    }
   }
   const clonedChild = cloneElement(children, childProps);
+  const childElement = isChildDisabled ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      style: { display: "inline-block", cursor: "not-allowed" },
+      ...wrapperProps,
+      children: clonedChild
+    }
+  ) : clonedChild;
   const tooltipClasses = [
     styles$5["f-tooltip"],
     styles$5[`f-tooltip--${placement}`],
@@ -4209,7 +4240,7 @@ const FTooltip = ({
     }
   ) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    clonedChild,
+    childElement,
     tooltipElement && createPortal(tooltipElement, document.body)
   ] });
 };