react-tooltip 5.9.1-beta.0 → 5.10.0-beta.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,
@@ -727,7 +720,6 @@
     positionStrategy = "absolute",
     middlewares,
     wrapper: WrapperElement,
-    children = null,
     delayShow = 0,
     delayHide = 0,
     float = false,
@@ -740,7 +732,6 @@
     afterHide,
     // props handled by controller
     content,
-    html,
     isOpen,
     setIsOpen,
     activeAnchor,
@@ -1099,7 +1090,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}']`);
@@ -1133,27 +1124,29 @@
         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,
         role: "tooltip",
-        className: (0, import_classnames2.default)("react-tooltip", styles_module_default["tooltip"], styles_module_default[variant], className, {
-          [styles_module_default["show"]]: canShow,
-          [styles_module_default["fixed"]]: positionStrategy === "fixed",
-          [styles_module_default["clickable"]]: clickable,
-          "react-tooltip__place-top": actualPlacement === "top",
-          "react-tooltip__place-right": actualPlacement === "right",
-          "react-tooltip__place-bottom": actualPlacement === "bottom",
-          "react-tooltip__place-left": actualPlacement === "left"
-        }),
+        className: (0, import_classnames2.default)(
+          "react-tooltip",
+          styles_module_default["tooltip"],
+          styles_module_default[variant],
+          className,
+          `react-tooltip__place-${actualPlacement}`,
+          {
+            [styles_module_default["show"]]: canShow,
+            [styles_module_default["fixed"]]: positionStrategy === "fixed",
+            [styles_module_default["clickable"]]: clickable
+          }
+        ),
         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, {
@@ -1173,6 +1166,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 = ({
@@ -1181,6 +1181,7 @@
     anchorSelect,
     content,
     html,
+    render,
     className,
     classNameArrow,
     variant = "dark",
@@ -1328,14 +1329,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,
@@ -1358,7 +1367,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;
 })();