Merge pull request #2111 from usablica/fix-tooltip-wrapper

Fix the tooltip wrapper for hints

Author: binrysearch

src/packages/hint/components/HintTooltip.ts

@@ -4,7 +4,7 @@ import { tooltipTextClassName } from "../className";
 import { HintItem } from "../hintItem";
 import { TooltipContent } from "../../tooltip/tooltipContent";
 
-const { a, p, div } = dom.tags;
+const { a, div } = dom.tags;
 
 export type HintTooltipProps = Omit<
   TooltipProps,
@@ -56,7 +56,6 @@ export const HintTooltip = ({
           tooltipRenderAsHtml: renderAsHtml,
           className: tooltipTextClassName,
         }),
-        p(hintItem.hint || ""),
         closeButtonEnabled
           ? a(
               {

src/packages/tooltip/tooltipContent.test.ts

@@ -5,6 +5,7 @@ describe("TooltipContent", () => {
     const el = TooltipContent({
       text: "<strong>Bold Text</strong>",
       tooltipRenderAsHtml: false,
+      className: "tooltip-text",
     });
 
     expect(el.innerHTML).toBe("&lt;strong&gt;Bold Text&lt;/strong&gt;");
@@ -15,6 +16,7 @@ describe("TooltipContent", () => {
     const el = TooltipContent({
       text: "<strong>Bold Text</strong>",
       tooltipRenderAsHtml: true,
+      className: "tooltip-text",
     });
 
     expect(el.innerHTML).toBe("<strong>Bold Text</strong>");

src/packages/tooltip/tooltipContent.ts

@@ -4,8 +4,8 @@ const { div } = dom.tags;
 
 export type tooltipContentProps = {
   text: string;
+  className: string;
   tooltipRenderAsHtml?: boolean;
-  className?: string;
 };
 
 export const TooltipContent = ({
@@ -14,7 +14,7 @@ export const TooltipContent = ({
   className,
 }: tooltipContentProps) => {
   const container = div({
-    className: className || "introjs-tooltiptext",
+    className,
   });
 
   dom.derive(() => {