react-tooltip 5.9.1-beta.0 → 5.10.0-beta.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,
@@ -733,7 +726,6 @@ var Tooltip = ({
   positionStrategy = "absolute",
   middlewares,
   wrapper: WrapperElement,
-  children = null,
   delayShow = 0,
   delayHide = 0,
   float = false,
@@ -746,7 +738,6 @@ var Tooltip = ({
   afterHide,
   // props handled by controller
   content,
-  html,
   isOpen,
   setIsOpen,
   activeAnchor,
@@ -1105,7 +1096,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}']`);
@@ -1139,27 +1130,29 @@ 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,
       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, {
@@ -1179,6 +1172,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 = ({
@@ -1187,6 +1187,7 @@ var TooltipController = ({
   anchorSelect,
   content,
   html,
+  render,
   className,
   classNameArrow,
   variant = "dark",
@@ -1334,14 +1335,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,
@@ -1364,7 +1373,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: