@amboss/design-system 1.17.7 → 1.18.0

package/build/cjs/src/components/Toggletip/Toggletip.js

@@ -27,6 +27,7 @@ function Toggletip(_ref2) {
     externalTriggerRef,
     portalContainer,
     isVisible: isToggletipVisible,
+    dismissOnOutsideClick = true,
     "data-e2e-test-id": dataE2eTestId,
     onVisibilityChange
   } = _ref2;
@@ -101,8 +102,9 @@ function Toggletip(_ref2) {
   }) : null;
   const contentElm = /*#__PURE__*/React__default.default.createElement(FocusTrap__default.default, {
     focusTrapOptions: {
-      clickOutsideDeactivates: handleClickOutsideDeactivates,
+      clickOutsideDeactivates: dismissOnOutsideClick && handleClickOutsideDeactivates,
       // de-active focus trap on outside click
+      allowOutsideClick: true,
       escapeDeactivates: true,
       // de-activate focus trap on escape key
       fallbackFocus: `#${tooltipId}`,
@@ -122,7 +124,6 @@ function Toggletip(_ref2) {
     dataE2eTestId: dataE2eTestId,
     isVisible: isVisible,
     tooltipId: tooltipId,
-    tabIndex: -1,
     triggerRef: triggerRef
   });
   return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, triggerElm, tooltipElm);

package/build/cjs/src/components/Tooltip/BaseTooltip.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var React = require('react');
+var TooltipContent = require('./TooltipContent.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const SHOW_HIDE_DELAY = 200;
+function BaseTooltip(_ref) {
+  let {
+    placement = "auto",
+    content,
+    children,
+    externalTriggerRef,
+    portalContainer,
+    contentPadding = "m",
+    maxWidth,
+    "data-e2e-test-id": dataE2eTestId,
+    onVisibilityChange
+  } = _ref;
+  const tooltipId = React.useMemo(() => `DSTooltip_${Math.floor(Date.now() * Math.random())}`, []);
+  const [isVisible, setVisible] = React.useState(false);
+  const triggeredByEvent = React.useRef(null); // indicates if triggered by hover or focus
+  const isTooltipHovered = React.useRef(false);
+  const isTriggerHovered = React.useRef(false);
+  const hideTooltipTimeoutId = React.useRef(null);
+  const showTooltipTimeoutId = React.useRef(null);
+  const internalTriggerRef = React.useRef(null);
+  const triggerRef = externalTriggerRef || internalTriggerRef;
+  const toggleVisibility = React.useCallback(status => {
+    setVisible(status);
+    if (onVisibilityChange) {
+      onVisibilityChange(status);
+    }
+  }, [onVisibilityChange]);
+  const handleTriggerPointerEnter = React.useCallback(() => {
+    isTriggerHovered.current = true;
+    if (!isTooltipHovered.current) {
+      clearTimeout(showTooltipTimeoutId.current);
+      // Delay show tooltip to prevent flickering when mouse moves quickly over trigger
+      showTooltipTimeoutId.current = setTimeout(() => {
+        if (isTriggerHovered.current) {
+          triggeredByEvent.current = "hover";
+          toggleVisibility(true);
+        }
+      }, SHOW_HIDE_DELAY);
+    }
+  }, [toggleVisibility]);
+  const handleTriggerPointerLeave = React.useCallback(() => {
+    isTriggerHovered.current = false;
+    clearTimeout(hideTooltipTimeoutId.current);
+    // Delay removing tooltip from DOM to allow hover over tooltip element
+    hideTooltipTimeoutId.current = setTimeout(() => {
+      if (!isTooltipHovered.current && triggeredByEvent.current === "hover" && !isTriggerHovered.current) {
+        toggleVisibility(false);
+      }
+    }, SHOW_HIDE_DELAY);
+  }, [toggleVisibility]);
+  const handleTriggerFocus = React.useCallback(() => {
+    triggeredByEvent.current = "focus";
+    toggleVisibility(true);
+  }, [toggleVisibility]);
+  const handleTriggerBlur = React.useCallback(() => {
+    if (triggeredByEvent.current === "focus") {
+      toggleVisibility(false);
+    }
+  }, [toggleVisibility]);
+  const handleTriggerKeyDown = React.useCallback(evt => {
+    if (evt.key === "Escape") {
+      toggleVisibility(false);
+    }
+  }, [toggleVisibility]);
+  const handleTooltipPointerEnter = () => {
+    isTooltipHovered.current = true;
+  };
+  const handleTooltipPointerLeave = () => {
+    isTooltipHovered.current = false;
+    if (triggeredByEvent.current === "hover") {
+      toggleVisibility(false);
+    }
+  };
+  React.useEffect(() => () => {
+    // clear timers
+    clearTimeout(showTooltipTimeoutId.current);
+    clearTimeout(hideTooltipTimeoutId.current);
+  }, []);
+  React.useEffect(() => {
+    let trigger;
+    if (externalTriggerRef?.current && !children) {
+      trigger = externalTriggerRef.current;
+      trigger.setAttribute("tabindex", "0");
+      trigger.addEventListener("pointerenter", handleTriggerPointerEnter);
+      trigger.addEventListener("pointerleave", handleTriggerPointerLeave);
+      trigger.addEventListener("focus", handleTriggerFocus);
+      trigger.addEventListener("blur", handleTriggerBlur);
+      trigger.addEventListener("keydown", handleTriggerKeyDown);
+    }
+    return () => {
+      if (trigger) {
+        trigger.removeEventListener("pointerenter", handleTriggerPointerEnter);
+        trigger.removeEventListener("pointerleave", handleTriggerPointerLeave);
+        trigger.removeEventListener("focus", handleTriggerFocus);
+        trigger.removeEventListener("blur", handleTriggerBlur);
+        trigger.removeEventListener("keydown", handleTriggerKeyDown);
+      }
+    };
+  }, [externalTriggerRef, children, handleTriggerPointerEnter, handleTriggerPointerLeave, handleTriggerFocus, handleTriggerBlur, handleTriggerKeyDown]);
+  React.useEffect(() => {
+    if (externalTriggerRef?.current && !children) {
+      const trigger = externalTriggerRef.current;
+      if (isVisible) {
+        trigger.setAttribute("aria-describedby", tooltipId);
+      } else {
+        trigger.removeAttribute("aria-describedby");
+      }
+    }
+  }, [externalTriggerRef, children, tooltipId, isVisible]);
+  const triggerElm = children ? /*#__PURE__*/React__default.default.cloneElement(children, {
+    ref: triggerRef,
+    ...(isVisible && {
+      "aria-describedby": tooltipId
+    }),
+    tabIndex: 0,
+    onPointerEnter: handleTriggerPointerEnter,
+    onPointerLeave: handleTriggerPointerLeave,
+    onFocus: evt => {
+      handleTriggerFocus();
+      if (children.props.onFocus) {
+        children.props.onFocus(evt);
+      }
+    },
+    onBlur: evt => {
+      handleTriggerBlur();
+      if (children.props.onBlur) {
+        if (children.props.onBlur) {
+          children.props.onBlur(evt);
+        }
+      }
+    },
+    onKeyDown: handleTriggerKeyDown
+  }) : null;
+  const tooltipElm = /*#__PURE__*/React__default.default.createElement(TooltipContent.TooltipContent, {
+    dataDSId: "Tooltip",
+    content: content,
+    placement: placement,
+    portalContainer: portalContainer,
+    dataE2eTestId: dataE2eTestId,
+    isVisible: isVisible,
+    tooltipId: tooltipId,
+    triggerRef: triggerRef,
+    "aria-hidden": true,
+    role: "tooltip",
+    contentPadding: contentPadding,
+    maxWidth: maxWidth,
+    onTooltipPointerEnter: handleTooltipPointerEnter,
+    onTooltipPointerLeave: handleTooltipPointerLeave
+  });
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, triggerElm, tooltipElm);
+}
+
+exports.BaseTooltip = BaseTooltip;

package/build/cjs/src/components/Tooltip/Tooltip.js

@@ -1,163 +1,27 @@
 'use strict';
 
+var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var Text = require('../Typography/Text/Text.js');
-var TooltipContent = require('./TooltipContent.js');
+var BaseTooltip = require('./BaseTooltip.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const SHOW_HIDE_DELAY = 200;
 function Tooltip(_ref) {
   let {
-    placement = "auto",
     content,
-    children,
-    externalTriggerRef,
-    portalContainer,
-    "data-e2e-test-id": dataE2eTestId,
-    onVisibilityChange
+    ...rest
   } = _ref;
-  const tooltipId = React.useMemo(() => `DSTooltip_${Math.floor(Date.now() * Math.random())}`, []);
-  const [isVisible, setVisible] = React.useState(false);
-  const triggeredByEvent = React.useRef(null); // indicates if triggered by hover or focus
-  const isTooltipHovered = React.useRef(false);
-  const isTriggerHovered = React.useRef(false);
-  const hideTooltipTimeoutId = React.useRef(null);
-  const showTooltipTimeoutId = React.useRef(null);
-  const internalTriggerRef = React.useRef(null);
-  const triggerRef = externalTriggerRef || internalTriggerRef;
-  const toggleVisibility = React.useCallback(status => {
-    setVisible(status);
-    if (onVisibilityChange) {
-      onVisibilityChange(status);
-    }
-  }, [onVisibilityChange]);
-  const handleTriggerPointerEnter = React.useCallback(() => {
-    isTriggerHovered.current = true;
-    if (!isTooltipHovered.current) {
-      clearTimeout(showTooltipTimeoutId.current);
-      // Delay show tooltip to prevent flickering when mouse moves quickly over trigger
-      showTooltipTimeoutId.current = setTimeout(() => {
-        if (isTriggerHovered.current) {
-          triggeredByEvent.current = "hover";
-          toggleVisibility(true);
-        }
-      }, SHOW_HIDE_DELAY);
-    }
-  }, [toggleVisibility]);
-  const handleTriggerPointerLeave = React.useCallback(() => {
-    isTriggerHovered.current = false;
-    clearTimeout(hideTooltipTimeoutId.current);
-    // Delay removing tooltip from DOM to allow hover over tooltip element
-    hideTooltipTimeoutId.current = setTimeout(() => {
-      if (!isTooltipHovered.current && triggeredByEvent.current === "hover" && !isTriggerHovered.current) {
-        toggleVisibility(false);
-      }
-    }, SHOW_HIDE_DELAY);
-  }, [toggleVisibility]);
-  const handleTriggerFocus = React.useCallback(() => {
-    triggeredByEvent.current = "focus";
-    toggleVisibility(true);
-  }, [toggleVisibility]);
-  const handleTriggerBlur = React.useCallback(() => {
-    if (triggeredByEvent.current === "focus") {
-      toggleVisibility(false);
-    }
-  }, [toggleVisibility]);
-  const handleTriggerKeyDown = React.useCallback(evt => {
-    if (evt.key === "Escape") {
-      toggleVisibility(false);
-    }
-  }, [toggleVisibility]);
-  const handleTooltipPointerEnter = () => {
-    isTooltipHovered.current = true;
-  };
-  const handleTooltipPointerLeave = () => {
-    isTooltipHovered.current = false;
-    if (triggeredByEvent.current === "hover") {
-      toggleVisibility(false);
-    }
-  };
-  React.useEffect(() => () => {
-    // clear timers
-    clearTimeout(showTooltipTimeoutId.current);
-    clearTimeout(hideTooltipTimeoutId.current);
-  }, []);
-  React.useEffect(() => {
-    let trigger;
-    if (externalTriggerRef?.current && !children) {
-      trigger = externalTriggerRef.current;
-      trigger.setAttribute("tabindex", "0");
-      trigger.addEventListener("pointerenter", handleTriggerPointerEnter);
-      trigger.addEventListener("pointerleave", handleTriggerPointerLeave);
-      trigger.addEventListener("focus", handleTriggerFocus);
-      trigger.addEventListener("blur", handleTriggerBlur);
-      trigger.addEventListener("keydown", handleTriggerKeyDown);
-    }
-    return () => {
-      if (trigger) {
-        trigger.removeEventListener("pointerenter", handleTriggerPointerEnter);
-        trigger.removeEventListener("pointerleave", handleTriggerPointerLeave);
-        trigger.removeEventListener("focus", handleTriggerFocus);
-        trigger.removeEventListener("blur", handleTriggerBlur);
-        trigger.removeEventListener("keydown", handleTriggerKeyDown);
-      }
-    };
-  }, [externalTriggerRef, children, handleTriggerPointerEnter, handleTriggerPointerLeave, handleTriggerFocus, handleTriggerBlur, handleTriggerKeyDown]);
-  React.useEffect(() => {
-    if (externalTriggerRef?.current && !children) {
-      const trigger = externalTriggerRef.current;
-      if (isVisible) {
-        trigger.setAttribute("aria-describedby", tooltipId);
-      } else {
-        trigger.removeAttribute("aria-describedby");
-      }
-    }
-  }, [externalTriggerRef, children, tooltipId, isVisible]);
-  const triggerElm = children ? /*#__PURE__*/React__default.default.cloneElement(children, {
-    ref: triggerRef,
-    ...(isVisible && {
-      "aria-describedby": tooltipId
-    }),
-    tabIndex: 0,
-    onPointerEnter: handleTriggerPointerEnter,
-    onPointerLeave: handleTriggerPointerLeave,
-    onFocus: evt => {
-      handleTriggerFocus();
-      if (children.props.onFocus) {
-        children.props.onFocus(evt);
-      }
-    },
-    onBlur: evt => {
-      handleTriggerBlur();
-      if (children.props.onBlur) {
-        if (children.props.onBlur) {
-          children.props.onBlur(evt);
-        }
-      }
-    },
-    onKeyDown: handleTriggerKeyDown
-  }) : null;
   const contentElm = /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: "s"
   }, content);
-  const tooltipElm = /*#__PURE__*/React__default.default.createElement(TooltipContent.TooltipContent, {
-    dataDSId: "Tooltip",
-    content: contentElm,
-    placement: placement,
-    portalContainer: portalContainer,
-    dataE2eTestId: dataE2eTestId,
-    isVisible: isVisible,
-    tooltipId: tooltipId,
-    triggerRef: triggerRef,
-    "aria-hidden": true,
-    role: "tooltip",
-    onTooltipPointerEnter: handleTooltipPointerEnter,
-    onTooltipPointerLeave: handleTooltipPointerLeave
-  });
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, triggerElm, tooltipElm);
+  /* eslint-disable-next-line react/jsx-props-no-spreading */
+  return /*#__PURE__*/React__default.default.createElement(BaseTooltip.BaseTooltip, _extends__default.default({
+    content: contentElm
+  }, rest));
 }
 
 exports.Tooltip = Tooltip;

package/build/cjs/src/components/UserHighlightTooltip/UserHighlightTooltip.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var BaseTooltip = require('../Tooltip/BaseTooltip.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function UserHighlightTooltip(props) {
+  /* eslint-disable-next-line react/jsx-props-no-spreading */
+  return /*#__PURE__*/React__default.default.createElement(BaseTooltip.BaseTooltip, props);
+}
+
+exports.UserHighlightTooltip = UserHighlightTooltip;

package/build/cjs/src/index.js

@@ -50,6 +50,7 @@ var Tooltip = require('./components/Tooltip/Tooltip.js');
 var Tag = require('./components/Tag/Tag.js');
 var TagGroup = require('./components/TagGroup/TagGroup.js');
 var Toggletip = require('./components/Toggletip/Toggletip.js');
+var UserHighlightTooltip = require('./components/UserHighlightTooltip/UserHighlightTooltip.js');
 var Input = require('./components/Form/Input/Input.js');
 var PasswordInput = require('./components/Form/PasswordInput/PasswordInput.js');
 var DataTable = require('./components/DataTable/DataTable.js');
@@ -132,6 +133,7 @@ exports.MAX_TAG_WIDTH = Tag.MAX_TAG_WIDTH;
 exports.Tag = Tag.Tag;
 exports.TagGroup = TagGroup.TagGroup;
 exports.Toggletip = Toggletip.Toggletip;
+exports.UserHighlightTooltip = UserHighlightTooltip.UserHighlightTooltip;
 exports.Input = Input.Input;
 exports.PasswordInput = PasswordInput.PasswordInput;
 exports.BaseDataTable = DataTable.BaseDataTable;

package/build/esm/src/components/Toggletip/Toggletip.d.ts

@@ -1,18 +1,13 @@
-import React, { ReactElement, MutableRefObject } from "react";
+import React, { ReactElement } from "react";
 import type { TooltipContentProps } from "../Tooltip/TooltipContent";
+import type { TooltipConditionalProps } from "../Tooltip/types";
 type BaseProps = Pick<TooltipContentProps, "placement" | "portalContainer" | "contentPadding" | "maxWidth"> & {
     content: ReactElement;
     "data-e2e-test-id"?: string;
     isVisible?: boolean;
     onVisibilityChange?: (isVisible: boolean) => void;
+    dismissOnOutsideClick?: boolean;
 };
-type ConditionalProps = {
-    externalTriggerRef?: never;
-    children: React.ReactElement;
-} | {
-    children?: never;
-    externalTriggerRef: MutableRefObject<any>;
-};
-export type ToggletipProps = BaseProps & ConditionalProps;
-export declare function Toggletip({ placement, content, children, contentPadding, maxWidth, externalTriggerRef, portalContainer, isVisible: isToggletipVisible, "data-e2e-test-id": dataE2eTestId, onVisibilityChange, }: ToggletipProps): React.ReactElement;
+export type ToggletipProps = BaseProps & TooltipConditionalProps;
+export declare function Toggletip({ placement, content, children, contentPadding, maxWidth, externalTriggerRef, portalContainer, isVisible: isToggletipVisible, dismissOnOutsideClick, "data-e2e-test-id": dataE2eTestId, onVisibilityChange, }: ToggletipProps): React.ReactElement;
 export {};

package/build/esm/src/components/Toggletip/Toggletip.js

@@ -20,6 +20,7 @@ function Toggletip(_ref2) {
     externalTriggerRef,
     portalContainer,
     isVisible: isToggletipVisible,
+    dismissOnOutsideClick = true,
     "data-e2e-test-id": dataE2eTestId,
     onVisibilityChange
   } = _ref2;
@@ -94,8 +95,9 @@ function Toggletip(_ref2) {
   }) : null;
   const contentElm = /*#__PURE__*/React.createElement(FocusTrap, {
     focusTrapOptions: {
-      clickOutsideDeactivates: handleClickOutsideDeactivates,
+      clickOutsideDeactivates: dismissOnOutsideClick && handleClickOutsideDeactivates,
       // de-active focus trap on outside click
+      allowOutsideClick: true,
       escapeDeactivates: true,
       // de-activate focus trap on escape key
       fallbackFocus: `#${tooltipId}`,
@@ -115,7 +117,6 @@ function Toggletip(_ref2) {
     dataE2eTestId: dataE2eTestId,
     isVisible: isVisible,
     tooltipId: tooltipId,
-    tabIndex: -1,
     triggerRef: triggerRef
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, triggerElm, tooltipElm);

package/build/esm/src/components/Toggletip/Toggletip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggletip.js","sources":["../../../../../src/components/Toggletip/Toggletip.tsx"],"sourcesContent":["import React, {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  ReactElement,\n  MutableRefObject,\n  PropsWithChildren,\n} from \"react\";\nimport FocusTrap from \"focus-trap-react\";\nimport type { TooltipContentProps } from \"../Tooltip/TooltipContent\";\nimport { TooltipContent } from \"../Tooltip/TooltipContent\";\n\ntype BaseProps = Pick<\n  TooltipContentProps,\n  \"placement\" | \"portalContainer\" | \"contentPadding\" | \"maxWidth\"\n> & {\n  // Toggletip content\n  content: ReactElement;\n  \"data-e2e-test-id\"?: string;\n  // Programmatically toggle Toggletip visibility with this prop\n  isVisible?: boolean;\n  /* Called when tooltip appears and disappears */\n  onVisibilityChange?: (isVisible: boolean) => void;\n};\n\ntype ConditionalProps =\n  | {\n      externalTriggerRef?: never;\n      /* Trigger element - wrap trigger element within Toggletip - takes precedence over external trigger prop */\n      children: React.ReactElement;\n    }\n  | {\n      children?: never;\n      /* Trigger element ref - pass in an external trigger element */\n      externalTriggerRef: MutableRefObject<any>;\n    };\n\nexport type ToggletipProps = BaseProps & ConditionalProps;\n\nconst FocusTrapContent = React.forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<unknown>\n>(({ children }, ref) => <div ref={ref}>{children}</div>);\n\nexport function Toggletip({\n  placement = \"auto\",\n  content,\n  children,\n  contentPadding = \"m\",\n  maxWidth,\n  externalTriggerRef,\n  portalContainer,\n  isVisible: isToggletipVisible,\n  \"data-e2e-test-id\": dataE2eTestId,\n  onVisibilityChange,\n}: ToggletipProps): React.ReactElement {\n  const tooltipId = useMemo(\n    () => `DSToggletip_${Math.floor(Date.now() * Math.random())}`,\n    []\n  );\n  const [isVisible, setVisible] = useState(isToggletipVisible);\n  const internalTriggerRef = useRef(null);\n  const triggerRef = externalTriggerRef || internalTriggerRef;\n  const isOutsideClickOnTrigger = useRef(false);\n\n  const toggleVisibility = useCallback(\n    (status: boolean) => {\n      setVisible(status);\n\n      if (onVisibilityChange) {\n        onVisibilityChange(status);\n      }\n    },\n    [onVisibilityChange]\n  );\n\n  // Outside click is also fired when the Toggletip is open and trigger is clicked. `isOutsideClickOnTrigger` saves this condition and we check for it so as to not toggle the Toggletip twice.\n  const handleTriggerClick = useCallback(() => {\n    if (!isOutsideClickOnTrigger.current) {\n      toggleVisibility(!isVisible);\n    } else {\n      // reset this value so that Toggletip can open in next click\n      isOutsideClickOnTrigger.current = false;\n    }\n  }, [toggleVisibility, isVisible]);\n\n  const handleClickOutsideDeactivates = useCallback(\n    (evt) => {\n      if (triggerRef.current.contains(evt.target)) {\n        isOutsideClickOnTrigger.current = true;\n      }\n      return true;\n    },\n    [triggerRef, isOutsideClickOnTrigger]\n  );\n\n  useEffect(() => {\n    toggleVisibility(isToggletipVisible);\n  }, [isToggletipVisible, toggleVisibility]);\n\n  useEffect(() => {\n    let trigger: HTMLElement;\n\n    if (externalTriggerRef?.current && !children) {\n      trigger = externalTriggerRef.current;\n\n      trigger.setAttribute(\"tabindex\", \"0\");\n      trigger.addEventListener(\"click\", handleTriggerClick);\n    }\n\n    return () => {\n      if (trigger) {\n        trigger.removeEventListener(\"click\", handleTriggerClick);\n      }\n    };\n  }, [externalTriggerRef, children, handleTriggerClick]);\n\n  useEffect(() => {\n    if (externalTriggerRef?.current && !children) {\n      const trigger = externalTriggerRef.current;\n\n      if (isVisible) {\n        trigger.setAttribute(\"aria-expanded\", true);\n        trigger.setAttribute(\"aria-controls\", tooltipId);\n      } else {\n        trigger.removeAttribute(\"aria-expanded\");\n        trigger.removeAttribute(\"aria-controls\");\n      }\n    }\n  }, [externalTriggerRef, children, tooltipId, isVisible]);\n\n  const triggerElm = children\n    ? React.cloneElement(children, {\n        ref: triggerRef,\n        ...(isVisible && {\n          \"aria-expanded\": true,\n          \"aria-controls\": tooltipId,\n        }),\n        tabIndex: 0,\n        onClick: (evt: React.MouseEvent) => {\n          handleTriggerClick();\n          if (children.props.onClick) {\n            children.props.onClick(evt);\n          }\n        },\n      })\n    : null;\n\n  const contentElm = (\n    <FocusTrap\n      focusTrapOptions={{\n        clickOutsideDeactivates: handleClickOutsideDeactivates, // de-active focus trap on outside click\n        escapeDeactivates: true, // de-activate focus trap on escape key\n        fallbackFocus: `#${tooltipId}`, // set focus to tooltip content container if it has no focusable element\n        onDeactivate: () => {\n          toggleVisibility(false);\n        },\n      }}\n    >\n      <FocusTrapContent>{content}</FocusTrapContent>\n    </FocusTrap>\n  );\n  const tooltipElm = (\n    <TooltipContent\n      dataDSId=\"Toggletip\"\n      content={contentElm}\n      contentPadding={contentPadding}\n      maxWidth={maxWidth}\n      placement={placement}\n      portalContainer={portalContainer}\n      dataE2eTestId={dataE2eTestId}\n      isVisible={isVisible}\n      tooltipId={tooltipId}\n      tabIndex={-1}\n      triggerRef={triggerRef}\n    />\n  );\n  return (\n    <>\n      {triggerElm}\n      {tooltipElm}\n    </>\n  );\n}\n"],"names":["FocusTrapContent","React","forwardRef","_ref","ref","children","createElement","Toggletip","_ref2","placement","content","contentPadding","maxWidth","externalTriggerRef","portalContainer","isVisible","isToggletipVisible","dataE2eTestId","onVisibilityChange","tooltipId","useMemo","Math","floor","Date","now","random","setVisible","useState","internalTriggerRef","useRef","triggerRef","isOutsideClickOnTrigger","toggleVisibility","useCallback","status","handleTriggerClick","current","handleClickOutsideDeactivates","evt","contains","target","useEffect","trigger","setAttribute","addEventListener","removeEventListener","removeAttribute","triggerElm","cloneElement","tabIndex","onClick","props","contentElm","FocusTrap","focusTrapOptions","clickOutsideDeactivates","escapeDeactivates","fallbackFocus","onDeactivate","tooltipElm","TooltipContent","dataDSId","Fragment"],"mappings":"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"}
+{"version":3,"file":"Toggletip.js","sources":["../../../../../src/components/Toggletip/Toggletip.tsx"],"sourcesContent":["import React, {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  ReactElement,\n  PropsWithChildren,\n} from \"react\";\nimport FocusTrap from \"focus-trap-react\";\nimport type { TooltipContentProps } from \"../Tooltip/TooltipContent\";\nimport { TooltipContent } from \"../Tooltip/TooltipContent\";\nimport type { TooltipConditionalProps } from \"../Tooltip/types\";\n\ntype BaseProps = Pick<\n  TooltipContentProps,\n  \"placement\" | \"portalContainer\" | \"contentPadding\" | \"maxWidth\"\n> & {\n  // Toggletip content\n  content: ReactElement;\n  \"data-e2e-test-id\"?: string;\n  // Programmatically toggle Toggletip visibility with this prop\n  isVisible?: boolean;\n  /* Called when Toggletip appears and disappears */\n  onVisibilityChange?: (isVisible: boolean) => void;\n  /* Controls whether Toggletip closes on outside click */\n  dismissOnOutsideClick?: boolean;\n};\n\nexport type ToggletipProps = BaseProps & TooltipConditionalProps;\n\nconst FocusTrapContent = React.forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<unknown>\n>(({ children }, ref) => <div ref={ref}>{children}</div>);\n\nexport function Toggletip({\n  placement = \"auto\",\n  content,\n  children,\n  contentPadding = \"m\",\n  maxWidth,\n  externalTriggerRef,\n  portalContainer,\n  isVisible: isToggletipVisible,\n  dismissOnOutsideClick = true,\n  \"data-e2e-test-id\": dataE2eTestId,\n  onVisibilityChange,\n}: ToggletipProps): React.ReactElement {\n  const tooltipId = useMemo(\n    () => `DSToggletip_${Math.floor(Date.now() * Math.random())}`,\n    []\n  );\n  const [isVisible, setVisible] = useState(isToggletipVisible);\n  const internalTriggerRef = useRef(null);\n  const triggerRef = externalTriggerRef || internalTriggerRef;\n  const isOutsideClickOnTrigger = useRef(false);\n\n  const toggleVisibility = useCallback(\n    (status: boolean) => {\n      setVisible(status);\n\n      if (onVisibilityChange) {\n        onVisibilityChange(status);\n      }\n    },\n    [onVisibilityChange]\n  );\n\n  // Outside click is also fired when the Toggletip is open and trigger is clicked. `isOutsideClickOnTrigger` saves this condition and we check for it so as to not toggle the Toggletip twice.\n  const handleTriggerClick = useCallback(() => {\n    if (!isOutsideClickOnTrigger.current) {\n      toggleVisibility(!isVisible);\n    } else {\n      // reset this value so that Toggletip can open in next click\n      isOutsideClickOnTrigger.current = false;\n    }\n  }, [toggleVisibility, isVisible]);\n\n  const handleClickOutsideDeactivates = useCallback(\n    (evt) => {\n      if (triggerRef.current.contains(evt.target)) {\n        isOutsideClickOnTrigger.current = true;\n      }\n      return true;\n    },\n    [triggerRef, isOutsideClickOnTrigger]\n  );\n\n  useEffect(() => {\n    toggleVisibility(isToggletipVisible);\n  }, [isToggletipVisible, toggleVisibility]);\n\n  useEffect(() => {\n    let trigger: HTMLElement;\n\n    if (externalTriggerRef?.current && !children) {\n      trigger = externalTriggerRef.current;\n\n      trigger.setAttribute(\"tabindex\", \"0\");\n      trigger.addEventListener(\"click\", handleTriggerClick);\n    }\n\n    return () => {\n      if (trigger) {\n        trigger.removeEventListener(\"click\", handleTriggerClick);\n      }\n    };\n  }, [externalTriggerRef, children, handleTriggerClick]);\n\n  useEffect(() => {\n    if (externalTriggerRef?.current && !children) {\n      const trigger = externalTriggerRef.current;\n\n      if (isVisible) {\n        trigger.setAttribute(\"aria-expanded\", true);\n        trigger.setAttribute(\"aria-controls\", tooltipId);\n      } else {\n        trigger.removeAttribute(\"aria-expanded\");\n        trigger.removeAttribute(\"aria-controls\");\n      }\n    }\n  }, [externalTriggerRef, children, tooltipId, isVisible]);\n\n  const triggerElm = children\n    ? React.cloneElement(children, {\n        ref: triggerRef,\n        ...(isVisible && {\n          \"aria-expanded\": true,\n          \"aria-controls\": tooltipId,\n        }),\n        tabIndex: 0,\n        onClick: (evt: React.MouseEvent) => {\n          handleTriggerClick();\n          if (children.props.onClick) {\n            children.props.onClick(evt);\n          }\n        },\n      })\n    : null;\n\n  const contentElm = (\n    <FocusTrap\n      focusTrapOptions={{\n        clickOutsideDeactivates:\n          dismissOnOutsideClick && handleClickOutsideDeactivates, // de-active focus trap on outside click\n        allowOutsideClick: true,\n        escapeDeactivates: true, // de-activate focus trap on escape key\n        fallbackFocus: `#${tooltipId}`, // set focus to tooltip content container if it has no focusable element\n        onDeactivate: () => {\n          toggleVisibility(false);\n        },\n      }}\n    >\n      <FocusTrapContent>{content}</FocusTrapContent>\n    </FocusTrap>\n  );\n  const tooltipElm = (\n    <TooltipContent\n      dataDSId=\"Toggletip\"\n      content={contentElm}\n      contentPadding={contentPadding}\n      maxWidth={maxWidth}\n      placement={placement}\n      portalContainer={portalContainer}\n      dataE2eTestId={dataE2eTestId}\n      isVisible={isVisible}\n      tooltipId={tooltipId}\n      triggerRef={triggerRef}\n    />\n  );\n\n  return (\n    <>\n      {triggerElm}\n      {tooltipElm}\n    </>\n  );\n}\n"],"names":["FocusTrapContent","React","forwardRef","_ref","ref","children","createElement","Toggletip","_ref2","placement","content","contentPadding","maxWidth","externalTriggerRef","portalContainer","isVisible","isToggletipVisible","dismissOnOutsideClick","dataE2eTestId","onVisibilityChange","tooltipId","useMemo","Math","floor","Date","now","random","setVisible","useState","internalTriggerRef","useRef","triggerRef","isOutsideClickOnTrigger","toggleVisibility","useCallback","status","handleTriggerClick","current","handleClickOutsideDeactivates","evt","contains","target","useEffect","trigger","setAttribute","addEventListener","removeEventListener","removeAttribute","triggerElm","cloneElement","tabIndex","onClick","props","contentElm","FocusTrap","focusTrapOptions","clickOutsideDeactivates","allowOutsideClick","escapeDeactivates","fallbackFocus","onDeactivate","tooltipElm","TooltipContent","dataDSId","Fragment"],"mappings":"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"}

package/build/esm/src/components/Tooltip/BaseTooltip.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { TooltipContentProps } from "./TooltipContent";
+import { TooltipConditionalProps } from "./types";
+type BaseProps = Pick<TooltipContentProps, "placement" | "portalContainer" | "contentPadding" | "maxWidth"> & {
+    content: React.ReactElement;
+    "data-e2e-test-id"?: string;
+    onVisibilityChange?: (isVisible: boolean) => void;
+};
+export type BaseTooltipProps = BaseProps & TooltipConditionalProps;
+export declare function BaseTooltip({ placement, content, children, externalTriggerRef, portalContainer, contentPadding, maxWidth, "data-e2e-test-id": dataE2eTestId, onVisibilityChange, }: BaseTooltipProps): React.ReactElement;
+export {};

package/build/esm/src/components/Tooltip/BaseTooltip.js

@@ -0,0 +1,158 @@
+import React, { useMemo, useState, useRef, useCallback, useEffect } from 'react';
+import { TooltipContent } from './TooltipContent.js';
+
+const SHOW_HIDE_DELAY = 200;
+function BaseTooltip(_ref) {
+  let {
+    placement = "auto",
+    content,
+    children,
+    externalTriggerRef,
+    portalContainer,
+    contentPadding = "m",
+    maxWidth,
+    "data-e2e-test-id": dataE2eTestId,
+    onVisibilityChange
+  } = _ref;
+  const tooltipId = useMemo(() => `DSTooltip_${Math.floor(Date.now() * Math.random())}`, []);
+  const [isVisible, setVisible] = useState(false);
+  const triggeredByEvent = useRef(null); // indicates if triggered by hover or focus
+  const isTooltipHovered = useRef(false);
+  const isTriggerHovered = useRef(false);
+  const hideTooltipTimeoutId = useRef(null);
+  const showTooltipTimeoutId = useRef(null);
+  const internalTriggerRef = useRef(null);
+  const triggerRef = externalTriggerRef || internalTriggerRef;
+  const toggleVisibility = useCallback(status => {
+    setVisible(status);
+    if (onVisibilityChange) {
+      onVisibilityChange(status);
+    }
+  }, [onVisibilityChange]);
+  const handleTriggerPointerEnter = useCallback(() => {
+    isTriggerHovered.current = true;
+    if (!isTooltipHovered.current) {
+      clearTimeout(showTooltipTimeoutId.current);
+      // Delay show tooltip to prevent flickering when mouse moves quickly over trigger
+      showTooltipTimeoutId.current = setTimeout(() => {
+        if (isTriggerHovered.current) {
+          triggeredByEvent.current = "hover";
+          toggleVisibility(true);
+        }
+      }, SHOW_HIDE_DELAY);
+    }
+  }, [toggleVisibility]);
+  const handleTriggerPointerLeave = useCallback(() => {
+    isTriggerHovered.current = false;
+    clearTimeout(hideTooltipTimeoutId.current);
+    // Delay removing tooltip from DOM to allow hover over tooltip element
+    hideTooltipTimeoutId.current = setTimeout(() => {
+      if (!isTooltipHovered.current && triggeredByEvent.current === "hover" && !isTriggerHovered.current) {
+        toggleVisibility(false);
+      }
+    }, SHOW_HIDE_DELAY);
+  }, [toggleVisibility]);
+  const handleTriggerFocus = useCallback(() => {
+    triggeredByEvent.current = "focus";
+    toggleVisibility(true);
+  }, [toggleVisibility]);
+  const handleTriggerBlur = useCallback(() => {
+    if (triggeredByEvent.current === "focus") {
+      toggleVisibility(false);
+    }
+  }, [toggleVisibility]);
+  const handleTriggerKeyDown = useCallback(evt => {
+    if (evt.key === "Escape") {
+      toggleVisibility(false);
+    }
+  }, [toggleVisibility]);
+  const handleTooltipPointerEnter = () => {
+    isTooltipHovered.current = true;
+  };
+  const handleTooltipPointerLeave = () => {
+    isTooltipHovered.current = false;
+    if (triggeredByEvent.current === "hover") {
+      toggleVisibility(false);
+    }
+  };
+  useEffect(() => () => {
+    // clear timers
+    clearTimeout(showTooltipTimeoutId.current);
+    clearTimeout(hideTooltipTimeoutId.current);
+  }, []);
+  useEffect(() => {
+    let trigger;
+    if (externalTriggerRef?.current && !children) {
+      trigger = externalTriggerRef.current;
+      trigger.setAttribute("tabindex", "0");
+      trigger.addEventListener("pointerenter", handleTriggerPointerEnter);
+      trigger.addEventListener("pointerleave", handleTriggerPointerLeave);
+      trigger.addEventListener("focus", handleTriggerFocus);
+      trigger.addEventListener("blur", handleTriggerBlur);
+      trigger.addEventListener("keydown", handleTriggerKeyDown);
+    }
+    return () => {
+      if (trigger) {
+        trigger.removeEventListener("pointerenter", handleTriggerPointerEnter);
+        trigger.removeEventListener("pointerleave", handleTriggerPointerLeave);
+        trigger.removeEventListener("focus", handleTriggerFocus);
+        trigger.removeEventListener("blur", handleTriggerBlur);
+        trigger.removeEventListener("keydown", handleTriggerKeyDown);
+      }
+    };
+  }, [externalTriggerRef, children, handleTriggerPointerEnter, handleTriggerPointerLeave, handleTriggerFocus, handleTriggerBlur, handleTriggerKeyDown]);
+  useEffect(() => {
+    if (externalTriggerRef?.current && !children) {
+      const trigger = externalTriggerRef.current;
+      if (isVisible) {
+        trigger.setAttribute("aria-describedby", tooltipId);
+      } else {
+        trigger.removeAttribute("aria-describedby");
+      }
+    }
+  }, [externalTriggerRef, children, tooltipId, isVisible]);
+  const triggerElm = children ? /*#__PURE__*/React.cloneElement(children, {
+    ref: triggerRef,
+    ...(isVisible && {
+      "aria-describedby": tooltipId
+    }),
+    tabIndex: 0,
+    onPointerEnter: handleTriggerPointerEnter,
+    onPointerLeave: handleTriggerPointerLeave,
+    onFocus: evt => {
+      handleTriggerFocus();
+      if (children.props.onFocus) {
+        children.props.onFocus(evt);
+      }
+    },
+    onBlur: evt => {
+      handleTriggerBlur();
+      if (children.props.onBlur) {
+        if (children.props.onBlur) {
+          children.props.onBlur(evt);
+        }
+      }
+    },
+    onKeyDown: handleTriggerKeyDown
+  }) : null;
+  const tooltipElm = /*#__PURE__*/React.createElement(TooltipContent, {
+    dataDSId: "Tooltip",
+    content: content,
+    placement: placement,
+    portalContainer: portalContainer,
+    dataE2eTestId: dataE2eTestId,
+    isVisible: isVisible,
+    tooltipId: tooltipId,
+    triggerRef: triggerRef,
+    "aria-hidden": true,
+    role: "tooltip",
+    contentPadding: contentPadding,
+    maxWidth: maxWidth,
+    onTooltipPointerEnter: handleTooltipPointerEnter,
+    onTooltipPointerLeave: handleTooltipPointerLeave
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, triggerElm, tooltipElm);
+}
+
+export { BaseTooltip };
+//# sourceMappingURL=BaseTooltip.js.map

package/build/esm/src/components/Tooltip/BaseTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTooltip.js","sources":["../../../../../src/components/Tooltip/BaseTooltip.tsx"],"sourcesContent":["import React, {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport type { TooltipContentProps } from \"./TooltipContent\";\nimport { TooltipContent } from \"./TooltipContent\";\nimport { TooltipConditionalProps } from \"./types\";\n\ntype BaseProps = Pick<\n  TooltipContentProps,\n  \"placement\" | \"portalContainer\" | \"contentPadding\" | \"maxWidth\"\n> & {\n  /* Tooltip content */\n  content: React.ReactElement;\n  \"data-e2e-test-id\"?: string;\n  /* Called when tooltip appears and disappears */\n  onVisibilityChange?: (isVisible: boolean) => void;\n};\n\nexport type BaseTooltipProps = BaseProps & TooltipConditionalProps;\n\nconst SHOW_HIDE_DELAY = 200;\n\nexport function BaseTooltip({\n  placement = \"auto\",\n  content,\n  children,\n  externalTriggerRef,\n  portalContainer,\n  contentPadding = \"m\",\n  maxWidth,\n  \"data-e2e-test-id\": dataE2eTestId,\n  onVisibilityChange,\n}: BaseTooltipProps): React.ReactElement {\n  const tooltipId = useMemo(\n    () => `DSTooltip_${Math.floor(Date.now() * Math.random())}`,\n    []\n  );\n  const [isVisible, setVisible] = useState(false);\n  const triggeredByEvent = useRef(null); // indicates if triggered by hover or focus\n  const isTooltipHovered = useRef(false);\n  const isTriggerHovered = useRef(false);\n  const hideTooltipTimeoutId = useRef(null);\n  const showTooltipTimeoutId = useRef(null);\n  const internalTriggerRef = useRef(null);\n  const triggerRef = externalTriggerRef || internalTriggerRef;\n\n  const toggleVisibility = useCallback(\n    (status: boolean) => {\n      setVisible(status);\n\n      if (onVisibilityChange) {\n        onVisibilityChange(status);\n      }\n    },\n    [onVisibilityChange]\n  );\n\n  const handleTriggerPointerEnter = useCallback(() => {\n    isTriggerHovered.current = true;\n    if (!isTooltipHovered.current) {\n      clearTimeout(showTooltipTimeoutId.current);\n      // Delay show tooltip to prevent flickering when mouse moves quickly over trigger\n      showTooltipTimeoutId.current = setTimeout(() => {\n        if (isTriggerHovered.current) {\n          triggeredByEvent.current = \"hover\";\n          toggleVisibility(true);\n        }\n      }, SHOW_HIDE_DELAY);\n    }\n  }, [toggleVisibility]);\n\n  const handleTriggerPointerLeave = useCallback(() => {\n    isTriggerHovered.current = false;\n    clearTimeout(hideTooltipTimeoutId.current);\n    // Delay removing tooltip from DOM to allow hover over tooltip element\n    hideTooltipTimeoutId.current = setTimeout(() => {\n      if (\n        !isTooltipHovered.current &&\n        triggeredByEvent.current === \"hover\" &&\n        !isTriggerHovered.current\n      ) {\n        toggleVisibility(false);\n      }\n    }, SHOW_HIDE_DELAY);\n  }, [toggleVisibility]);\n\n  const handleTriggerFocus = useCallback(() => {\n    triggeredByEvent.current = \"focus\";\n    toggleVisibility(true);\n  }, [toggleVisibility]);\n\n  const handleTriggerBlur = useCallback(() => {\n    if (triggeredByEvent.current === \"focus\") {\n      toggleVisibility(false);\n    }\n  }, [toggleVisibility]);\n\n  const handleTriggerKeyDown = useCallback(\n    (evt) => {\n      if (evt.key === \"Escape\") {\n        toggleVisibility(false);\n      }\n    },\n    [toggleVisibility]\n  );\n\n  const handleTooltipPointerEnter = () => {\n    isTooltipHovered.current = true;\n  };\n\n  const handleTooltipPointerLeave = () => {\n    isTooltipHovered.current = false;\n    if (triggeredByEvent.current === \"hover\") {\n      toggleVisibility(false);\n    }\n  };\n\n  useEffect(\n    () => () => {\n      // clear timers\n      clearTimeout(showTooltipTimeoutId.current);\n      clearTimeout(hideTooltipTimeoutId.current);\n    },\n    []\n  );\n\n  useEffect(() => {\n    let trigger: HTMLElement;\n\n    if (externalTriggerRef?.current && !children) {\n      trigger = externalTriggerRef.current;\n\n      trigger.setAttribute(\"tabindex\", \"0\");\n      trigger.addEventListener(\"pointerenter\", handleTriggerPointerEnter);\n      trigger.addEventListener(\"pointerleave\", handleTriggerPointerLeave);\n      trigger.addEventListener(\"focus\", handleTriggerFocus);\n      trigger.addEventListener(\"blur\", handleTriggerBlur);\n      trigger.addEventListener(\"keydown\", handleTriggerKeyDown);\n    }\n\n    return () => {\n      if (trigger) {\n        trigger.removeEventListener(\"pointerenter\", handleTriggerPointerEnter);\n        trigger.removeEventListener(\"pointerleave\", handleTriggerPointerLeave);\n        trigger.removeEventListener(\"focus\", handleTriggerFocus);\n        trigger.removeEventListener(\"blur\", handleTriggerBlur);\n        trigger.removeEventListener(\"keydown\", handleTriggerKeyDown);\n      }\n    };\n  }, [\n    externalTriggerRef,\n    children,\n    handleTriggerPointerEnter,\n    handleTriggerPointerLeave,\n    handleTriggerFocus,\n    handleTriggerBlur,\n    handleTriggerKeyDown,\n  ]);\n\n  useEffect(() => {\n    if (externalTriggerRef?.current && !children) {\n      const trigger = externalTriggerRef.current;\n\n      if (isVisible) {\n        trigger.setAttribute(\"aria-describedby\", tooltipId);\n      } else {\n        trigger.removeAttribute(\"aria-describedby\");\n      }\n    }\n  }, [externalTriggerRef, children, tooltipId, isVisible]);\n\n  const triggerElm = children\n    ? React.cloneElement(children, {\n        ref: triggerRef,\n        ...(isVisible && {\n          \"aria-describedby\": tooltipId,\n        }),\n        tabIndex: 0,\n        onPointerEnter: handleTriggerPointerEnter,\n        onPointerLeave: handleTriggerPointerLeave,\n        onFocus: (evt: FocusEvent) => {\n          handleTriggerFocus();\n          if (children.props.onFocus) {\n            children.props.onFocus(evt);\n          }\n        },\n        onBlur: (evt: FocusEvent) => {\n          handleTriggerBlur();\n          if (children.props.onBlur) {\n            if (children.props.onBlur) {\n              children.props.onBlur(evt);\n            }\n          }\n        },\n        onKeyDown: handleTriggerKeyDown,\n      })\n    : null;\n\n  const tooltipElm = (\n    <TooltipContent\n      dataDSId=\"Tooltip\"\n      content={content}\n      placement={placement}\n      portalContainer={portalContainer}\n      dataE2eTestId={dataE2eTestId}\n      isVisible={isVisible}\n      tooltipId={tooltipId}\n      triggerRef={triggerRef}\n      aria-hidden\n      role=\"tooltip\"\n      contentPadding={contentPadding}\n      maxWidth={maxWidth}\n      onTooltipPointerEnter={handleTooltipPointerEnter}\n      onTooltipPointerLeave={handleTooltipPointerLeave}\n    />\n  );\n  return (\n    <>\n      {triggerElm}\n      {tooltipElm}\n    </>\n  );\n}\n"],"names":["SHOW_HIDE_DELAY","BaseTooltip","_ref","placement","content","children","externalTriggerRef","portalContainer","contentPadding","maxWidth","dataE2eTestId","onVisibilityChange","tooltipId","useMemo","Math","floor","Date","now","random","isVisible","setVisible","useState","triggeredByEvent","useRef","isTooltipHovered","isTriggerHovered","hideTooltipTimeoutId","showTooltipTimeoutId","internalTriggerRef","triggerRef","toggleVisibility","useCallback","status","handleTriggerPointerEnter","current","clearTimeout","setTimeout","handleTriggerPointerLeave","handleTriggerFocus","handleTriggerBlur","handleTriggerKeyDown","evt","key","handleTooltipPointerEnter","handleTooltipPointerLeave","useEffect","trigger","setAttribute","addEventListener","removeEventListener","removeAttribute","triggerElm","React","cloneElement","ref","tabIndex","onPointerEnter","onPointerLeave","onFocus","props","onBlur","onKeyDown","tooltipElm","createElement","TooltipContent","dataDSId","role","onTooltipPointerEnter","onTooltipPointerLeave","Fragment"],"mappings":"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"}

package/build/esm/src/components/Tooltip/Tooltip.d.ts

@@ -1,17 +1,7 @@
-import React, { MutableRefObject } from "react";
-import type { TooltipContentProps } from "./TooltipContent";
-type BaseProps = Pick<TooltipContentProps, "placement" | "portalContainer"> & {
+import React from "react";
+import type { BaseTooltipProps } from "./BaseTooltip";
+import { TooltipConditionalProps } from "./types";
+export type TooltipProps = Omit<BaseTooltipProps, "content" | "contentPadding" | "maxWidth"> & {
     content: string;
-    "data-e2e-test-id"?: string;
-    onVisibilityChange?: (isVisible: boolean) => void;
-};
-type ConditionalProps = {
-    externalTriggerRef?: never;
-    children: React.ReactElement;
-} | {
-    children?: never;
-    externalTriggerRef: MutableRefObject<any>;
-};
-export type TooltipProps = BaseProps & ConditionalProps;
-export declare function Tooltip({ placement, content, children, externalTriggerRef, portalContainer, "data-e2e-test-id": dataE2eTestId, onVisibilityChange, }: TooltipProps): React.ReactElement;
-export {};
+} & TooltipConditionalProps;
+export declare function Tooltip({ content, ...rest }: TooltipProps): React.ReactElement;

package/build/esm/src/components/Tooltip/Tooltip.js

@@ -1,157 +1,20 @@
-import React, { useMemo, useState, useRef, useCallback, useEffect } from 'react';
+import _extends from '@babel/runtime/helpers/extends';
+import React from 'react';
 import { Text } from '../Typography/Text/Text.js';
-import { TooltipContent } from './TooltipContent.js';
+import { BaseTooltip } from './BaseTooltip.js';
 
-const SHOW_HIDE_DELAY = 200;
 function Tooltip(_ref) {
   let {
-    placement = "auto",
     content,
-    children,
-    externalTriggerRef,
-    portalContainer,
-    "data-e2e-test-id": dataE2eTestId,
-    onVisibilityChange
+    ...rest
   } = _ref;
-  const tooltipId = useMemo(() => `DSTooltip_${Math.floor(Date.now() * Math.random())}`, []);
-  const [isVisible, setVisible] = useState(false);
-  const triggeredByEvent = useRef(null); // indicates if triggered by hover or focus
-  const isTooltipHovered = useRef(false);
-  const isTriggerHovered = useRef(false);
-  const hideTooltipTimeoutId = useRef(null);
-  const showTooltipTimeoutId = useRef(null);
-  const internalTriggerRef = useRef(null);
-  const triggerRef = externalTriggerRef || internalTriggerRef;
-  const toggleVisibility = useCallback(status => {
-    setVisible(status);
-    if (onVisibilityChange) {
-      onVisibilityChange(status);
-    }
-  }, [onVisibilityChange]);
-  const handleTriggerPointerEnter = useCallback(() => {
-    isTriggerHovered.current = true;
-    if (!isTooltipHovered.current) {
-      clearTimeout(showTooltipTimeoutId.current);
-      // Delay show tooltip to prevent flickering when mouse moves quickly over trigger
-      showTooltipTimeoutId.current = setTimeout(() => {
-        if (isTriggerHovered.current) {
-          triggeredByEvent.current = "hover";
-          toggleVisibility(true);
-        }
-      }, SHOW_HIDE_DELAY);
-    }
-  }, [toggleVisibility]);
-  const handleTriggerPointerLeave = useCallback(() => {
-    isTriggerHovered.current = false;
-    clearTimeout(hideTooltipTimeoutId.current);
-    // Delay removing tooltip from DOM to allow hover over tooltip element
-    hideTooltipTimeoutId.current = setTimeout(() => {
-      if (!isTooltipHovered.current && triggeredByEvent.current === "hover" && !isTriggerHovered.current) {
-        toggleVisibility(false);
-      }
-    }, SHOW_HIDE_DELAY);
-  }, [toggleVisibility]);
-  const handleTriggerFocus = useCallback(() => {
-    triggeredByEvent.current = "focus";
-    toggleVisibility(true);
-  }, [toggleVisibility]);
-  const handleTriggerBlur = useCallback(() => {
-    if (triggeredByEvent.current === "focus") {
-      toggleVisibility(false);
-    }
-  }, [toggleVisibility]);
-  const handleTriggerKeyDown = useCallback(evt => {
-    if (evt.key === "Escape") {
-      toggleVisibility(false);
-    }
-  }, [toggleVisibility]);
-  const handleTooltipPointerEnter = () => {
-    isTooltipHovered.current = true;
-  };
-  const handleTooltipPointerLeave = () => {
-    isTooltipHovered.current = false;
-    if (triggeredByEvent.current === "hover") {
-      toggleVisibility(false);
-    }
-  };
-  useEffect(() => () => {
-    // clear timers
-    clearTimeout(showTooltipTimeoutId.current);
-    clearTimeout(hideTooltipTimeoutId.current);
-  }, []);
-  useEffect(() => {
-    let trigger;
-    if (externalTriggerRef?.current && !children) {
-      trigger = externalTriggerRef.current;
-      trigger.setAttribute("tabindex", "0");
-      trigger.addEventListener("pointerenter", handleTriggerPointerEnter);
-      trigger.addEventListener("pointerleave", handleTriggerPointerLeave);
-      trigger.addEventListener("focus", handleTriggerFocus);
-      trigger.addEventListener("blur", handleTriggerBlur);
-      trigger.addEventListener("keydown", handleTriggerKeyDown);
-    }
-    return () => {
-      if (trigger) {
-        trigger.removeEventListener("pointerenter", handleTriggerPointerEnter);
-        trigger.removeEventListener("pointerleave", handleTriggerPointerLeave);
-        trigger.removeEventListener("focus", handleTriggerFocus);
-        trigger.removeEventListener("blur", handleTriggerBlur);
-        trigger.removeEventListener("keydown", handleTriggerKeyDown);
-      }
-    };
-  }, [externalTriggerRef, children, handleTriggerPointerEnter, handleTriggerPointerLeave, handleTriggerFocus, handleTriggerBlur, handleTriggerKeyDown]);
-  useEffect(() => {
-    if (externalTriggerRef?.current && !children) {
-      const trigger = externalTriggerRef.current;
-      if (isVisible) {
-        trigger.setAttribute("aria-describedby", tooltipId);
-      } else {
-        trigger.removeAttribute("aria-describedby");
-      }
-    }
-  }, [externalTriggerRef, children, tooltipId, isVisible]);
-  const triggerElm = children ? /*#__PURE__*/React.cloneElement(children, {
-    ref: triggerRef,
-    ...(isVisible && {
-      "aria-describedby": tooltipId
-    }),
-    tabIndex: 0,
-    onPointerEnter: handleTriggerPointerEnter,
-    onPointerLeave: handleTriggerPointerLeave,
-    onFocus: evt => {
-      handleTriggerFocus();
-      if (children.props.onFocus) {
-        children.props.onFocus(evt);
-      }
-    },
-    onBlur: evt => {
-      handleTriggerBlur();
-      if (children.props.onBlur) {
-        if (children.props.onBlur) {
-          children.props.onBlur(evt);
-        }
-      }
-    },
-    onKeyDown: handleTriggerKeyDown
-  }) : null;
   const contentElm = /*#__PURE__*/React.createElement(Text, {
     size: "s"
   }, content);
-  const tooltipElm = /*#__PURE__*/React.createElement(TooltipContent, {
-    dataDSId: "Tooltip",
-    content: contentElm,
-    placement: placement,
-    portalContainer: portalContainer,
-    dataE2eTestId: dataE2eTestId,
-    isVisible: isVisible,
-    tooltipId: tooltipId,
-    triggerRef: triggerRef,
-    "aria-hidden": true,
-    role: "tooltip",
-    onTooltipPointerEnter: handleTooltipPointerEnter,
-    onTooltipPointerLeave: handleTooltipPointerLeave
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, triggerElm, tooltipElm);
+  /* eslint-disable-next-line react/jsx-props-no-spreading */
+  return /*#__PURE__*/React.createElement(BaseTooltip, _extends({
+    content: contentElm
+  }, rest));
 }
 
 export { Tooltip };

package/build/esm/src/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  MutableRefObject,\n} from \"react\";\nimport { Text } from \"../Typography/Text/Text\";\nimport type { TooltipContentProps } from \"./TooltipContent\";\nimport { TooltipContent } from \"./TooltipContent\";\n\ntype BaseProps = Pick<TooltipContentProps, \"placement\" | \"portalContainer\"> & {\n  /* Tooltip content */\n  content: string;\n  \"data-e2e-test-id\"?: string;\n  /* Called when tooltip appears and disappears */\n  onVisibilityChange?: (isVisible: boolean) => void;\n};\n\ntype ConditionalProps =\n  | {\n      externalTriggerRef?: never;\n      /* Trigger element - wrap trigger element within Tooltip - takes precedence over trigger prop */\n      children: React.ReactElement;\n    }\n  | {\n      children?: never;\n      /* Trigger element ref - pass in an external trigger element */\n      externalTriggerRef: MutableRefObject<any>;\n    };\n\nexport type TooltipProps = BaseProps & ConditionalProps;\n\nconst SHOW_HIDE_DELAY = 200;\n\nexport function Tooltip({\n  placement = \"auto\",\n  content,\n  children,\n  externalTriggerRef,\n  portalContainer,\n  \"data-e2e-test-id\": dataE2eTestId,\n  onVisibilityChange,\n}: TooltipProps): React.ReactElement {\n  const tooltipId = useMemo(\n    () => `DSTooltip_${Math.floor(Date.now() * Math.random())}`,\n    []\n  );\n  const [isVisible, setVisible] = useState(false);\n  const triggeredByEvent = useRef(null); // indicates if triggered by hover or focus\n  const isTooltipHovered = useRef(false);\n  const isTriggerHovered = useRef(false);\n  const hideTooltipTimeoutId = useRef(null);\n  const showTooltipTimeoutId = useRef(null);\n  const internalTriggerRef = useRef(null);\n  const triggerRef = externalTriggerRef || internalTriggerRef;\n\n  const toggleVisibility = useCallback(\n    (status: boolean) => {\n      setVisible(status);\n\n      if (onVisibilityChange) {\n        onVisibilityChange(status);\n      }\n    },\n    [onVisibilityChange]\n  );\n\n  const handleTriggerPointerEnter = useCallback(() => {\n    isTriggerHovered.current = true;\n    if (!isTooltipHovered.current) {\n      clearTimeout(showTooltipTimeoutId.current);\n      // Delay show tooltip to prevent flickering when mouse moves quickly over trigger\n      showTooltipTimeoutId.current = setTimeout(() => {\n        if (isTriggerHovered.current) {\n          triggeredByEvent.current = \"hover\";\n          toggleVisibility(true);\n        }\n      }, SHOW_HIDE_DELAY);\n    }\n  }, [toggleVisibility]);\n\n  const handleTriggerPointerLeave = useCallback(() => {\n    isTriggerHovered.current = false;\n    clearTimeout(hideTooltipTimeoutId.current);\n    // Delay removing tooltip from DOM to allow hover over tooltip element\n    hideTooltipTimeoutId.current = setTimeout(() => {\n      if (\n        !isTooltipHovered.current &&\n        triggeredByEvent.current === \"hover\" &&\n        !isTriggerHovered.current\n      ) {\n        toggleVisibility(false);\n      }\n    }, SHOW_HIDE_DELAY);\n  }, [toggleVisibility]);\n\n  const handleTriggerFocus = useCallback(() => {\n    triggeredByEvent.current = \"focus\";\n    toggleVisibility(true);\n  }, [toggleVisibility]);\n\n  const handleTriggerBlur = useCallback(() => {\n    if (triggeredByEvent.current === \"focus\") {\n      toggleVisibility(false);\n    }\n  }, [toggleVisibility]);\n\n  const handleTriggerKeyDown = useCallback(\n    (evt) => {\n      if (evt.key === \"Escape\") {\n        toggleVisibility(false);\n      }\n    },\n    [toggleVisibility]\n  );\n\n  const handleTooltipPointerEnter = () => {\n    isTooltipHovered.current = true;\n  };\n\n  const handleTooltipPointerLeave = () => {\n    isTooltipHovered.current = false;\n    if (triggeredByEvent.current === \"hover\") {\n      toggleVisibility(false);\n    }\n  };\n\n  useEffect(\n    () => () => {\n      // clear timers\n      clearTimeout(showTooltipTimeoutId.current);\n      clearTimeout(hideTooltipTimeoutId.current);\n    },\n    []\n  );\n\n  useEffect(() => {\n    let trigger: HTMLElement;\n\n    if (externalTriggerRef?.current && !children) {\n      trigger = externalTriggerRef.current;\n\n      trigger.setAttribute(\"tabindex\", \"0\");\n      trigger.addEventListener(\"pointerenter\", handleTriggerPointerEnter);\n      trigger.addEventListener(\"pointerleave\", handleTriggerPointerLeave);\n      trigger.addEventListener(\"focus\", handleTriggerFocus);\n      trigger.addEventListener(\"blur\", handleTriggerBlur);\n      trigger.addEventListener(\"keydown\", handleTriggerKeyDown);\n    }\n\n    return () => {\n      if (trigger) {\n        trigger.removeEventListener(\"pointerenter\", handleTriggerPointerEnter);\n        trigger.removeEventListener(\"pointerleave\", handleTriggerPointerLeave);\n        trigger.removeEventListener(\"focus\", handleTriggerFocus);\n        trigger.removeEventListener(\"blur\", handleTriggerBlur);\n        trigger.removeEventListener(\"keydown\", handleTriggerKeyDown);\n      }\n    };\n  }, [\n    externalTriggerRef,\n    children,\n    handleTriggerPointerEnter,\n    handleTriggerPointerLeave,\n    handleTriggerFocus,\n    handleTriggerBlur,\n    handleTriggerKeyDown,\n  ]);\n\n  useEffect(() => {\n    if (externalTriggerRef?.current && !children) {\n      const trigger = externalTriggerRef.current;\n\n      if (isVisible) {\n        trigger.setAttribute(\"aria-describedby\", tooltipId);\n      } else {\n        trigger.removeAttribute(\"aria-describedby\");\n      }\n    }\n  }, [externalTriggerRef, children, tooltipId, isVisible]);\n\n  const triggerElm = children\n    ? React.cloneElement(children, {\n        ref: triggerRef,\n        ...(isVisible && {\n          \"aria-describedby\": tooltipId,\n        }),\n        tabIndex: 0,\n        onPointerEnter: handleTriggerPointerEnter,\n        onPointerLeave: handleTriggerPointerLeave,\n        onFocus: (evt: FocusEvent) => {\n          handleTriggerFocus();\n          if (children.props.onFocus) {\n            children.props.onFocus(evt);\n          }\n        },\n        onBlur: (evt: FocusEvent) => {\n          handleTriggerBlur();\n          if (children.props.onBlur) {\n            if (children.props.onBlur) {\n              children.props.onBlur(evt);\n            }\n          }\n        },\n        onKeyDown: handleTriggerKeyDown,\n      })\n    : null;\n  const contentElm = <Text size=\"s\">{content}</Text>;\n  const tooltipElm = (\n    <TooltipContent\n      dataDSId=\"Tooltip\"\n      content={contentElm}\n      placement={placement}\n      portalContainer={portalContainer}\n      dataE2eTestId={dataE2eTestId}\n      isVisible={isVisible}\n      tooltipId={tooltipId}\n      triggerRef={triggerRef}\n      aria-hidden\n      role=\"tooltip\"\n      onTooltipPointerEnter={handleTooltipPointerEnter}\n      onTooltipPointerLeave={handleTooltipPointerLeave}\n    />\n  );\n  return (\n    <>\n      {triggerElm}\n      {tooltipElm}\n    </>\n  );\n}\n"],"names":["SHOW_HIDE_DELAY","Tooltip","_ref","placement","content","children","externalTriggerRef","portalContainer","dataE2eTestId","onVisibilityChange","tooltipId","useMemo","Math","floor","Date","now","random","isVisible","setVisible","useState","triggeredByEvent","useRef","isTooltipHovered","isTriggerHovered","hideTooltipTimeoutId","showTooltipTimeoutId","internalTriggerRef","triggerRef","toggleVisibility","useCallback","status","handleTriggerPointerEnter","current","clearTimeout","setTimeout","handleTriggerPointerLeave","handleTriggerFocus","handleTriggerBlur","handleTriggerKeyDown","evt","key","handleTooltipPointerEnter","handleTooltipPointerLeave","useEffect","trigger","setAttribute","addEventListener","removeEventListener","removeAttribute","triggerElm","React","cloneElement","ref","tabIndex","onPointerEnter","onPointerLeave","onFocus","props","onBlur","onKeyDown","contentElm","createElement","Text","size","tooltipElm","TooltipContent","dataDSId","role","onTooltipPointerEnter","onTooltipPointerLeave","Fragment"],"mappings":";;;;AAkCA,MAAMA,eAAe,GAAG,GAAG,CAAA;AAEpB,SAASC,OAAOA,CAAAC,IAAA,EAQc;EAAA,IARb;AACtBC,IAAAA,SAAS,GAAG,MAAM;IAClBC,OAAO;IACPC,QAAQ;IACRC,kBAAkB;IAClBC,eAAe;AACf,IAAA,kBAAkB,EAAEC,aAAa;AACjCC,IAAAA,kBAAAA;AACY,GAAC,GAAAP,IAAA,CAAA;EACb,MAAMQ,SAAS,GAAGC,OAAO,CACvB,MAAO,aAAYC,IAAI,CAACC,KAAK,CAACC,IAAI,CAACC,GAAG,EAAE,GAAGH,IAAI,CAACI,MAAM,EAAE,CAAE,CAAA,CAAC,EAC3D,EACF,CAAC,CAAA;EACD,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC/C,EAAA,MAAMC,gBAAgB,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAC;AACtC,EAAA,MAAMC,gBAAgB,GAAGD,MAAM,CAAC,KAAK,CAAC,CAAA;AACtC,EAAA,MAAME,gBAAgB,GAAGF,MAAM,CAAC,KAAK,CAAC,CAAA;AACtC,EAAA,MAAMG,oBAAoB,GAAGH,MAAM,CAAC,IAAI,CAAC,CAAA;AACzC,EAAA,MAAMI,oBAAoB,GAAGJ,MAAM,CAAC,IAAI,CAAC,CAAA;AACzC,EAAA,MAAMK,kBAAkB,GAAGL,MAAM,CAAC,IAAI,CAAC,CAAA;AACvC,EAAA,MAAMM,UAAU,GAAGrB,kBAAkB,IAAIoB,kBAAkB,CAAA;AAE3D,EAAA,MAAME,gBAAgB,GAAGC,WAAW,CACjCC,MAAe,IAAK;IACnBZ,UAAU,CAACY,MAAM,CAAC,CAAA;AAElB,IAAA,IAAIrB,kBAAkB,EAAE;MACtBA,kBAAkB,CAACqB,MAAM,CAAC,CAAA;AAC5B,KAAA;AACF,GAAC,EACD,CAACrB,kBAAkB,CACrB,CAAC,CAAA;AAED,EAAA,MAAMsB,yBAAyB,GAAGF,WAAW,CAAC,MAAM;IAClDN,gBAAgB,CAACS,OAAO,GAAG,IAAI,CAAA;AAC/B,IAAA,IAAI,CAACV,gBAAgB,CAACU,OAAO,EAAE;AAC7BC,MAAAA,YAAY,CAACR,oBAAoB,CAACO,OAAO,CAAC,CAAA;AAC1C;AACAP,MAAAA,oBAAoB,CAACO,OAAO,GAAGE,UAAU,CAAC,MAAM;QAC9C,IAAIX,gBAAgB,CAACS,OAAO,EAAE;UAC5BZ,gBAAgB,CAACY,OAAO,GAAG,OAAO,CAAA;UAClCJ,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACxB,SAAA;OACD,EAAE5B,eAAe,CAAC,CAAA;AACrB,KAAA;AACF,GAAC,EAAE,CAAC4B,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,MAAMO,yBAAyB,GAAGN,WAAW,CAAC,MAAM;IAClDN,gBAAgB,CAACS,OAAO,GAAG,KAAK,CAAA;AAChCC,IAAAA,YAAY,CAACT,oBAAoB,CAACQ,OAAO,CAAC,CAAA;AAC1C;AACAR,IAAAA,oBAAoB,CAACQ,OAAO,GAAGE,UAAU,CAAC,MAAM;AAC9C,MAAA,IACE,CAACZ,gBAAgB,CAACU,OAAO,IACzBZ,gBAAgB,CAACY,OAAO,KAAK,OAAO,IACpC,CAACT,gBAAgB,CAACS,OAAO,EACzB;QACAJ,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACzB,OAAA;KACD,EAAE5B,eAAe,CAAC,CAAA;AACrB,GAAC,EAAE,CAAC4B,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,MAAMQ,kBAAkB,GAAGP,WAAW,CAAC,MAAM;IAC3CT,gBAAgB,CAACY,OAAO,GAAG,OAAO,CAAA;IAClCJ,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACxB,GAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,MAAMS,iBAAiB,GAAGR,WAAW,CAAC,MAAM;AAC1C,IAAA,IAAIT,gBAAgB,CAACY,OAAO,KAAK,OAAO,EAAE;MACxCJ,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACzB,KAAA;AACF,GAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,MAAMU,oBAAoB,GAAGT,WAAW,CACrCU,GAAG,IAAK;AACP,IAAA,IAAIA,GAAG,CAACC,GAAG,KAAK,QAAQ,EAAE;MACxBZ,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACzB,KAAA;AACF,GAAC,EACD,CAACA,gBAAgB,CACnB,CAAC,CAAA;EAED,MAAMa,yBAAyB,GAAGA,MAAM;IACtCnB,gBAAgB,CAACU,OAAO,GAAG,IAAI,CAAA;GAChC,CAAA;EAED,MAAMU,yBAAyB,GAAGA,MAAM;IACtCpB,gBAAgB,CAACU,OAAO,GAAG,KAAK,CAAA;AAChC,IAAA,IAAIZ,gBAAgB,CAACY,OAAO,KAAK,OAAO,EAAE;MACxCJ,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACzB,KAAA;GACD,CAAA;EAEDe,SAAS,CACP,MAAM,MAAM;AACV;AACAV,IAAAA,YAAY,CAACR,oBAAoB,CAACO,OAAO,CAAC,CAAA;AAC1CC,IAAAA,YAAY,CAACT,oBAAoB,CAACQ,OAAO,CAAC,CAAA;GAC3C,EACD,EACF,CAAC,CAAA;AAEDW,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIC,OAAoB,CAAA;AAExB,IAAA,IAAItC,kBAAkB,EAAE0B,OAAO,IAAI,CAAC3B,QAAQ,EAAE;MAC5CuC,OAAO,GAAGtC,kBAAkB,CAAC0B,OAAO,CAAA;AAEpCY,MAAAA,OAAO,CAACC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;AACrCD,MAAAA,OAAO,CAACE,gBAAgB,CAAC,cAAc,EAAEf,yBAAyB,CAAC,CAAA;AACnEa,MAAAA,OAAO,CAACE,gBAAgB,CAAC,cAAc,EAAEX,yBAAyB,CAAC,CAAA;AACnES,MAAAA,OAAO,CAACE,gBAAgB,CAAC,OAAO,EAAEV,kBAAkB,CAAC,CAAA;AACrDQ,MAAAA,OAAO,CAACE,gBAAgB,CAAC,MAAM,EAAET,iBAAiB,CAAC,CAAA;AACnDO,MAAAA,OAAO,CAACE,gBAAgB,CAAC,SAAS,EAAER,oBAAoB,CAAC,CAAA;AAC3D,KAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAIM,OAAO,EAAE;AACXA,QAAAA,OAAO,CAACG,mBAAmB,CAAC,cAAc,EAAEhB,yBAAyB,CAAC,CAAA;AACtEa,QAAAA,OAAO,CAACG,mBAAmB,CAAC,cAAc,EAAEZ,yBAAyB,CAAC,CAAA;AACtES,QAAAA,OAAO,CAACG,mBAAmB,CAAC,OAAO,EAAEX,kBAAkB,CAAC,CAAA;AACxDQ,QAAAA,OAAO,CAACG,mBAAmB,CAAC,MAAM,EAAEV,iBAAiB,CAAC,CAAA;AACtDO,QAAAA,OAAO,CAACG,mBAAmB,CAAC,SAAS,EAAET,oBAAoB,CAAC,CAAA;AAC9D,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CACDhC,kBAAkB,EAClBD,QAAQ,EACR0B,yBAAyB,EACzBI,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB,EACjBC,oBAAoB,CACrB,CAAC,CAAA;AAEFK,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIrC,kBAAkB,EAAE0B,OAAO,IAAI,CAAC3B,QAAQ,EAAE;AAC5C,MAAA,MAAMuC,OAAO,GAAGtC,kBAAkB,CAAC0B,OAAO,CAAA;AAE1C,MAAA,IAAIf,SAAS,EAAE;AACb2B,QAAAA,OAAO,CAACC,YAAY,CAAC,kBAAkB,EAAEnC,SAAS,CAAC,CAAA;AACrD,OAAC,MAAM;AACLkC,QAAAA,OAAO,CAACI,eAAe,CAAC,kBAAkB,CAAC,CAAA;AAC7C,OAAA;AACF,KAAA;GACD,EAAE,CAAC1C,kBAAkB,EAAED,QAAQ,EAAEK,SAAS,EAAEO,SAAS,CAAC,CAAC,CAAA;EAExD,MAAMgC,UAAU,GAAG5C,QAAQ,gBACvB6C,KAAK,CAACC,YAAY,CAAC9C,QAAQ,EAAE;AAC3B+C,IAAAA,GAAG,EAAEzB,UAAU;AACf,IAAA,IAAIV,SAAS,IAAI;AACf,MAAA,kBAAkB,EAAEP,SAAAA;AACtB,KAAC,CAAC;AACF2C,IAAAA,QAAQ,EAAE,CAAC;AACXC,IAAAA,cAAc,EAAEvB,yBAAyB;AACzCwB,IAAAA,cAAc,EAAEpB,yBAAyB;IACzCqB,OAAO,EAAGjB,GAAe,IAAK;AAC5BH,MAAAA,kBAAkB,EAAE,CAAA;AACpB,MAAA,IAAI/B,QAAQ,CAACoD,KAAK,CAACD,OAAO,EAAE;AAC1BnD,QAAAA,QAAQ,CAACoD,KAAK,CAACD,OAAO,CAACjB,GAAG,CAAC,CAAA;AAC7B,OAAA;KACD;IACDmB,MAAM,EAAGnB,GAAe,IAAK;AAC3BF,MAAAA,iBAAiB,EAAE,CAAA;AACnB,MAAA,IAAIhC,QAAQ,CAACoD,KAAK,CAACC,MAAM,EAAE;AACzB,QAAA,IAAIrD,QAAQ,CAACoD,KAAK,CAACC,MAAM,EAAE;AACzBrD,UAAAA,QAAQ,CAACoD,KAAK,CAACC,MAAM,CAACnB,GAAG,CAAC,CAAA;AAC5B,SAAA;AACF,OAAA;KACD;AACDoB,IAAAA,SAAS,EAAErB,oBAAAA;GACZ,CAAC,GACF,IAAI,CAAA;AACR,EAAA,MAAMsB,UAAU,gBAAGV,KAAA,CAAAW,aAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,GAAA;AAAG,GAAA,EAAE3D,OAAc,CAAC,CAAA;AAClD,EAAA,MAAM4D,UAAU,gBACdd,KAAA,CAAAW,aAAA,CAACI,cAAc,EAAA;AACbC,IAAAA,QAAQ,EAAC,SAAS;AAClB9D,IAAAA,OAAO,EAAEwD,UAAW;AACpBzD,IAAAA,SAAS,EAAEA,SAAU;AACrBI,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,aAAa,EAAEA,aAAc;AAC7BS,IAAAA,SAAS,EAAEA,SAAU;AACrBP,IAAAA,SAAS,EAAEA,SAAU;AACrBiB,IAAAA,UAAU,EAAEA,UAAW;IACvB,aAAW,EAAA,IAAA;AACXwC,IAAAA,IAAI,EAAC,SAAS;AACdC,IAAAA,qBAAqB,EAAE3B,yBAA0B;AACjD4B,IAAAA,qBAAqB,EAAE3B,yBAAAA;AAA0B,GAClD,CACF,CAAA;EACD,oBACEQ,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAoB,QAAA,EACGrB,IAAAA,EAAAA,UAAU,EACVe,UACD,CAAC,CAAA;AAEP;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BaseTooltipProps } from \"./BaseTooltip\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { BaseTooltip } from \"./BaseTooltip\";\nimport { TooltipConditionalProps } from \"./types\";\n\nexport type TooltipProps = Omit<\n  BaseTooltipProps,\n  \"content\" | \"contentPadding\" | \"maxWidth\"\n> & {\n  /* Tooltip content */\n  content: string;\n} & TooltipConditionalProps;\n\nexport function Tooltip({\n  content,\n  ...rest\n}: TooltipProps): React.ReactElement {\n  const contentElm = <Text size=\"s\">{content}</Text>;\n  /* eslint-disable-next-line react/jsx-props-no-spreading */\n  return <BaseTooltip content={contentElm} {...rest} />;\n}\n"],"names":["Tooltip","_ref","content","rest","contentElm","React","createElement","Text","size","BaseTooltip","_extends"],"mappings":";;;;;AAcO,SAASA,OAAOA,CAAAC,IAAA,EAGc;EAAA,IAHb;IACtBC,OAAO;IACP,GAAGC,IAAAA;AACS,GAAC,GAAAF,IAAA,CAAA;AACb,EAAA,MAAMG,UAAU,gBAAGC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,GAAA;AAAG,GAAA,EAAEN,OAAc,CAAC,CAAA;AAClD;AACA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,WAAW,EAAAC,QAAA,CAAA;AAACR,IAAAA,OAAO,EAAEE,UAAAA;GAAgBD,EAAAA,IAAI,CAAG,CAAC,CAAA;AACvD;;;;"}

package/build/esm/src/components/Tooltip/types.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from "react";
+export type TooltipConditionalProps = {
+    externalTriggerRef?: never;
+    children: React.ReactElement;
+} | {
+    children?: never;
+    externalTriggerRef: MutableRefObject<any>;
+};

package/build/esm/src/components/UserHighlightTooltip/UserHighlightTooltip.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BaseTooltipProps } from "../Tooltip/BaseTooltip";
+export type UserHighlightTooltipProps = BaseTooltipProps;
+export declare function UserHighlightTooltip(props: UserHighlightTooltipProps): React.ReactElement;

package/build/esm/src/components/UserHighlightTooltip/UserHighlightTooltip.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseTooltip } from '../Tooltip/BaseTooltip.js';
+
+function UserHighlightTooltip(props) {
+  /* eslint-disable-next-line react/jsx-props-no-spreading */
+  return /*#__PURE__*/React.createElement(BaseTooltip, props);
+}
+
+export { UserHighlightTooltip };
+//# sourceMappingURL=UserHighlightTooltip.js.map

package/build/esm/src/components/UserHighlightTooltip/UserHighlightTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserHighlightTooltip.js","sources":["../../../../../src/components/UserHighlightTooltip/UserHighlightTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BaseTooltipProps } from \"../Tooltip/BaseTooltip\";\nimport { BaseTooltip } from \"../Tooltip/BaseTooltip\";\n\nexport type UserHighlightTooltipProps = BaseTooltipProps;\n\nexport function UserHighlightTooltip(\n  props: UserHighlightTooltipProps\n): React.ReactElement {\n  /* eslint-disable-next-line react/jsx-props-no-spreading */\n  return <BaseTooltip {...props} />;\n}\n"],"names":["UserHighlightTooltip","props","React","createElement","BaseTooltip"],"mappings":";;;AAMO,SAASA,oBAAoBA,CAClCC,KAAgC,EACZ;AACpB;AACA,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAKH,KAAQ,CAAC,CAAA;AACnC;;;;"}

package/build/esm/src/index.d.ts

@@ -53,3 +53,4 @@ export * from "./components/Tooltip/Tooltip";
 export * from "./components/Tag/Tag";
 export * from "./components/TagGroup/TagGroup";
 export * from "./components/Toggletip/Toggletip";
+export * from "./components/UserHighlightTooltip/UserHighlightTooltip";

package/build/esm/src/index.js

@@ -48,6 +48,7 @@ export { Tooltip } from './components/Tooltip/Tooltip.js';
 export { MAX_TAG_WIDTH, Tag } from './components/Tag/Tag.js';
 export { TagGroup } from './components/TagGroup/TagGroup.js';
 export { Toggletip } from './components/Toggletip/Toggletip.js';
+export { UserHighlightTooltip } from './components/UserHighlightTooltip/UserHighlightTooltip.js';
 export { Input } from './components/Form/Input/Input.js';
 export { PasswordInput } from './components/Form/PasswordInput/PasswordInput.js';
 export { BaseDataTable, DataTable } from './components/DataTable/DataTable.js';

package/build/esm/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import {\n  ambossVisualConfiguration,\n  VisualConfig,\n} from \"../build-tokens/visualConfig\";\n\nexport type { VisualConfig };\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport * from \"./components/Card/Card\";\nexport * from \"./components/Card/CardBox\";\nexport * from \"./components/Box/Box\";\nexport * from \"./components/Inline/Inline\";\nexport * from \"./components/Stack/Stack\";\nexport * from \"./components/Typography/Header/Header\";\nexport * from \"./components/Typography/Text/Text\";\nexport * from \"./components/Typography/TextClamped/TextClamped\";\nexport * from \"./components/Typography/StyledText/StyledText\";\nexport * from \"./components/Link/Link\";\nexport * from \"./components/Icon/Icon\";\nexport * from \"./components/Button/Button\";\nexport * from \"./components/Divider/Divider\";\nexport * from \"./components/Column/Columns\";\nexport * from \"./components/Tabs/Tabs\";\nexport * from \"./components/Badge/Badge\";\nexport * from \"./components/SearchResult/SearchResult\";\nexport * from \"./components/Form/ToggleButton/ToggleButton\";\nexport * from \"./components/DropdownMenu/DropdownMenu\";\nexport * from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport * from \"./components/Form/Input\";\nexport * from \"./components/Form/Checkbox/Checkbox\";\nexport * from \"./components/Form/Toggle/Toggle\";\nexport * from \"./components/Form/Radio/Radio\";\nexport * from \"./components/Form/RadioButton/RadioButton\";\nexport * from \"./components/Form/Textarea/Textarea\";\nexport * from \"./components/Form/Select/Select\";\nexport * from \"./components/SubThemeProvider/SubThemeProvider\";\nexport * from \"./components/PictogramButton/PictogramButton\";\nexport * from \"./components/MediaViewerBar/MediaViewerBar\";\nexport * from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport * from \"./components/ProgressBar/ProgressBar\";\nexport * from \"./components/Container/Container\";\nexport * from \"./components/Form/PasswordInput\";\nexport * from \"./components/RoundButton/RoundButton\";\nexport * from \"./components/Notification/Notification\";\nexport * from \"./components/Logo/Logo\";\nexport * from \"./components/MediaItem/MediaItem\";\nexport * from \"./components/Callout/Callout\";\nexport * from \"./components/Patterns/Modal/Modal\";\nexport * from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport * from \"./components/Collapsible/Collapsible\";\nexport * from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\nexport * from \"./components/DataTable\";\nexport * from \"./components/Form/SegmentedControl/SegmentedControl\";\nexport * from \"./components/Tooltip/Tooltip\";\nexport * from \"./components/Tag/Tag\";\nexport * from \"./components/TagGroup/TagGroup\";\nexport * from \"./components/Toggletip/Toggletip\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA;EAAEA,IAAI;AAAEC,EAAAA,KAAAA;AAAM,CAAC,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import {\n  ambossVisualConfiguration,\n  VisualConfig,\n} from \"../build-tokens/visualConfig\";\n\nexport type { VisualConfig };\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport * from \"./components/Card/Card\";\nexport * from \"./components/Card/CardBox\";\nexport * from \"./components/Box/Box\";\nexport * from \"./components/Inline/Inline\";\nexport * from \"./components/Stack/Stack\";\nexport * from \"./components/Typography/Header/Header\";\nexport * from \"./components/Typography/Text/Text\";\nexport * from \"./components/Typography/TextClamped/TextClamped\";\nexport * from \"./components/Typography/StyledText/StyledText\";\nexport * from \"./components/Link/Link\";\nexport * from \"./components/Icon/Icon\";\nexport * from \"./components/Button/Button\";\nexport * from \"./components/Divider/Divider\";\nexport * from \"./components/Column/Columns\";\nexport * from \"./components/Tabs/Tabs\";\nexport * from \"./components/Badge/Badge\";\nexport * from \"./components/SearchResult/SearchResult\";\nexport * from \"./components/Form/ToggleButton/ToggleButton\";\nexport * from \"./components/DropdownMenu/DropdownMenu\";\nexport * from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport * from \"./components/Form/Input\";\nexport * from \"./components/Form/Checkbox/Checkbox\";\nexport * from \"./components/Form/Toggle/Toggle\";\nexport * from \"./components/Form/Radio/Radio\";\nexport * from \"./components/Form/RadioButton/RadioButton\";\nexport * from \"./components/Form/Textarea/Textarea\";\nexport * from \"./components/Form/Select/Select\";\nexport * from \"./components/SubThemeProvider/SubThemeProvider\";\nexport * from \"./components/PictogramButton/PictogramButton\";\nexport * from \"./components/MediaViewerBar/MediaViewerBar\";\nexport * from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport * from \"./components/ProgressBar/ProgressBar\";\nexport * from \"./components/Container/Container\";\nexport * from \"./components/Form/PasswordInput\";\nexport * from \"./components/RoundButton/RoundButton\";\nexport * from \"./components/Notification/Notification\";\nexport * from \"./components/Logo/Logo\";\nexport * from \"./components/MediaItem/MediaItem\";\nexport * from \"./components/Callout/Callout\";\nexport * from \"./components/Patterns/Modal/Modal\";\nexport * from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport * from \"./components/Collapsible/Collapsible\";\nexport * from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\nexport * from \"./components/DataTable\";\nexport * from \"./components/Form/SegmentedControl/SegmentedControl\";\nexport * from \"./components/Tooltip/Tooltip\";\nexport * from \"./components/Tag/Tag\";\nexport * from \"./components/TagGroup/TagGroup\";\nexport * from \"./components/Toggletip/Toggletip\";\nexport * from \"./components/UserHighlightTooltip/UserHighlightTooltip\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA;EAAEA,IAAI;AAAEC,EAAAA,KAAAA;AAAM,CAAC,GAAGC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.17.7",
+  "version": "1.18.0",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",