feat: add noArrow tooltip option

Author: gabrieljablonski

src/components/Tooltip/Tooltip.tsx

@@ -22,6 +22,7 @@ const Tooltip = ({
   children = null,
   delayShow = 0,
   delayHide = 0,
+  noArrow,
   style: externalStyles,
   // props handled by controller
   isHtmlContent = false,
@@ -215,7 +216,9 @@ const Tooltip = ({
     >
       {children || (isHtmlContent ? <TooltipContent content={content as string} /> : content)}
       <div
-        className={classNames(styles['arrow'], classNameArrow)}
+        className={classNames(styles['arrow'], classNameArrow, {
+          [styles['no-arrow']]: noArrow,
+        })}
         style={inlineArrowStyles}
         ref={tooltipArrowRef}
       />

src/components/Tooltip/TooltipTypes.d.ts

@@ -41,6 +41,7 @@ export interface ITooltip {
   positionStrategy?: PositionStrategy
   delayShow?: number
   delayHide?: number
+  noArrow?: boolean
   style?: CSSProperties
   isOpen?: boolean
   setIsOpen?: (value: boolean) => void

src/components/Tooltip/styles.module.css

@@ -25,6 +25,10 @@
   transform: rotate(45deg);
 }
 
+.no-arrow {
+  display: none;
+}
+
 .show {
   visibility: visible;
   opacity: 0.9;

src/components/TooltipController/TooltipController.tsx

@@ -28,6 +28,7 @@ const TooltipController = ({
   positionStrategy = 'absolute',
   delayShow = 0,
   delayHide = 0,
+  noArrow,
   style,
   isOpen,
   setIsOpen,
@@ -176,6 +177,7 @@ const TooltipController = ({
     positionStrategy: tooltipPositionStrategy,
     delayShow: tooltipDelayShow,
     delayHide: tooltipDelayHide,
+    noArrow,
     style,
     isOpen,
     setIsOpen,

src/components/TooltipController/TooltipControllerTypes.d.ts

@@ -25,6 +25,7 @@ export interface ITooltipController {
   positionStrategy?: PositionStrategy
   delayShow?: number
   delayHide?: number
+  noArrow?: boolean
   style?: CSSProperties
   isOpen?: boolean
   setIsOpen?: (value: boolean) => void