@elliemae/ds-tooltip 3.12.0-rc.2 → 3.12.0-rc.4

package/dist/cjs/v1/DSTooltip.js

@@ -66,30 +66,34 @@ const DSTooltip = ({
   const { cssClassName: tooltipBlockName } = (0, import_ds_classnames.convertPropToCssClassName)(blockName);
   let Content = title;
   if (typeof title === "string") {
-    Content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipText, {
-      children: title
-    });
+    Content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipText, { children: title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popper.DSPopper, {
-    blockName: tooltipBlockName,
-    contentComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContainer, {
-      ...containerProps,
-      ...otherTooltipProps,
-      className: `tooltip-container--${tooltipType} ${className}`,
-      innerRef,
-      children: Content
-    }),
-    delayClose,
-    delayOpen,
-    interactionType,
-    isOpen,
-    onOpen,
-    placement,
-    showArrow: tooltipType === import_TooltipType.TooltipType.TOOLTIP ? showArrow : false,
-    springAnimationComponent,
-    triggerComponent: (0, import_ds_utilities.getComponentFromProps)(triggerComponent),
-    zIndex
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_popper.DSPopper,
+    {
+      blockName: tooltipBlockName,
+      contentComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        TooltipContainer,
+        {
+          ...containerProps,
+          ...otherTooltipProps,
+          className: `tooltip-container--${tooltipType} ${className}`,
+          innerRef,
+          children: Content
+        }
+      ),
+      delayClose,
+      delayOpen,
+      interactionType,
+      isOpen,
+      onOpen,
+      placement,
+      showArrow: tooltipType === import_TooltipType.TooltipType.TOOLTIP ? showArrow : false,
+      springAnimationComponent,
+      triggerComponent: (0, import_ds_utilities.getComponentFromProps)(triggerComponent),
+      zIndex
+    }
+  );
 };
 const tooltipProps = {
   containerProps: import_ds_utilities.PropTypes.object.description("Set of Properties attached to the main container"),

package/dist/cjs/v1/DSTooltip.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/DSTooltip.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { describe, PropTypes, getComponentFromProps } from '@elliemae/ds-utilities';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared';\nimport { DSPopper, PopperPositions, PopperInteractions, interactions, positions } from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n  containerProps = {},\n  innerRef,\n  placement = PopperPositions.TOP,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  interactionType = PopperInteractions.HOVER,\n  triggerComponent = null,\n  className = '',\n  isOpen = undefined,\n  onOpen = () => null,\n  springAnimationComponent = undefined,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  zIndex,\n  ...otherTooltipProps\n}) => {\n  const { cssClassName: tooltipBlockName } = convertPropToCssClassName(blockName);\n\n  let Content = title;\n  if (typeof title === 'string') {\n    Content = <TooltipText>{title}</TooltipText>;\n  }\n  return (\n    <DSPopper\n      blockName={tooltipBlockName}\n      contentComponent={\n        <TooltipContainer\n          {...containerProps}\n          {...otherTooltipProps}\n          className={`tooltip-container--${tooltipType} ${className}`}\n          innerRef={innerRef}\n        >\n          {Content}\n        </TooltipContainer>\n      }\n      delayClose={delayClose}\n      delayOpen={delayOpen}\n      interactionType={interactionType}\n      isOpen={isOpen}\n      onOpen={onOpen}\n      placement={placement}\n      showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n      springAnimationComponent={springAnimationComponent}\n      triggerComponent={getComponentFromProps(triggerComponent)}\n      zIndex={zIndex}\n    />\n  );\n};\n\nconst tooltipProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  placement: PropTypes.oneOf(positions).description('Tooltip position').defaultValue(PopperPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,\n  delayClose: PropTypes.string.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.string.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),\n  interactionType: PropTypes.oneOf(interactions)\n    .description('A type indicating how to open/close the tooltip')\n    .defaultValue(PopperInteractions.HOVER),\n  triggerComponent: PropTypes.element.description(\n    `The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n  ).isRequired,\n  isOpen: PropTypes.bool.description('Whether the tooltip is visible or not').defaultValue(undefined),\n  onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n  springAnimationComponent: PropTypes.element.description('Spring animation component'),\n  showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),\n  className: PropTypes.string.description('css class'),\n  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),\n  zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element'),\n};\n\nDSTooltip.propTypes = tooltipProps;\nDSTooltip.displayName = 'DSTooltip';\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuCT;AArCd,2BAA6D;AAC7D,0BAA2D;AAC3D,uBAAwD;AACxD,uBAAuF;AACvF,yBAA4B;AAE5B,MAAM,YAAY;AAElB,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,WAAW,OAAO,OAAO;AAAA,EACzE,+BAA+B,CAAC,aAAa,WAAW;AAC1D,CAAC;AACD,MAAM,kBAAc,wCAAkB,MAAM,EAAE,WAAW,QAAQ,OAAO;AAAA,EACtE,+BAA+B,CAAC,aAAa,WAAW;AAC1D,CAAC;AAED,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY,iCAAgB;AAAA,EAC5B,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,kBAAkB,oCAAmB;AAAA,EACrC,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc,+BAAY;AAAA,EAC1B,YAAY;AAAA,EACZ;AAAA,KACG;AACL,MAAM;AACJ,QAAM,EAAE,cAAc,iBAAiB,QAAI,gDAA0B,SAAS;AAE9E,MAAI,UAAU;AACd,MAAI,OAAO,UAAU,UAAU;AAC7B,cAAU,4CAAC;AAAA,MAAa;AAAA,KAAM;AAAA,EAChC;AACA,SACE,4CAAC;AAAA,IACC,WAAW;AAAA,IACX,kBACE,4CAAC;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,WAAW,sBAAsB,eAAe;AAAA,MAChD;AAAA,MAEC;AAAA,KACH;AAAA,IAEF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB,+BAAY,UAAU,YAAY;AAAA,IAC7D;AAAA,IACA,sBAAkB,2CAAsB,gBAAgB;AAAA,IACxD;AAAA,GACF;AAEJ;AAEA,MAAM,eAAe;AAAA,EACnB,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,8BAAU,MAAM,0BAAS,EAAE,YAAY,kBAAkB,EAAE,aAAa,iCAAgB,GAAG;AAAA,EACtG,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAAE,YAAY,iBAAiB,EAAE;AAAA,EACjG,YAAY,8BAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,oCAAmB;AAAA,EACvG,WAAW,8BAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,mCAAkB;AAAA,EACrG,iBAAiB,8BAAU,MAAM,6BAAY,EAC1C,YAAY,iDAAiD,EAC7D,aAAa,oCAAmB,KAAK;AAAA,EACxC,kBAAkB,8BAAU,QAAQ;AAAA,IAClC;AAAA;AAAA;AAAA,EAGF,EAAE;AAAA,EACF,QAAQ,8BAAU,KAAK,YAAY,uCAAuC,EAAE,aAAa,MAAS;AAAA,EAClG,QAAQ,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACnE,0BAA0B,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACpF,WAAW,8BAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,IAAI;AAAA,EAC1F,WAAW,8BAAU,OAAO,YAAY,WAAW;AAAA,EACnD,aAAa,8BAAU,MAAM,CAAC,WAAW,SAAS,CAAC,EAAE,YAAY,iBAAiB,EAAE,aAAa,+BAAY,OAAO;AAAA,EACpH,QAAQ,8BAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,MAAS;AAAA,EACpG,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,CAAC,EAAE,YAAY,sCAAsC;AACtH;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAoB,8BAAS,SAAS;AAC5C,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/v2/DSTooltip.js

@@ -114,9 +114,10 @@ const DSTooltipV2 = ({
     []
   );
   const theme = (0, import_react.useContext)(import_ds_system.ThemeContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTriggerComponentContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_styles.StyledTriggerComponentContainer,
+      {
         ref: setReferenceElement,
         onMouseEnter: handleShowTooltipOn,
         onMouseLeave: handleShowTooltipOff,
@@ -124,36 +125,41 @@ const DSTooltipV2 = ({
         onBlur: handleShowTooltipOff,
         onKeyDown: handleKeyDown,
         children: triggerComponent
-      }),
-      isAnimating || showTooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_portal.DSPortal, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipContainer, {
-          className,
-          showTooltip,
-          tooltipType,
-          "data-testid": "ds-tooltip-container",
-          ref: (ref) => (0, import_setMultipleRefs.setMultipleRefs)(setPopperElement, innerRef)(ref),
-          style: { ...styles.popper, zIndex: zIndex ?? theme.zIndex.tooltip },
-          ...containerProps,
-          ...attributes.popper,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledAnimatedTooltip, {
+      }
+    ),
+    isAnimating || showTooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_portal.DSPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_styles.StyledTooltipContainer,
+      {
+        className,
+        showTooltip,
+        tooltipType,
+        "data-testid": "ds-tooltip-container",
+        ref: (ref) => (0, import_setMultipleRefs.setMultipleRefs)(setPopperElement, innerRef)(ref),
+        style: { ...styles.popper, zIndex: zIndex ?? theme.zIndex.tooltip },
+        ...containerProps,
+        ...attributes.popper,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_styles.StyledAnimatedTooltip,
+          {
             showTooltip,
             "data-testid": "ds-tooltip",
             onAnimationEnd: checkAnimationStatus,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipText, {
-                children: title
-              }),
-              tooltipType === import_TooltipType.TooltipType.TOOLTIP && showArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSTooltipArrow.DSTooltipArrow, {
-                arrowElementRef: setArrowElement,
-                style: styles.arrow,
-                placement: attributes.popper ? attributes.popper["data-popper-placement"] : "bottom"
-              }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipText, { children: title }),
+              tooltipType === import_TooltipType.TooltipType.TOOLTIP && showArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_DSTooltipArrow.DSTooltipArrow,
+                {
+                  arrowElementRef: setArrowElement,
+                  style: styles.arrow,
+                  placement: attributes.popper ? attributes.popper["data-popper-placement"] : "bottom"
+                }
+              ) : null
             ]
-          })
-        })
-      }) : null
-    ]
-  });
+          }
+        )
+      }
+    ) }) : null
+  ] });
 };
 DSTooltipV2.propTypes = import_propTypes.tooltipV2Props;
 DSTooltipV2.displayName = "DSTooltipV2";

package/dist/cjs/v2/DSTooltip.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v2/DSTooltip.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect, useRef, useContext } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSPortal } from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared';\nimport { usePopper } from 'react-popper';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { tooltipPositions } from './utils/tooltipPositions';\nimport { TooltipType } from './TooltipType';\nimport {\n  StyledTooltipContainer,\n  StyledTriggerComponentContainer,\n  StyledTooltipText,\n  StyledAnimatedTooltip,\n} from './styles';\nimport { DSTooltipArrow } from './DSTooltipArrow';\nimport type { DSTooltipT } from '.';\nimport { tooltipV2Props } from './propTypes';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSTooltipV2 = ({\n  containerProps = {},\n  innerRef,\n  placement = tooltipPositions.BOTTOM,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  triggerComponent = null,\n  className = '',\n  getIsOpen = () => null,\n  onOpen = () => null,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  offset = [0, 14],\n  zIndex,\n  extraModifiers = {},\n}: DSTooltipT): React.ReactElement => {\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(triggerComponent);\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n  const timerOpen = useRef(null);\n  const timerClosed = useRef(null);\n\n  const { styles, attributes } = usePopper(referenceElement, popperElement, {\n    placement,\n    modifiers: [\n      { name: 'hide', enabled: true },\n      {\n        name: 'offset',\n        enabled: true,\n        options: {\n          offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset,\n        },\n      },\n      { name: 'arrow', options: { element: arrowElement } },\n      { ...extraModifiers },\n    ],\n  });\n\n  const handleShowTooltipOn = useCallback(() => {\n    timerOpen.current = setTimeout(() => {\n      setShowTooltip(true);\n      setIsAnimating(true);\n      getIsOpen(true);\n      onOpen();\n    }, delayOpen);\n  }, [delayOpen, getIsOpen, onOpen]);\n\n  const handleShowTooltipOff = useCallback(() => {\n    timerClosed.current = setTimeout(() => {\n      setShowTooltip(false);\n      setIsAnimating(true);\n      getIsOpen(false);\n    }, delayClose);\n  }, [delayClose, getIsOpen]);\n\n  const handleKeyDown = useCallback((e) => {\n    if (e.key === 'Escape') {\n      e.target.blur();\n    }\n  }, []);\n\n  const checkAnimationStatus = useCallback(() => {\n    if (!showTooltip) {\n      setIsAnimating(false);\n    }\n  }, [showTooltip]);\n\n  useEffect(\n    () => () => {\n      clearTimeout(timerClosed.current);\n      clearTimeout(timerOpen.current);\n    },\n    [],\n  );\n\n  const theme = useContext(ThemeContext);\n\n  return (\n    <>\n      <StyledTriggerComponentContainer\n        ref={setReferenceElement}\n        onMouseEnter={handleShowTooltipOn}\n        onMouseLeave={handleShowTooltipOff}\n        onFocus={handleShowTooltipOn}\n        onBlur={handleShowTooltipOff}\n        onKeyDown={handleKeyDown}\n      >\n        {triggerComponent}\n      </StyledTriggerComponentContainer>\n      {isAnimating || showTooltip ? (\n        <DSPortal>\n          <StyledTooltipContainer\n            className={className}\n            showTooltip={showTooltip}\n            tooltipType={tooltipType}\n            data-testid=\"ds-tooltip-container\"\n            ref={(ref) => setMultipleRefs(setPopperElement, innerRef)(ref)}\n            style={{ ...styles.popper, zIndex: zIndex ?? theme.zIndex.tooltip }}\n            {...containerProps}\n            {...attributes.popper}\n          >\n            <StyledAnimatedTooltip\n              showTooltip={showTooltip}\n              data-testid=\"ds-tooltip\"\n              onAnimationEnd={checkAnimationStatus}\n            >\n              <StyledTooltipText>{title}</StyledTooltipText>\n              {tooltipType === TooltipType.TOOLTIP && showArrow ? (\n                <DSTooltipArrow\n                  arrowElementRef={setArrowElement}\n                  style={styles.arrow}\n                  placement={attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'}\n                />\n              ) : null}\n            </StyledAnimatedTooltip>\n          </StyledTooltipContainer>\n        </DSPortal>\n      ) : null}\n    </>\n  );\n};\n\nDSTooltipV2.propTypes = tooltipV2Props;\nDSTooltipV2.displayName = 'DSTooltipV2';\nconst TooltipV2WithSchema = describe(DSTooltipV2);\nTooltipV2WithSchema.propTypes = tooltipV2Props;\n\nexport { DSTooltipV2, TooltipV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/v2/DSTooltipArrow.js

@@ -30,23 +30,30 @@ module.exports = __toCommonJS(DSTooltipArrow_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_styles = require("./styles");
-const DSTooltipArrow = ({ placement, style, arrowElementRef }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipArrow, {
-  "data-placement": placement,
-  style,
-  ref: arrowElementRef,
-  "data-testid": "ds-tooltip-arrow",
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
-    viewBox: "0 0 30 30",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-        className: "stroke",
-        d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-        className: "fill",
-        d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-      })
-    ]
-  })
-}, "popper-arrow");
+const DSTooltipArrow = ({ placement, style, arrowElementRef }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_styles.StyledTooltipArrow,
+  {
+    "data-placement": placement,
+    style,
+    ref: arrowElementRef,
+    "data-testid": "ds-tooltip-arrow",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 30 30", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "stroke",
+          d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "fill",
+          d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
+        }
+      )
+    ] })
+  },
+  "popper-arrow"
+);
 //# sourceMappingURL=DSTooltipArrow.js.map

package/dist/cjs/v2/DSTooltipArrow.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v2/DSTooltipArrow.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport type { DSTooltipArrowT } from './index.d';\nimport { StyledTooltipArrow } from './styles';\n\nconst DSTooltipArrow = ({ placement, style, arrowElementRef }: DSTooltipArrowT): React.ReactElement => (\n  <StyledTooltipArrow\n    key=\"popper-arrow\"\n    data-placement={placement}\n    style={style}\n    ref={arrowElementRef}\n    data-testid=\"ds-tooltip-arrow\"\n  >\n    <svg viewBox=\"0 0 30 30\">\n      <path\n        className=\"stroke\"\n        d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z\"\n      />\n      <path\n        className=\"fill\"\n        d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n      />\n    </svg>\n  </StyledTooltipArrow>\n);\n\nexport { DSTooltipArrow };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAVJ,oBAAmC;AAEnC,MAAM,iBAAiB,CAAC,EAAE,WAAW,OAAO,gBAAgB,MAC1D,4CAAC;AAAA,EAEC,kBAAgB;AAAA,EAChB;AAAA,EACA,KAAK;AAAA,EACL,eAAY;AAAA,EAEZ,uDAAC;AAAA,IAAI,SAAQ;AAAA,IACX;AAAA,kDAAC;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA,OAEJ;AAAA,MACA,4CAAC;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA,OACJ;AAAA;AAAA,GACF;AAAA,GAhBI,cAiBN;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAVJ,oBAAmC;AAEnC,MAAM,iBAAiB,CAAC,EAAE,WAAW,OAAO,gBAAgB,MAC1D;AAAA,EAAC;AAAA;AAAA,IAEC,kBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,IACL,eAAY;AAAA,IAEZ,uDAAC,SAAI,SAAQ,aACX;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ;AAAA,OACF;AAAA;AAAA,EAhBI;AAiBN;",
   "names": []
 }

package/dist/cjs/v3/DSTooltipV3.js

@@ -88,38 +88,35 @@ const DSTooltipV3 = (props) => {
     [hideTooltip]
   );
   (0, import_utils.useGlobalKeyboardListener)(handleEscKey);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTriggerWrapper, {
-    onMouseEnter,
-    onMouseLeave,
-    onPointerEnter: onMouseEnter,
-    onPointerLeave: onMouseLeave,
-    onFocus,
-    onBlur,
-    ref: setReferenceElement,
-    "data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
-        referenceElement,
-        showPopover,
-        zIndex: theme.zIndex.tooltip,
-        ...extraPopperJsProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-          "data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContainer, {
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipText, {
-                textAlign,
-                wrapWords,
-                children: text
-              }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styles.StyledTriggerWrapper,
+    {
+      onMouseEnter,
+      onMouseLeave,
+      onPointerEnter: onMouseEnter,
+      onPointerLeave: onMouseLeave,
+      onFocus,
+      onBlur,
+      ref: setReferenceElement,
+      "data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_popperjs.DSPopperJS,
+          {
+            referenceElement,
+            showPopover,
+            zIndex: theme.zIndex.tooltip,
+            ...extraPopperJsProps,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContainer, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipText, { textAlign, wrapWords, children: text }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMouseOverDetectionBox, {})
-            ]
-          })
-        })
-      }),
-      children
-    ]
-  });
+            ] }) })
+          }
+        ),
+        children
+      ]
+    }
+  );
 };
 DSTooltipV3.propTypes = import_propTypes.propTypes;
 DSTooltipV3.displayName = "DSTooltipV3";

package/dist/cjs/v3/DSTooltipV3.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v3/DSTooltipV3.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useMemoMergePropsWithDefault, describe } from '@elliemae/ds-utilities';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { propTypes } from './propTypes';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport { defaultProps } from './defaultProps';\nimport { StyledTooltipContainer, StyledTooltipText, StyledMouseOverDetectionBox, StyledTriggerWrapper } from './styles';\nimport { useGlobalKeyboardListener } from './utils';\nimport type { DSTooltipV3T } from './propTypes';\n\nconst DSTooltipV3: React.ComponentType<DSTooltipV3T.Props> = (props) => {\n  const { text, children, onOpen, onClose, id, textAlign, wrapWords, ...extraPopperJsProps } =\n    useMemoMergePropsWithDefault<DSTooltipV3T.InternalProps>(props, defaultProps);\n\n  const theme = useContext(ThemeContext);\n\n  const [isFocused, setIsFocused] = useState<boolean>(false);\n  const [isHover, setIsHover] = useState<boolean>(false);\n  const [latestOpenInteraction, setLatestOpenInteraction] = useState<string>('');\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement | null>(null);\n  const [showPopover, setShowPopover] = useState<boolean>(false);\n\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\n\n  const hideTooltip = useCallback(() => {\n    setShowPopover(false);\n    onClose();\n  }, [onClose]);\n\n  const onFocus = useCallback(() => {\n    setIsFocused(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onFocus');\n    }\n  }, [showPopover, showTooltip]);\n\n  const onBlur = useCallback(() => {\n    setIsFocused(false);\n    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n  }, [hideTooltip, isHover, latestOpenInteraction]);\n\n  const onMouseEnter = useCallback(() => {\n    setIsHover(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onMouseEnter');\n    }\n  }, [showPopover, showTooltip]);\n\n  const onMouseLeave = useCallback(() => {\n    setIsHover(false);\n    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n  }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n  const handleEscKey = useCallback(\n    ({ key }: { key: string }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  useGlobalKeyboardListener(handleEscKey);\n  return (\n    <StyledTriggerWrapper\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onPointerEnter={onMouseEnter}\n      onPointerLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={setReferenceElement}\n      data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n    >\n      <DSPopperJS\n        referenceElement={referenceElement}\n        showPopover={showPopover}\n        zIndex={theme.zIndex.tooltip}\n        {...extraPopperJsProps}\n      >\n        <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n          <StyledTooltipContainer>\n            <StyledTooltipText textAlign={textAlign} wrapWords={wrapWords}>\n              {text}\n            </StyledTooltipText>\n            <StyledMouseOverDetectionBox />\n          </StyledTooltipContainer>\n        </div>\n      </DSPopperJS>\n\n      {children}\n    </StyledTriggerWrapper>\n  );\n};\n\nDSTooltipV3.propTypes = propTypes;\nDSTooltipV3.displayName = 'DSTooltipV3';\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = propTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsFb;AArFV,mBAAyD;AACzD,yBAA2B;AAC3B,0BAAuD;AACvD,uBAA6B;AAC7B,uBAA0B;AAC1B,iCAAoC;AACpC,0BAA6B;AAC7B,oBAA6G;AAC7G,mBAA0C;AAG1C,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,WAAW,cAAc,mBAAmB,QACvF,kDAAyD,OAAO,gCAAY;AAE9E,QAAM,YAAQ,yBAAW,6BAAY;AAErC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAkB,KAAK;AACzD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,KAAK;AACrD,QAAM,CAAC,uBAAuB,wBAAwB,QAAI,uBAAiB,EAAE;AAC7E,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAiC,IAAI;AACrF,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAkB,KAAK;AAE7D,QAAM,kBAAc,0BAAY,MAAM;AACpC,mBAAe,IAAI;AACnB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kBAAc,0BAAY,MAAM;AACpC,mBAAe,KAAK;AACpB,YAAQ;AAAA,EACV,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,cAAU,0BAAY,MAAM;AAChC,iBAAa,IAAI;AACjB,QAAI,CAAC,aAAa;AAChB,kBAAY;AACZ,+BAAyB,SAAS;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,aAAS,0BAAY,MAAM;AAC/B,iBAAa,KAAK;AAClB,QAAI,CAAC,WAAW,0BAA0B;AAAW,kBAAY;AAAA,EACnE,GAAG,CAAC,aAAa,SAAS,qBAAqB,CAAC;AAEhD,QAAM,mBAAe,0BAAY,MAAM;AACrC,eAAW,IAAI;AACf,QAAI,CAAC,aAAa;AAChB,kBAAY;AACZ,+BAAyB,cAAc;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,mBAAe,0BAAY,MAAM;AACrC,eAAW,KAAK;AAChB,QAAI,CAAC,aAAa,0BAA0B;AAAgB,kBAAY;AAAA,EAC1E,GAAG,CAAC,aAAa,WAAW,qBAAqB,CAAC;AAElD,QAAM,mBAAe;AAAA,IACnB,CAAC,EAAE,IAAI,MAAuB;AAC5B,UAAI,QAAQ;AAAU,oBAAY;AAAA,IACpC;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,8CAA0B,YAAY;AACtC,SACE,6CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,eAAa,GAAG,+CAAoB,kBAAkB,OAAO,KAAK,IAAI,OAAO;AAAA,IAE7E;AAAA,kDAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA,QAAQ,MAAM,OAAO;AAAA,QACpB,GAAG;AAAA,QAEJ,sDAAC;AAAA,UAAI,eAAa,GAAG,+CAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO;AAAA,UACrF,uDAAC;AAAA,YACC;AAAA,0DAAC;AAAA,gBAAkB;AAAA,gBAAsB;AAAA,gBACtC;AAAA,eACH;AAAA,cACA,4CAAC,6CAA4B;AAAA;AAAA,WAC/B;AAAA,SACF;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsFb;AArFV,mBAAyD;AACzD,yBAA2B;AAC3B,0BAAuD;AACvD,uBAA6B;AAC7B,uBAA0B;AAC1B,iCAAoC;AACpC,0BAA6B;AAC7B,oBAA6G;AAC7G,mBAA0C;AAG1C,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,WAAW,cAAc,mBAAmB,QACvF,kDAAyD,OAAO,gCAAY;AAE9E,QAAM,YAAQ,yBAAW,6BAAY;AAErC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAkB,KAAK;AACzD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,KAAK;AACrD,QAAM,CAAC,uBAAuB,wBAAwB,QAAI,uBAAiB,EAAE;AAC7E,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAiC,IAAI;AACrF,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAkB,KAAK;AAE7D,QAAM,kBAAc,0BAAY,MAAM;AACpC,mBAAe,IAAI;AACnB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kBAAc,0BAAY,MAAM;AACpC,mBAAe,KAAK;AACpB,YAAQ;AAAA,EACV,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,cAAU,0BAAY,MAAM;AAChC,iBAAa,IAAI;AACjB,QAAI,CAAC,aAAa;AAChB,kBAAY;AACZ,+BAAyB,SAAS;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,aAAS,0BAAY,MAAM;AAC/B,iBAAa,KAAK;AAClB,QAAI,CAAC,WAAW,0BAA0B;AAAW,kBAAY;AAAA,EACnE,GAAG,CAAC,aAAa,SAAS,qBAAqB,CAAC;AAEhD,QAAM,mBAAe,0BAAY,MAAM;AACrC,eAAW,IAAI;AACf,QAAI,CAAC,aAAa;AAChB,kBAAY;AACZ,+BAAyB,cAAc;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,mBAAe,0BAAY,MAAM;AACrC,eAAW,KAAK;AAChB,QAAI,CAAC,aAAa,0BAA0B;AAAgB,kBAAY;AAAA,EAC1E,GAAG,CAAC,aAAa,WAAW,qBAAqB,CAAC;AAElD,QAAM,mBAAe;AAAA,IACnB,CAAC,EAAE,IAAI,MAAuB;AAC5B,UAAI,QAAQ;AAAU,oBAAY;AAAA,IACpC;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,8CAA0B,YAAY;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,eAAa,GAAG,+CAAoB,kBAAkB,OAAO,KAAK,IAAI,OAAO;AAAA,MAE7E;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,QAAQ,MAAM,OAAO;AAAA,YACpB,GAAG;AAAA,YAEJ,sDAAC,SAAI,eAAa,GAAG,+CAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO,MACrF,uDAAC,wCACC;AAAA,0DAAC,mCAAkB,WAAsB,WACtC,gBACH;AAAA,cACA,4CAAC,6CAA4B;AAAA,eAC/B,GACF;AAAA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/v1/DSTooltip.js

@@ -33,30 +33,34 @@ const DSTooltip = ({
   const { cssClassName: tooltipBlockName } = convertPropToCssClassName(blockName);
   let Content = title;
   if (typeof title === "string") {
-    Content = /* @__PURE__ */ jsx(TooltipText, {
-      children: title
-    });
+    Content = /* @__PURE__ */ jsx(TooltipText, { children: title });
   }
-  return /* @__PURE__ */ jsx(DSPopper, {
-    blockName: tooltipBlockName,
-    contentComponent: /* @__PURE__ */ jsx(TooltipContainer, {
-      ...containerProps,
-      ...otherTooltipProps,
-      className: `tooltip-container--${tooltipType} ${className}`,
-      innerRef,
-      children: Content
-    }),
-    delayClose,
-    delayOpen,
-    interactionType,
-    isOpen,
-    onOpen,
-    placement,
-    showArrow: tooltipType === TooltipType.TOOLTIP ? showArrow : false,
-    springAnimationComponent,
-    triggerComponent: getComponentFromProps(triggerComponent),
-    zIndex
-  });
+  return /* @__PURE__ */ jsx(
+    DSPopper,
+    {
+      blockName: tooltipBlockName,
+      contentComponent: /* @__PURE__ */ jsx(
+        TooltipContainer,
+        {
+          ...containerProps,
+          ...otherTooltipProps,
+          className: `tooltip-container--${tooltipType} ${className}`,
+          innerRef,
+          children: Content
+        }
+      ),
+      delayClose,
+      delayOpen,
+      interactionType,
+      isOpen,
+      onOpen,
+      placement,
+      showArrow: tooltipType === TooltipType.TOOLTIP ? showArrow : false,
+      springAnimationComponent,
+      triggerComponent: getComponentFromProps(triggerComponent),
+      zIndex
+    }
+  );
 };
 const tooltipProps = {
   containerProps: PropTypes.object.description("Set of Properties attached to the main container"),

package/dist/esm/v1/DSTooltip.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSTooltip.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { describe, PropTypes, getComponentFromProps } from '@elliemae/ds-utilities';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared';\nimport { DSPopper, PopperPositions, PopperInteractions, interactions, positions } from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n  containerProps = {},\n  innerRef,\n  placement = PopperPositions.TOP,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  interactionType = PopperInteractions.HOVER,\n  triggerComponent = null,\n  className = '',\n  isOpen = undefined,\n  onOpen = () => null,\n  springAnimationComponent = undefined,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  zIndex,\n  ...otherTooltipProps\n}) => {\n  const { cssClassName: tooltipBlockName } = convertPropToCssClassName(blockName);\n\n  let Content = title;\n  if (typeof title === 'string') {\n    Content = <TooltipText>{title}</TooltipText>;\n  }\n  return (\n    <DSPopper\n      blockName={tooltipBlockName}\n      contentComponent={\n        <TooltipContainer\n          {...containerProps}\n          {...otherTooltipProps}\n          className={`tooltip-container--${tooltipType} ${className}`}\n          innerRef={innerRef}\n        >\n          {Content}\n        </TooltipContainer>\n      }\n      delayClose={delayClose}\n      delayOpen={delayOpen}\n      interactionType={interactionType}\n      isOpen={isOpen}\n      onOpen={onOpen}\n      placement={placement}\n      showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n      springAnimationComponent={springAnimationComponent}\n      triggerComponent={getComponentFromProps(triggerComponent)}\n      zIndex={zIndex}\n    />\n  );\n};\n\nconst tooltipProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  placement: PropTypes.oneOf(positions).description('Tooltip position').defaultValue(PopperPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,\n  delayClose: PropTypes.string.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.string.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),\n  interactionType: PropTypes.oneOf(interactions)\n    .description('A type indicating how to open/close the tooltip')\n    .defaultValue(PopperInteractions.HOVER),\n  triggerComponent: PropTypes.element.description(\n    `The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n  ).isRequired,\n  isOpen: PropTypes.bool.description('Whether the tooltip is visible or not').defaultValue(undefined),\n  onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n  springAnimationComponent: PropTypes.element.description('Spring animation component'),\n  showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),\n  className: PropTypes.string.description('css class'),\n  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),\n  zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element'),\n};\n\nDSTooltip.propTypes = tooltipProps;\nDSTooltip.displayName = 'DSTooltip';\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/v2/DSTooltip.js

@@ -89,9 +89,10 @@ const DSTooltipV2 = ({
     []
   );
   const theme = useContext(ThemeContext);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(StyledTriggerComponentContainer, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StyledTriggerComponentContainer,
+      {
         ref: setReferenceElement,
         onMouseEnter: handleShowTooltipOn,
         onMouseLeave: handleShowTooltipOff,
@@ -99,36 +100,41 @@ const DSTooltipV2 = ({
         onBlur: handleShowTooltipOff,
         onKeyDown: handleKeyDown,
         children: triggerComponent
-      }),
-      isAnimating || showTooltip ? /* @__PURE__ */ jsx(DSPortal, {
-        children: /* @__PURE__ */ jsx(StyledTooltipContainer, {
-          className,
-          showTooltip,
-          tooltipType,
-          "data-testid": "ds-tooltip-container",
-          ref: (ref) => setMultipleRefs(setPopperElement, innerRef)(ref),
-          style: { ...styles.popper, zIndex: zIndex ?? theme.zIndex.tooltip },
-          ...containerProps,
-          ...attributes.popper,
-          children: /* @__PURE__ */ jsxs(StyledAnimatedTooltip, {
+      }
+    ),
+    isAnimating || showTooltip ? /* @__PURE__ */ jsx(DSPortal, { children: /* @__PURE__ */ jsx(
+      StyledTooltipContainer,
+      {
+        className,
+        showTooltip,
+        tooltipType,
+        "data-testid": "ds-tooltip-container",
+        ref: (ref) => setMultipleRefs(setPopperElement, innerRef)(ref),
+        style: { ...styles.popper, zIndex: zIndex ?? theme.zIndex.tooltip },
+        ...containerProps,
+        ...attributes.popper,
+        children: /* @__PURE__ */ jsxs(
+          StyledAnimatedTooltip,
+          {
             showTooltip,
             "data-testid": "ds-tooltip",
             onAnimationEnd: checkAnimationStatus,
             children: [
-              /* @__PURE__ */ jsx(StyledTooltipText, {
-                children: title
-              }),
-              tooltipType === TooltipType.TOOLTIP && showArrow ? /* @__PURE__ */ jsx(DSTooltipArrow, {
-                arrowElementRef: setArrowElement,
-                style: styles.arrow,
-                placement: attributes.popper ? attributes.popper["data-popper-placement"] : "bottom"
-              }) : null
+              /* @__PURE__ */ jsx(StyledTooltipText, { children: title }),
+              tooltipType === TooltipType.TOOLTIP && showArrow ? /* @__PURE__ */ jsx(
+                DSTooltipArrow,
+                {
+                  arrowElementRef: setArrowElement,
+                  style: styles.arrow,
+                  placement: attributes.popper ? attributes.popper["data-popper-placement"] : "bottom"
+                }
+              ) : null
             ]
-          })
-        })
-      }) : null
-    ]
-  });
+          }
+        )
+      }
+    ) }) : null
+  ] });
 };
 DSTooltipV2.propTypes = tooltipV2Props;
 DSTooltipV2.displayName = "DSTooltipV2";

package/dist/esm/v2/DSTooltip.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSTooltip.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect, useRef, useContext } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSPortal } from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared';\nimport { usePopper } from 'react-popper';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { tooltipPositions } from './utils/tooltipPositions';\nimport { TooltipType } from './TooltipType';\nimport {\n  StyledTooltipContainer,\n  StyledTriggerComponentContainer,\n  StyledTooltipText,\n  StyledAnimatedTooltip,\n} from './styles';\nimport { DSTooltipArrow } from './DSTooltipArrow';\nimport type { DSTooltipT } from '.';\nimport { tooltipV2Props } from './propTypes';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSTooltipV2 = ({\n  containerProps = {},\n  innerRef,\n  placement = tooltipPositions.BOTTOM,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  triggerComponent = null,\n  className = '',\n  getIsOpen = () => null,\n  onOpen = () => null,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  offset = [0, 14],\n  zIndex,\n  extraModifiers = {},\n}: DSTooltipT): React.ReactElement => {\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(triggerComponent);\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n  const timerOpen = useRef(null);\n  const timerClosed = useRef(null);\n\n  const { styles, attributes } = usePopper(referenceElement, popperElement, {\n    placement,\n    modifiers: [\n      { name: 'hide', enabled: true },\n      {\n        name: 'offset',\n        enabled: true,\n        options: {\n          offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset,\n        },\n      },\n      { name: 'arrow', options: { element: arrowElement } },\n      { ...extraModifiers },\n    ],\n  });\n\n  const handleShowTooltipOn = useCallback(() => {\n    timerOpen.current = setTimeout(() => {\n      setShowTooltip(true);\n      setIsAnimating(true);\n      getIsOpen(true);\n      onOpen();\n    }, delayOpen);\n  }, [delayOpen, getIsOpen, onOpen]);\n\n  const handleShowTooltipOff = useCallback(() => {\n    timerClosed.current = setTimeout(() => {\n      setShowTooltip(false);\n      setIsAnimating(true);\n      getIsOpen(false);\n    }, delayClose);\n  }, [delayClose, getIsOpen]);\n\n  const handleKeyDown = useCallback((e) => {\n    if (e.key === 'Escape') {\n      e.target.blur();\n    }\n  }, []);\n\n  const checkAnimationStatus = useCallback(() => {\n    if (!showTooltip) {\n      setIsAnimating(false);\n    }\n  }, [showTooltip]);\n\n  useEffect(\n    () => () => {\n      clearTimeout(timerClosed.current);\n      clearTimeout(timerOpen.current);\n    },\n    [],\n  );\n\n  const theme = useContext(ThemeContext);\n\n  return (\n    <>\n      <StyledTriggerComponentContainer\n        ref={setReferenceElement}\n        onMouseEnter={handleShowTooltipOn}\n        onMouseLeave={handleShowTooltipOff}\n        onFocus={handleShowTooltipOn}\n        onBlur={handleShowTooltipOff}\n        onKeyDown={handleKeyDown}\n      >\n        {triggerComponent}\n      </StyledTriggerComponentContainer>\n      {isAnimating || showTooltip ? (\n        <DSPortal>\n          <StyledTooltipContainer\n            className={className}\n            showTooltip={showTooltip}\n            tooltipType={tooltipType}\n            data-testid=\"ds-tooltip-container\"\n            ref={(ref) => setMultipleRefs(setPopperElement, innerRef)(ref)}\n            style={{ ...styles.popper, zIndex: zIndex ?? theme.zIndex.tooltip }}\n            {...containerProps}\n            {...attributes.popper}\n          >\n            <StyledAnimatedTooltip\n              showTooltip={showTooltip}\n              data-testid=\"ds-tooltip\"\n              onAnimationEnd={checkAnimationStatus}\n            >\n              <StyledTooltipText>{title}</StyledTooltipText>\n              {tooltipType === TooltipType.TOOLTIP && showArrow ? (\n                <DSTooltipArrow\n                  arrowElementRef={setArrowElement}\n                  style={styles.arrow}\n                  placement={attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'}\n                />\n              ) : null}\n            </StyledAnimatedTooltip>\n          </StyledTooltipContainer>\n        </DSPortal>\n      ) : null}\n    </>\n  );\n};\n\nDSTooltipV2.propTypes = tooltipV2Props;\nDSTooltipV2.displayName = 'DSTooltipV2';\nconst TooltipV2WithSchema = describe(DSTooltipV2);\nTooltipV2WithSchema.propTypes = tooltipV2Props;\n\nexport { DSTooltipV2, TooltipV2WithSchema };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/v2/DSTooltipArrow.js

@@ -1,25 +1,32 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { StyledTooltipArrow } from "./styles";
-const DSTooltipArrow = ({ placement, style, arrowElementRef }) => /* @__PURE__ */ jsx(StyledTooltipArrow, {
-  "data-placement": placement,
-  style,
-  ref: arrowElementRef,
-  "data-testid": "ds-tooltip-arrow",
-  children: /* @__PURE__ */ jsxs("svg", {
-    viewBox: "0 0 30 30",
-    children: [
-      /* @__PURE__ */ jsx("path", {
-        className: "stroke",
-        d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
-      }),
-      /* @__PURE__ */ jsx("path", {
-        className: "fill",
-        d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-      })
-    ]
-  })
-}, "popper-arrow");
+const DSTooltipArrow = ({ placement, style, arrowElementRef }) => /* @__PURE__ */ jsx(
+  StyledTooltipArrow,
+  {
+    "data-placement": placement,
+    style,
+    ref: arrowElementRef,
+    "data-testid": "ds-tooltip-arrow",
+    children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 30 30", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "stroke",
+          d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "fill",
+          d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
+        }
+      )
+    ] })
+  },
+  "popper-arrow"
+);
 export {
   DSTooltipArrow
 };

package/dist/esm/v2/DSTooltipArrow.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSTooltipArrow.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSTooltipArrowT } from './index.d';\nimport { StyledTooltipArrow } from './styles';\n\nconst DSTooltipArrow = ({ placement, style, arrowElementRef }: DSTooltipArrowT): React.ReactElement => (\n  <StyledTooltipArrow\n    key=\"popper-arrow\"\n    data-placement={placement}\n    style={style}\n    ref={arrowElementRef}\n    data-testid=\"ds-tooltip-arrow\"\n  >\n    <svg viewBox=\"0 0 30 30\">\n      <path\n        className=\"stroke\"\n        d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z\"\n      />\n      <path\n        className=\"fill\"\n        d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n      />\n    </svg>\n  </StyledTooltipArrow>\n);\n\nexport { DSTooltipArrow };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACYnB,SACE,KADF;AAVJ,SAAS,0BAA0B;AAEnC,MAAM,iBAAiB,CAAC,EAAE,WAAW,OAAO,gBAAgB,MAC1D,oBAAC;AAAA,EAEC,kBAAgB;AAAA,EAChB;AAAA,EACA,KAAK;AAAA,EACL,eAAY;AAAA,EAEZ,+BAAC;AAAA,IAAI,SAAQ;AAAA,IACX;AAAA,0BAAC;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA,OAEJ;AAAA,MACA,oBAAC;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA,OACJ;AAAA;AAAA,GACF;AAAA,GAhBI,cAiBN;",
+  "mappings": "AAAA,YAAY,WAAW;ACYnB,SACE,KADF;AAVJ,SAAS,0BAA0B;AAEnC,MAAM,iBAAiB,CAAC,EAAE,WAAW,OAAO,gBAAgB,MAC1D;AAAA,EAAC;AAAA;AAAA,IAEC,kBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,IACL,eAAY;AAAA,IAEZ,+BAAC,SAAI,SAAQ,aACX;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ;AAAA,OACF;AAAA;AAAA,EAhBI;AAiBN;",
   "names": []
 }

package/dist/esm/v3/DSTooltipV3.js

@@ -57,38 +57,35 @@ const DSTooltipV3 = (props) => {
     [hideTooltip]
   );
   useGlobalKeyboardListener(handleEscKey);
-  return /* @__PURE__ */ jsxs(StyledTriggerWrapper, {
-    onMouseEnter,
-    onMouseLeave,
-    onPointerEnter: onMouseEnter,
-    onPointerLeave: onMouseLeave,
-    onFocus,
-    onBlur,
-    ref: setReferenceElement,
-    "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
-    children: [
-      /* @__PURE__ */ jsx(DSPopperJS, {
-        referenceElement,
-        showPopover,
-        zIndex: theme.zIndex.tooltip,
-        ...extraPopperJsProps,
-        children: /* @__PURE__ */ jsx("div", {
-          "data-testid": `${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`,
-          children: /* @__PURE__ */ jsxs(StyledTooltipContainer, {
-            children: [
-              /* @__PURE__ */ jsx(StyledTooltipText, {
-                textAlign,
-                wrapWords,
-                children: text
-              }),
+  return /* @__PURE__ */ jsxs(
+    StyledTriggerWrapper,
+    {
+      onMouseEnter,
+      onMouseLeave,
+      onPointerEnter: onMouseEnter,
+      onPointerLeave: onMouseLeave,
+      onFocus,
+      onBlur,
+      ref: setReferenceElement,
+      "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          DSPopperJS,
+          {
+            referenceElement,
+            showPopover,
+            zIndex: theme.zIndex.tooltip,
+            ...extraPopperJsProps,
+            children: /* @__PURE__ */ jsx("div", { "data-testid": `${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`, children: /* @__PURE__ */ jsxs(StyledTooltipContainer, { children: [
+              /* @__PURE__ */ jsx(StyledTooltipText, { textAlign, wrapWords, children: text }),
               /* @__PURE__ */ jsx(StyledMouseOverDetectionBox, {})
-            ]
-          })
-        })
-      }),
-      children
-    ]
-  });
+            ] }) })
+          }
+        ),
+        children
+      ]
+    }
+  );
 };
 DSTooltipV3.propTypes = propTypes;
 DSTooltipV3.displayName = "DSTooltipV3";

package/dist/esm/v3/DSTooltipV3.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/DSTooltipV3.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useMemoMergePropsWithDefault, describe } from '@elliemae/ds-utilities';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { propTypes } from './propTypes';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport { defaultProps } from './defaultProps';\nimport { StyledTooltipContainer, StyledTooltipText, StyledMouseOverDetectionBox, StyledTriggerWrapper } from './styles';\nimport { useGlobalKeyboardListener } from './utils';\nimport type { DSTooltipV3T } from './propTypes';\n\nconst DSTooltipV3: React.ComponentType<DSTooltipV3T.Props> = (props) => {\n  const { text, children, onOpen, onClose, id, textAlign, wrapWords, ...extraPopperJsProps } =\n    useMemoMergePropsWithDefault<DSTooltipV3T.InternalProps>(props, defaultProps);\n\n  const theme = useContext(ThemeContext);\n\n  const [isFocused, setIsFocused] = useState<boolean>(false);\n  const [isHover, setIsHover] = useState<boolean>(false);\n  const [latestOpenInteraction, setLatestOpenInteraction] = useState<string>('');\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement | null>(null);\n  const [showPopover, setShowPopover] = useState<boolean>(false);\n\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\n\n  const hideTooltip = useCallback(() => {\n    setShowPopover(false);\n    onClose();\n  }, [onClose]);\n\n  const onFocus = useCallback(() => {\n    setIsFocused(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onFocus');\n    }\n  }, [showPopover, showTooltip]);\n\n  const onBlur = useCallback(() => {\n    setIsFocused(false);\n    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n  }, [hideTooltip, isHover, latestOpenInteraction]);\n\n  const onMouseEnter = useCallback(() => {\n    setIsHover(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onMouseEnter');\n    }\n  }, [showPopover, showTooltip]);\n\n  const onMouseLeave = useCallback(() => {\n    setIsHover(false);\n    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n  }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n  const handleEscKey = useCallback(\n    ({ key }: { key: string }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  useGlobalKeyboardListener(handleEscKey);\n  return (\n    <StyledTriggerWrapper\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onPointerEnter={onMouseEnter}\n      onPointerLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={setReferenceElement}\n      data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n    >\n      <DSPopperJS\n        referenceElement={referenceElement}\n        showPopover={showPopover}\n        zIndex={theme.zIndex.tooltip}\n        {...extraPopperJsProps}\n      >\n        <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n          <StyledTooltipContainer>\n            <StyledTooltipText textAlign={textAlign} wrapWords={wrapWords}>\n              {text}\n            </StyledTooltipText>\n            <StyledMouseOverDetectionBox />\n          </StyledTooltipContainer>\n        </div>\n      </DSPopperJS>\n\n      {children}\n    </StyledTriggerWrapper>\n  );\n};\n\nDSTooltipV3.propTypes = propTypes;\nDSTooltipV3.displayName = 'DSTooltipV3';\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = propTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACsFb,SACE,KADF;AArFV,SAAgB,UAAU,aAAa,kBAAkB;AACzD,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B,gBAAgB;AACvD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB,mBAAmB,6BAA6B,4BAA4B;AAC7G,SAAS,iCAAiC;AAG1C,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,WAAW,cAAc,mBAAmB,IACvF,6BAAyD,OAAO,YAAY;AAE9E,QAAM,QAAQ,WAAW,YAAY;AAErC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,KAAK;AACrD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAiB,EAAE;AAC7E,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiC,IAAI;AACrF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkB,KAAK;AAE7D,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe,IAAI;AACnB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe,KAAK;AACpB,YAAQ;AAAA,EACV,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,YAAY,MAAM;AAChC,iBAAa,IAAI;AACjB,QAAI,CAAC,aAAa;AAChB,kBAAY;AACZ,+BAAyB,SAAS;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa,KAAK;AAClB,QAAI,CAAC,WAAW,0BAA0B;AAAW,kBAAY;AAAA,EACnE,GAAG,CAAC,aAAa,SAAS,qBAAqB,CAAC;AAEhD,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,IAAI;AACf,QAAI,CAAC,aAAa;AAChB,kBAAY;AACZ,+BAAyB,cAAc;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,KAAK;AAChB,QAAI,CAAC,aAAa,0BAA0B;AAAgB,kBAAY;AAAA,EAC1E,GAAG,CAAC,aAAa,WAAW,qBAAqB,CAAC;AAElD,QAAM,eAAe;AAAA,IACnB,CAAC,EAAE,IAAI,MAAuB;AAC5B,UAAI,QAAQ;AAAU,oBAAY;AAAA,IACpC;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,4BAA0B,YAAY;AACtC,SACE,qBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,eAAa,GAAG,oBAAoB,kBAAkB,OAAO,KAAK,IAAI,OAAO;AAAA,IAE7E;AAAA,0BAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA,QAAQ,MAAM,OAAO;AAAA,QACpB,GAAG;AAAA,QAEJ,8BAAC;AAAA,UAAI,eAAa,GAAG,oBAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO;AAAA,UACrF,+BAAC;AAAA,YACC;AAAA,kCAAC;AAAA,gBAAkB;AAAA,gBAAsB;AAAA,gBACtC;AAAA,eACH;AAAA,cACA,oBAAC,+BAA4B;AAAA;AAAA,WAC/B;AAAA,SACF;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACsFb,SACE,KADF;AArFV,SAAgB,UAAU,aAAa,kBAAkB;AACzD,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B,gBAAgB;AACvD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB,mBAAmB,6BAA6B,4BAA4B;AAC7G,SAAS,iCAAiC;AAG1C,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,WAAW,cAAc,mBAAmB,IACvF,6BAAyD,OAAO,YAAY;AAE9E,QAAM,QAAQ,WAAW,YAAY;AAErC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,KAAK;AACrD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAiB,EAAE;AAC7E,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiC,IAAI;AACrF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkB,KAAK;AAE7D,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe,IAAI;AACnB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe,KAAK;AACpB,YAAQ;AAAA,EACV,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,YAAY,MAAM;AAChC,iBAAa,IAAI;AACjB,QAAI,CAAC,aAAa;AAChB,kBAAY;AACZ,+BAAyB,SAAS;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa,KAAK;AAClB,QAAI,CAAC,WAAW,0BAA0B;AAAW,kBAAY;AAAA,EACnE,GAAG,CAAC,aAAa,SAAS,qBAAqB,CAAC;AAEhD,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,IAAI;AACf,QAAI,CAAC,aAAa;AAChB,kBAAY;AACZ,+BAAyB,cAAc;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,KAAK;AAChB,QAAI,CAAC,aAAa,0BAA0B;AAAgB,kBAAY;AAAA,EAC1E,GAAG,CAAC,aAAa,WAAW,qBAAqB,CAAC;AAElD,QAAM,eAAe;AAAA,IACnB,CAAC,EAAE,IAAI,MAAuB;AAC5B,UAAI,QAAQ;AAAU,oBAAY;AAAA,IACpC;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,4BAA0B,YAAY;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,eAAa,GAAG,oBAAoB,kBAAkB,OAAO,KAAK,IAAI,OAAO;AAAA,MAE7E;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,QAAQ,MAAM,OAAO;AAAA,YACpB,GAAG;AAAA,YAEJ,8BAAC,SAAI,eAAa,GAAG,oBAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO,MACrF,+BAAC,0BACC;AAAA,kCAAC,qBAAkB,WAAsB,WACtC,gBACH;AAAA,cACA,oBAAC,+BAA4B;AAAA,eAC/B,GACF;AAAA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "files": [
@@ -95,14 +95,14 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.12.0-rc.2",
-    "@elliemae/ds-classnames": "3.12.0-rc.2",
-    "@elliemae/ds-popper": "3.12.0-rc.2",
-    "@elliemae/ds-popperjs": "3.12.0-rc.2",
-    "@elliemae/ds-portal": "3.12.0-rc.2",
-    "@elliemae/ds-shared": "3.12.0-rc.2",
-    "@elliemae/ds-system": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2",
+    "@elliemae/ds-button": "3.12.0-rc.4",
+    "@elliemae/ds-classnames": "3.12.0-rc.4",
+    "@elliemae/ds-popper": "3.12.0-rc.4",
+    "@elliemae/ds-popperjs": "3.12.0-rc.4",
+    "@elliemae/ds-portal": "3.12.0-rc.4",
+    "@elliemae/ds-shared": "3.12.0-rc.4",
+    "@elliemae/ds-system": "3.12.0-rc.4",
+    "@elliemae/ds-utilities": "3.12.0-rc.4",
     "@popperjs/core": "~2.11.5",
     "react-popper": "~2.3.0"
   },