Merge pull request #5005 from scavnickyj/jsc-f1-369-rich-text-2

feat: extend bubble trigger Reviewed-by: https://github.com/kandl
gooddata · Jun 4, 2024 · 6c309c8 · 6c309c8
2 parents c182b75 + 2938901
commit 6c309c8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/libs/sdk-ui-kit/api/sdk-ui-kit.api.md b/libs/sdk-ui-kit/api/sdk-ui-kit.api.md
@@ -1005,6 +1005,8 @@ export interface IBubbleTriggerProps {
     // (undocumented)
     onBubbleOpen?: () => void;
     // (undocumented)
+    openOnInit?: boolean;
+    // (undocumented)
     tagName?: React_2.ElementType;
 }
 

diff --git a/libs/sdk-ui-kit/src/Bubble/BubbleTrigger.tsx b/libs/sdk-ui-kit/src/Bubble/BubbleTrigger.tsx
@@ -1,4 +1,4 @@
-// (C) 2007-2022 GoodData Corporation
+// (C) 2007-2024 GoodData Corporation
 import React from "react";
 import cx from "classnames";
 import { v4 as uuid } from "uuid";
@@ -14,6 +14,7 @@ export interface IBubbleTriggerProps {
     tagName?: React.ElementType;
     onBubbleOpen?: () => void;
     onBubbleClose?: () => void;
+    openOnInit?: boolean;
 }
 
 /**
@@ -36,11 +37,12 @@ export class BubbleTrigger<P extends IBubbleTriggerProps> extends React.PureComp
         children: false,
         eventsOnBubble: false,
         tagName: "span",
+        openOnInit: false,
     };
 
     public readonly state: Readonly<IBubbleTriggerState> = {
         bubbleId: `bubble-${uuid()}`,
-        isBubbleVisible: false,
+        isBubbleVisible: this.props.openOnInit ?? false,
     };
 
     private onClose = (): void => {

diff --git a/libs/sdk-ui-kit/src/RichText/RichTextWithTooltip.tsx b/libs/sdk-ui-kit/src/RichText/RichTextWithTooltip.tsx
@@ -65,7 +65,7 @@ const RichTextWithTooltipCore: React.FC<IRichTextWithTooltipProps> = ({
     }
 
     return (
-        <BubbleHoverTrigger showDelay={0} hideDelay={0}>
+        <BubbleHoverTrigger showDelay={0} hideDelay={0} openOnInit={true}>
             {Component}
             {showTooltip ? (
                 <Bubble alignPoints={tooltipAlignPoints} className="bubble-primary bubble-small">