react-tooltip 5.10.0-beta.1 → 5.10.0

package/dist/react-tooltip.cjs.js

@@ -115,16 +115,9 @@ var debounce = (func, wait, immediate) => {
 };
 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(),
@@ -192,7 +185,7 @@ var TooltipProvider = ({ children }) => {
       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);
@@ -202,7 +195,7 @@ var TooltipProvider_default = TooltipProvider;
 // 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,
@@ -226,7 +219,7 @@ var TooltipWrapper = ({
       detach(anchorRef);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "span",
     {
       ref: anchorRef,
@@ -718,7 +711,7 @@ var computeTooltipPosition = async ({
 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,
@@ -734,7 +727,6 @@ var Tooltip = ({
   positionStrategy = "absolute",
   middlewares,
   wrapper: WrapperElement,
-  children = null,
   delayShow = 0,
   delayHide = 0,
   float = false,
@@ -747,7 +739,6 @@ var Tooltip = ({
   afterHide,
   // props handled by controller
   content,
-  html,
   isOpen,
   setIsOpen,
   activeAnchor,
@@ -1108,7 +1099,7 @@ var Tooltip = ({
       }
       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}']`);
@@ -1142,9 +1133,8 @@ var Tooltip = ({
       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,
@@ -1164,8 +1154,8 @@ var Tooltip = ({
       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, {
@@ -1185,6 +1175,13 @@ var Tooltip = ({
 };
 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 = ({
@@ -1193,6 +1190,7 @@ var TooltipController = ({
   anchorSelect,
   content,
   html,
+  render,
   className,
   classNameArrow,
   variant = "dark",
@@ -1341,14 +1339,22 @@ var TooltipController = ({
       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,
@@ -1372,7 +1378,7 @@ var TooltipController = ({
     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;
 /*! Bundled license information: