react-tooltip 5.10.0-beta.1 → 5.10.0

package/dist/react-tooltip.iife.js

@@ -109,16 +109,9 @@
   };
   var debounce_default = debounce;
 
-  // src/components/TooltipContent/TooltipContent.tsx
-  var import_jsx_runtime = __require("react/jsx-runtime");
-  var TooltipContent = ({ content }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { dangerouslySetInnerHTML: { __html: content } });
-  };
-  var TooltipContent_default = TooltipContent;
-
   // src/components/TooltipProvider/TooltipProvider.tsx
   var import_react = __require("react");
-  var import_jsx_runtime2 = __require("react/jsx-runtime");
+  var import_jsx_runtime = __require("react/jsx-runtime");
   var DEFAULT_TOOLTIP_ID = "DEFAULT_TOOLTIP_ID";
   var DEFAULT_CONTEXT_DATA = {
     anchorRefs: /* @__PURE__ */ new Set(),
@@ -186,7 +179,7 @@
         getTooltipData
       };
     }, [getTooltipData]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipContext.Provider, { value: context, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContext.Provider, { value: context, children });
   };
   function useTooltip(tooltipId = DEFAULT_TOOLTIP_ID) {
     return (0, import_react.useContext)(TooltipContext).getTooltipData(tooltipId);
@@ -196,7 +189,7 @@
   // src/components/TooltipProvider/TooltipWrapper.tsx
   var import_react2 = __require("react");
   var import_classnames = __toESM(require_classnames());
-  var import_jsx_runtime3 = __require("react/jsx-runtime");
+  var import_jsx_runtime2 = __require("react/jsx-runtime");
   var TooltipWrapper = ({
     tooltipId,
     children,
@@ -220,7 +213,7 @@
         detach(anchorRef);
       };
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "span",
       {
         ref: anchorRef,
@@ -712,7 +705,7 @@
   var styles_module_default = { "arrow": "react-tooltip__arrow_KtSkBq", "clickable": "react-tooltip__clickable_KtSkBq", "dark": "react-tooltip__dark_KtSkBq", "error": "react-tooltip__error_KtSkBq", "fixed": "react-tooltip__fixed_KtSkBq", "info": "react-tooltip__info_KtSkBq", "light": "react-tooltip__light_KtSkBq", "noArrow": "react-tooltip__no-arrow_KtSkBq", "show": "react-tooltip__show_KtSkBq", "success": "react-tooltip__success_KtSkBq", "tooltip": "react-tooltip__tooltip_KtSkBq", "warning": "react-tooltip__warning_KtSkBq" };
 
   // src/components/Tooltip/Tooltip.tsx
-  var import_jsx_runtime4 = __require("react/jsx-runtime");
+  var import_jsx_runtime3 = __require("react/jsx-runtime");
   var Tooltip = ({
     // props
     id,
@@ -728,7 +721,6 @@
     positionStrategy = "absolute",
     middlewares,
     wrapper: WrapperElement,
-    children = null,
     delayShow = 0,
     delayHide = 0,
     float = false,
@@ -741,7 +733,6 @@
     afterHide,
     // props handled by controller
     content,
-    html,
     isOpen,
     setIsOpen,
     activeAnchor,
@@ -1102,7 +1093,7 @@
         }
         setActualPlacement(computedStylesData.place);
       });
-    }, [show, activeAnchor, content, html, place, offset, positionStrategy, position]);
+    }, [show, activeAnchor, content, place, offset, positionStrategy, position]);
     (0, import_react4.useEffect)(() => {
       var _a;
       const anchorById = document.querySelector(`[id='${anchorId}']`);
@@ -1136,9 +1127,8 @@
         setAnchorsBySelect([]);
       }
     }, [id, anchorSelect]);
-    const hasContentOrChildren = Boolean(html || content || children);
-    const canShow = hasContentOrChildren && show && Object.keys(inlineStyles).length > 0;
-    return rendered ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    const canShow = content && show && Object.keys(inlineStyles).length > 0;
+    return rendered ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       WrapperElement,
       {
         id,
@@ -1158,8 +1148,8 @@
         style: { ...externalStyles, ...inlineStyles },
         ref: tooltipRef,
         children: [
-          html && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipContent_default, { content: html }) || content || children,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          content,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             WrapperElement,
             {
               className: (0, import_classnames2.default)("react-tooltip-arrow", styles_module_default["arrow"], classNameArrow, {
@@ -1179,6 +1169,13 @@
   };
   var Tooltip_default = Tooltip;
 
+  // src/components/TooltipContent/TooltipContent.tsx
+  var import_jsx_runtime4 = __require("react/jsx-runtime");
+  var TooltipContent = ({ content }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { dangerouslySetInnerHTML: { __html: content } });
+  };
+  var TooltipContent_default = TooltipContent;
+
   // src/components/TooltipController/TooltipController.tsx
   var import_jsx_runtime5 = __require("react/jsx-runtime");
   var TooltipController = ({
@@ -1187,6 +1184,7 @@
     anchorSelect,
     content,
     html,
+    render,
     className,
     classNameArrow,
     variant = "dark",
@@ -1335,14 +1333,22 @@
         observer.disconnect();
       };
     }, [anchorRefs, providerActiveAnchor, activeAnchor, anchorId, anchorSelect]);
+    let renderedContent = children;
+    if (render) {
+      renderedContent = render({ content: tooltipContent != null ? tooltipContent : null, activeAnchor });
+    } else if (tooltipContent) {
+      renderedContent = tooltipContent;
+    }
+    if (tooltipHtml) {
+      renderedContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipContent_default, { content: tooltipHtml });
+    }
     const props = {
       id,
       anchorId,
       anchorSelect,
       className,
       classNameArrow,
-      content: tooltipContent,
-      html: tooltipHtml,
+      content: renderedContent,
       place: tooltipPlace,
       variant: tooltipVariant,
       offset: tooltipOffset,
@@ -1366,7 +1372,7 @@
       activeAnchor,
       setActiveAnchor: (anchor) => setActiveAnchor(anchor)
     };
-    return children ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tooltip_default, { ...props, children }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tooltip_default, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tooltip_default, { ...props });
   };
   var TooltipController_default = TooltipController;
 })();