@elliemae/ds-legacy-tooltip 1.0.0-rc.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/TooltipType.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst TooltipType = {\n  TOOLTIP: 'tooltip' as const,\n  TOOLBAR: 'toolbar' as const,\n};\n\nexport { TooltipType };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,MAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AACX;",
+  "names": []
+}

package/dist/esm/v2/index.d.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/dist/esm/v2/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/v2/propTypes.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-legacy-props-helpers";
+import { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from "@elliemae/ds-legacy-shared";
+import { TooltipType } from "./TooltipType.js";
+import { tooltipPositions } from "./utils/tooltipPositions.js";
+const tooltipV2Props = {
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  placement: PropTypes.oneOf(Object.values(tooltipPositions)).description("Tooltip position").defaultValue(tooltipPositions.TOP),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Tooltip content").isRequired,
+  delayClose: PropTypes.number.description("Delay to close the tooltip").defaultValue(DEFAULT_DELAY_CLOSE),
+  delayOpen: PropTypes.number.description("Delay to open the tooltip ").defaultValue(DEFAULT_DELAY_OPEN),
+  triggerComponent: PropTypes.element.description(
+    `The component that will open/close the tooltip. 
+      Cannot be used with disabled elements. 
+      https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`
+  ).isRequired,
+  getIsOpen: PropTypes.func.description("Whether the tooltip is visible or not"),
+  onOpen: PropTypes.func.description("Callback when the tooltip opens"),
+  showArrow: PropTypes.bool.description("Whether to show an arrow or not").defaultValue(true),
+  className: PropTypes.string.description("css class"),
+  tooltipType: PropTypes.oneOf(["tooltip", "toolbar"]).description("Type of tooltip").defaultValue(TooltipType.TOOLTIP),
+  zIndex: PropTypes.number.description("z-index value assigned to the tooltip").defaultValue(void 0),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Ref to the tooltip container element"),
+  offset: PropTypes.arrayOf(PropTypes.number).description("Custom Offset for the tooltip [x, y]")
+};
+export {
+  tooltipV2Props
+};
+//# sourceMappingURL=propTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-legacy-shared';\nimport { TooltipType } from './TooltipType.js';\nimport { tooltipPositions } from './utils/tooltipPositions.js';\n\nconst tooltipV2Props = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  placement: PropTypes.oneOf(Object.values(tooltipPositions))\n    .description('Tooltip position')\n    .defaultValue(tooltipPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,\n  delayClose: PropTypes.number.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.number.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),\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  getIsOpen: PropTypes.func.description('Whether the tooltip is visible or not'),\n  onOpen: PropTypes.func.description('Callback when the tooltip opens'),\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  offset: PropTypes.arrayOf(PropTypes.number).description('Custom Offset for the tooltip [x, y]'),\n};\n\nexport { tooltipV2Props };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB,2BAA2B;AACxD,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAEjC,MAAM,iBAAiB;AAAA,EACrB,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,MAAM,OAAO,OAAO,gBAAgB,CAAC,EACvD,YAAY,kBAAkB,EAC9B,aAAa,iBAAiB,GAAG;AAAA,EACpC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE,YAAY,iBAAiB,EAAE;AAAA,EACjG,YAAY,UAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,mBAAmB;AAAA,EACvG,WAAW,UAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,kBAAkB;AAAA,EACrG,kBAAkB,UAAU,QAAQ;AAAA,IAClC;AAAA;AAAA;AAAA,EAGF,EAAE;AAAA,EACF,WAAW,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAC7E,QAAQ,UAAU,KAAK,YAAY,iCAAiC;AAAA,EACpE,WAAW,UAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,IAAI;AAAA,EAC1F,WAAW,UAAU,OAAO,YAAY,WAAW;AAAA,EACnD,aAAa,UAAU,MAAM,CAAC,WAAW,SAAS,CAAC,EAAE,YAAY,iBAAiB,EAAE,aAAa,YAAY,OAAO;AAAA,EACpH,QAAQ,UAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,MAAS;AAAA,EACpG,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,sCAAsC;AAAA,EACpH,QAAQ,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,sCAAsC;AAChG;",
+  "names": []
+}

package/dist/esm/v2/styles.js

@@ -0,0 +1,101 @@
+import * as React from "react";
+import { styled, kfrm, css } from "@elliemae/ds-legacy-system";
+const showAnimation = kfrm`
+    from {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+      visibility: visible;
+    }
+`;
+const hideAnimation = kfrm`
+    0% {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    100% {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+`;
+const StyledTooltipContainer = styled.div`
+  &[data-popper-reference-hidden='true'] {
+    display: none;
+    pointer-events: none;
+  }
+`;
+const StyledAnimatedTooltip = styled.div`
+  text-align: center;
+  min-width: ${({ theme }) => theme.space.l};
+  max-width: 250px;
+  min-height: 24px;
+  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};
+  position: relative;
+  background-color: white;
+  border-radius: 2px;
+  font-size: 13px;
+  color: ${({ theme }) => theme.colors.neutral[600]};
+  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);
+  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
+  visibility: ${({ showTooltip }) => showTooltip ? "visible" : "hidden"};
+  ${({ showTooltip }) => css`
+      animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;
+    `}
+  transition: visibility 0.1s ease-in;
+`;
+const StyledTriggerComponentContainer = styled.div`
+  display: inline-block;
+`;
+const StyledTooltipText = styled.div`
+  white-space: normal;
+  word-wrap: break-word;
+  display: inline-block;
+`;
+const StyledTooltipArrow = styled.div`
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  pointer-events: none;
+  background-color: transparent;
+  & .stroke {
+    fill: white;
+  }
+  & .fill {
+    fill: white;
+  }
+
+  &[data-placement^='top'] {
+    svg {
+      transform: rotateZ(180deg);
+    }
+    top: 98%;
+  }
+  &[data-placement^='right'] {
+    svg {
+      transform: rotateZ(-90deg);
+    }
+    right: 99.5%;
+  }
+  &[data-placement^='bottom'] {
+    bottom: 97%;
+  }
+  &[data-placement^='left'] {
+    svg {
+      transform: rotateZ(90deg);
+    }
+    left: 99.5%;
+  }
+`;
+export {
+  StyledAnimatedTooltip,
+  StyledTooltipArrow,
+  StyledTooltipContainer,
+  StyledTooltipText,
+  StyledTriggerComponentContainer
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { styled, kfrm, css } from '@elliemae/ds-legacy-system';\nimport type { TooltipAnimationT, TooltipContainerT } from './index.d';\n\nconst showAnimation = kfrm`\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n\n    to {\n      opacity: 1;\n      transform: scale(1);\n      visibility: visible;\n    }\n`;\n\nconst hideAnimation = kfrm`\n    0% {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    100% {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n`;\n\nconst StyledTooltipContainer = styled.div<TooltipContainerT>`\n  &[data-popper-reference-hidden='true'] {\n    display: none;\n    pointer-events: none;\n  }\n`;\n\nconst StyledAnimatedTooltip = styled.div<TooltipAnimationT>`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 24px;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n  visibility: ${({ showTooltip }) => (showTooltip ? 'visible' : 'hidden')};\n  ${({ showTooltip }) =>\n    css`\n      animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;\n    `}\n  transition: visibility 0.1s ease-in;\n`;\n\nconst StyledTriggerComponentContainer = styled.div`\n  display: inline-block;\n`;\n\nconst StyledTooltipText = styled.div`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n`;\n\nconst StyledTooltipArrow = styled.div`\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  pointer-events: none;\n  background-color: transparent;\n  & .stroke {\n    fill: white;\n  }\n  & .fill {\n    fill: white;\n  }\n\n  &[data-placement^='top'] {\n    svg {\n      transform: rotateZ(180deg);\n    }\n    top: 98%;\n  }\n  &[data-placement^='right'] {\n    svg {\n      transform: rotateZ(-90deg);\n    }\n    right: 99.5%;\n  }\n  &[data-placement^='bottom'] {\n    bottom: 97%;\n  }\n  &[data-placement^='left'] {\n    svg {\n      transform: rotateZ(90deg);\n    }\n    left: 99.5%;\n  }\n`;\n\nexport {\n  StyledTooltipContainer,\n  StyledTriggerComponentContainer,\n  StyledTooltipText,\n  StyledTooltipArrow,\n  StyledAnimatedTooltip,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,QAAQ,MAAM,WAAW;AAGlC,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAatB,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOtC,MAAM,wBAAwB,OAAO;AAAA;AAAA,eAEtB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,aAG7B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,gBAGlC,CAAC,EAAE,YAAY,MAAO,cAAc,YAAY;AAAA,IAC5D,CAAC,EAAE,YAAY,MACf;AAAA,mBACe,cAAc,gBAAgB;AAAA;AAAA;AAAA;AAKjD,MAAM,kCAAkC,OAAO;AAAA;AAAA;AAI/C,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/v2/utils/setMultipleRefs.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+const setMultipleRefs = (...refs) => {
+  const filteredRefs = refs.filter(Boolean);
+  if (!filteredRefs.length)
+    return null;
+  if (filteredRefs.length === 0)
+    return filteredRefs[0];
+  return (newRef) => {
+    filteredRefs.forEach((refToBeUpdated) => {
+      if (typeof refToBeUpdated === "function") {
+        refToBeUpdated(newRef);
+      } else if (refToBeUpdated) {
+        refToBeUpdated.current = newRef;
+      }
+    });
+  };
+};
+export {
+  setMultipleRefs
+};
+//# sourceMappingURL=setMultipleRefs.js.map

package/dist/esm/v2/utils/setMultipleRefs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/utils/setMultipleRefs.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nexport const setMultipleRefs = (...refs) => {\n  const filteredRefs = refs.filter(Boolean);\n  if (!filteredRefs.length) return null;\n  if (filteredRefs.length === 0) return filteredRefs[0];\n  return (newRef) => {\n    filteredRefs.forEach((refToBeUpdated) => {\n      if (typeof refToBeUpdated === 'function') {\n        refToBeUpdated(newRef);\n      } else if (refToBeUpdated) {\n        refToBeUpdated.current = newRef;\n      }\n    });\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIhB,MAAM,kBAAkB,IAAI,SAAS;AAC1C,QAAM,eAAe,KAAK,OAAO,OAAO;AACxC,MAAI,CAAC,aAAa;AAAQ,WAAO;AACjC,MAAI,aAAa,WAAW;AAAG,WAAO,aAAa,CAAC;AACpD,SAAO,CAAC,WAAW;AACjB,iBAAa,QAAQ,CAAC,mBAAmB;AACvC,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe,MAAM;AAAA,MACvB,WAAW,gBAAgB;AACzB,uBAAe,UAAU;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/esm/v2/utils/tooltipPositions.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+const tooltipPositions = {
+  TOP: "top",
+  BOTTOM: "bottom",
+  RIGHT: "right",
+  LEFT: "left",
+  TOP_START: "top-start",
+  TOP_END: "top-end",
+  BOTTOM_START: "bottom-start",
+  BOTTOM_END: "bottom-end",
+  RIGHT_START: "right-start",
+  RIGHT_END: "right-end",
+  LEFT_START: "left-start",
+  LEFT_END: "left-end"
+};
+export {
+  tooltipPositions
+};
+//# sourceMappingURL=tooltipPositions.js.map

package/dist/esm/v2/utils/tooltipPositions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/utils/tooltipPositions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst tooltipPositions = {\n  TOP: 'top' as const,\n  BOTTOM: 'bottom' as const,\n  RIGHT: 'right' as const,\n  LEFT: 'left' as const,\n  TOP_START: 'top-start' as const,\n  TOP_END: 'top-end' as const,\n  BOTTOM_START: 'bottom-start' as const,\n  BOTTOM_END: 'bottom-end' as const,\n  RIGHT_START: 'right-start' as const,\n  RIGHT_END: 'right-end' as const,\n  LEFT_START: 'left-start' as const,\n  LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,MAAM,mBAAmB;AAAA,EACvB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AACZ;",
+  "names": []
+}

package/dist/esm/v3/DSTooltipV3.js

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2, { useContext } from "react";
+import { DSPopperJS } from "@elliemae/ds-legacy-popperjs";
+import { useMemoMergePropsWithDefault, describe, useHeadlessTooltip } from "@elliemae/ds-legacy-utilities";
+import { ThemeContext } from "@elliemae/ds-legacy-system";
+import { propTypes } from "./propTypes.js";
+import { TooltipV3DatatestId } from "./TooltipV3DatatestId.js";
+import { defaultProps } from "./defaultProps.js";
+import {
+  StyledTooltipContainer,
+  StyledTooltipText,
+  StyledMouseOverDetectionBox,
+  StyledTriggerWrapper
+} from "./styles.js";
+const DSTooltipV3 = (props) => {
+  const { text, children, onOpen, onClose, id, textAlign, wrapWords, ...extraPopperJsProps } = useMemoMergePropsWithDefault(props, defaultProps);
+  const theme = useContext(ThemeContext);
+  const config = React2.useMemo(() => ({ onOpen, onClose }), [onOpen, onClose]);
+  const tooltipHelpers = useHeadlessTooltip(config);
+  return /* @__PURE__ */ jsxs(
+    StyledTriggerWrapper,
+    {
+      onMouseEnter: tooltipHelpers.onMouseEnter,
+      onMouseLeave: tooltipHelpers.onMouseLeave,
+      onPointerEnter: tooltipHelpers.onMouseEnter,
+      onPointerLeave: tooltipHelpers.onMouseLeave,
+      onFocus: tooltipHelpers.onFocus,
+      onBlur: tooltipHelpers.onBlur,
+      ref: tooltipHelpers.setReferenceElement,
+      "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          DSPopperJS,
+          {
+            referenceElement: tooltipHelpers.referenceElement,
+            showPopover: tooltipHelpers.shouldShowPopover,
+            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, { "aria-label": text, textAlign, wrapWords, children: text }),
+              /* @__PURE__ */ jsx(StyledMouseOverDetectionBox, {})
+            ] }) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+DSTooltipV3.propTypes = propTypes;
+DSTooltipV3.displayName = "DSTooltipV3";
+const DSTooltipV3WithSchema = describe(DSTooltipV3);
+DSTooltipV3WithSchema.propTypes = propTypes;
+var DSTooltipV3_default = DSTooltipV3;
+export {
+  DSTooltipV3,
+  DSTooltipV3WithSchema,
+  DSTooltipV3_default as default
+};
+//# sourceMappingURL=DSTooltipV3.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-legacy-popperjs';\nimport { useMemoMergePropsWithDefault, describe, useHeadlessTooltip } from '@elliemae/ds-legacy-utilities';\nimport { ThemeContext } from '@elliemae/ds-legacy-system';\nimport { propTypes } from './propTypes.js';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId.js';\nimport { defaultProps } from './defaultProps.js';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styles.js';\nimport type { DSTooltipV3T } from './propTypes.js';\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  const config = React.useMemo(() => ({ onOpen, onClose }), [onOpen, onClose]);\n  const tooltipHelpers = useHeadlessTooltip(config);\n\n  return (\n    <StyledTriggerWrapper\n      onMouseEnter={tooltipHelpers.onMouseEnter}\n      onMouseLeave={tooltipHelpers.onMouseLeave}\n      onPointerEnter={tooltipHelpers.onMouseEnter}\n      onPointerLeave={tooltipHelpers.onMouseLeave}\n      onFocus={tooltipHelpers.onFocus}\n      onBlur={tooltipHelpers.onBlur}\n      ref={tooltipHelpers.setReferenceElement}\n      data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n    >\n      <DSPopperJS\n        referenceElement={tooltipHelpers.referenceElement}\n        showPopover={tooltipHelpers.shouldShowPopover}\n        zIndex={theme.zIndex.tooltip}\n        {...extraPopperJsProps}\n      >\n        <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n          <StyledTooltipContainer>\n            <StyledTooltipText aria-label={text} 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;AC0Cb,SACE,KADF;AAzCV,OAAOA,UAAS,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B,UAAU,0BAA0B;AAC3E,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,WAAW,WAAW,GAAG,mBAAmB,IACvF,6BAAyD,OAAO,YAAY;AAE9E,QAAM,QAAQ,WAAW,YAAY;AACrC,QAAM,SAASA,OAAM,QAAQ,OAAO,EAAE,QAAQ,QAAQ,IAAI,CAAC,QAAQ,OAAO,CAAC;AAC3E,QAAM,iBAAiB,mBAAmB,MAAM;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,eAAe;AAAA,MAC7B,cAAc,eAAe;AAAA,MAC7B,gBAAgB,eAAe;AAAA,MAC/B,gBAAgB,eAAe;AAAA,MAC/B,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,KAAK,eAAe;AAAA,MACpB,eAAa,GAAG,oBAAoB,kBAAkB,OAAO,KAAK,IAAI,OAAO;AAAA,MAE7E;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,kBAAkB,eAAe;AAAA,YACjC,aAAa,eAAe;AAAA,YAC5B,QAAQ,MAAM,OAAO;AAAA,YACpB,GAAG;AAAA,YAEJ,8BAAC,SAAI,eAAa,GAAG,oBAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO,MACrF,+BAAC,0BACC;AAAA,kCAAC,qBAAkB,cAAY,MAAM,WAAsB,WACxD,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": ["React"]
+}

package/dist/esm/v3/TooltipV3DatatestId.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+const TooltipV3DatatestId = {
+  TRIGGER_WRAPPER: "ds-tooltip-v3-trigger-wrapper",
+  TOOLTIP_TEXT_WRAPPER: "ds-tooltip-v3-tooltip-text-wrapper"
+};
+export {
+  TooltipV3DatatestId
+};
+//# sourceMappingURL=TooltipV3DatatestId.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/TooltipV3DatatestId.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const TooltipV3DatatestId = {\n  TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n  TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,sBAAsB;AACxB;",
+  "names": []
+}

package/dist/esm/v3/constants.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+const PLACEMENT = [
+  "top-start",
+  "top",
+  "top-end",
+  "right-start",
+  "right",
+  "right-end",
+  "bottom-end",
+  "bottom",
+  "bottom-start",
+  "left-end",
+  "left",
+  "left-start"
+];
+const TEXT_ALIGNMENT = ["left", "right", "center", "justify", "initial", "inherit"];
+export {
+  PLACEMENT,
+  TEXT_ALIGNMENT
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const PLACEMENT = [\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nexport const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,SAAS;",
+  "names": []
+}

package/dist/esm/v3/defaultProps.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+const noop = () => {
+};
+const defaultProps = {
+  onOpen: noop,
+  onClose: noop,
+  id: "",
+  textAlign: "left",
+  wrapWords: false
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSTooltipV3T } from './propTypes.js';\n\nconst noop = () => {};\n\nexport const defaultProps: DSTooltipV3T.DefaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n  textAlign: 'left',\n  wrapWords: false,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,MAAM,OAAO,MAAM;AAAC;AAEb,MAAM,eAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AACb;",
+  "names": []
+}

package/dist/esm/v3/index.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export * from "./DSTooltipV3.js";
+export * from "./TooltipV3DatatestId.js";
+import {} from "./propTypes.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSTooltipV3.js';\nexport * from './TooltipV3DatatestId.js';\nexport { type DSTooltipV3T } from './propTypes.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,eAAkC;",
+  "names": []
+}

package/dist/esm/v3/propTypes.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-legacy-props-helpers";
+import { PLACEMENT, TEXT_ALIGNMENT } from "./constants.js";
+const propTypes = {
+  text: PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,
+  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT).description("Tooltip text alignment").defaultValue("left"),
+  wrapWords: PropTypes.bool.description("Break words into a new line. Useful when words exceed tooltip max-lenght.").defaultValue(false),
+  children: PropTypes.node.description("Element to tie the tooltip to, must be a single node").isRequired,
+  withoutPortal: PropTypes.bool.description("Whether or not the tooltip content should appear in a DOM portal or not").defaultValue(true),
+  withoutArrow: PropTypes.bool.description("Whether or not the tooltip should use the arrow").defaultValue(false),
+  boundaryElement: PropTypes.element.description(
+    'Bounding element to calculate upon, defaults to "clippingParents",which are the scrolling containers that may cause element to be partially or fully cut off'
+  ).defaultValue(void 0),
+  withoutAnimation: PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
+  animationDuration: PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
+  portalDOMContainer: PropTypes.oneOfType([PropTypes.node, PropTypes.oneOf([null])]).description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
+  startPlacementPreference: PropTypes.oneOf(PLACEMENT).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),
+  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(PLACEMENT)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+  zIndex: PropTypes.number.description("popperjs content z-index").defaultValue(1),
+  customOffset: PropTypes.arrayOf(PropTypes.number).description("placement offset array").defaultValue([0, 14]),
+  modifiers: PropTypes.array.description("modifiers array for full-custom tooltip-js override, https://popper.js.org/docs/v2/modifiers/").defaultValue(1),
+  id: PropTypes.string.description("Optional id appended to data-testid").defaultValue(""),
+  onOpen: PropTypes.func.description("Optional callback to be invoked when the tooltip opens").defaultValue("() => {}"),
+  onClose: PropTypes.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}")
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=propTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type {} from '@elliemae/ds-legacy-utilities';\nimport type { GlobalAttributesT } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { PLACEMENT, TEXT_ALIGNMENT } from './constants.js';\n\nexport declare namespace DSTooltipV3T {\n  export type Placement =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  export type TextAlignment = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';\n\n  export interface DefaultProps {\n    onOpen: () => void;\n    onClose: () => void;\n    id: string;\n    textAlign: TextAlignment;\n    wrapWords: boolean;\n  }\n\n  export interface OptionalProps {\n    zIndex?: number;\n    ariaLabel?: string;\n    withoutPortal?: boolean;\n    withoutArrow?: boolean;\n    withoutAnimation?: boolean;\n    boundaryElement?: HTMLElement;\n    animationDuraction?: number;\n    portalDOMContainer?: HTMLElement;\n    startPlacementPreference?: Placement;\n    placementOrderPreference?: Placement[];\n    customOffset?: [number, number];\n    modifiers?: Record<string, unknown>[];\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n    text: string;\n  }\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const propTypes = {\n  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT as unknown as unknown[])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  wrapWords: PropTypes.bool\n    .description('Break words into a new line. Useful when words exceed tooltip max-lenght.')\n    .defaultValue(false),\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  portalDOMContainer: PropTypes.oneOfType([PropTypes.node, PropTypes.oneOf([null])])\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  startPlacementPreference: PropTypes.oneOf(PLACEMENT)\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(PLACEMENT))\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom tooltip-js override, https://popper.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AAC1B,SAAS,WAAW,sBAAsB;AA4DnC,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,OAAO,YAAY,6CAA6C,EAAE;AAAA,EAClF,WAAW,UAAU,MAAM,cAAsC,EAC9D,YAAY,wBAAwB,EACpC,aAAa,MAAM;AAAA,EACtB,WAAW,UAAU,KAClB,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,UAAU,UAAU,KAAK,YAAY,sDAAsD,EAAE;AAAA,EAC7F,eAAe,UAAU,KACtB,YAAY,yEAAyE,EACrF,aAAa,IAAI;AAAA,EACpB,cAAc,UAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EAC9G,iBAAiB,UAAU,QACxB;AAAA,IACC;AAAA,EAEF,EACC,aAAa,MAAS;AAAA,EACzB,kBAAkB,UAAU,KACzB,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,mBAAmB,UAAU,OAAO,YAAY,+CAA+C,EAAE,aAAa,GAAG;AAAA,EACjH,oBAAoB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC9E,YAAY,gGAAgG,EAC5G,aAAa,MAAS;AAAA,EACzB,0BAA0B,UAAU,MAAM,SAAS,EAChD,YAAY,+DAA+D,EAC3E,aAAa,OAAO;AAAA,EACvB,0BAA0B,UAAU,QAAQ,UAAU,MAAM,SAAS,CAAC,EACnE,YAAY,yEAAyE,EACrF,aAAa,oCAAoC;AAAA,EACpD,QAAQ,UAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,CAAC;AAAA,EAC/E,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;AAAA,EAC5G,WAAW,UAAU,MAClB,YAAY,+FAA+F,EAC3G,aAAa,CAAC;AAAA,EACjB,IAAI,UAAU,OAAO,YAAY,qCAAqC,EAAE,aAAa,EAAE;AAAA,EACvF,QAAQ,UAAU,KAAK,YAAY,wDAAwD,EAAE,aAAa,UAAU;AAAA,EACpH,SAAS,UAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,UAAU;AAC5B;",
+  "names": []
+}

package/dist/esm/v3/styles.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-legacy-system";
+const StyledTooltipContainer = styled.div`
+  text-align: center;
+  min-width: ${({ theme }) => theme.space.l};
+  max-width: 250px;
+  min-height: 30px;
+  display: grid;
+  align-items: center;
+  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};
+  position: relative;
+  background-color: white;
+  border-radius: 2px;
+  font-size: 13px;
+  color: ${({ theme }) => theme.colors.neutral[600]};
+`;
+const StyledTooltipText = styled.div`
+  display: inline-block;
+  text-align: ${({ textAlign }) => textAlign};
+  white-space: ${({ wrapWords }) => wrapWords ? "pre-wrap" : "normal"};
+  word-break: ${({ wrapWords }) => wrapWords ? "break-all" : "normal"};
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+`;
+const StyledMouseOverDetectionBox = styled.div`
+  position: absolute;
+  top: -15px;
+  right: -15px;
+  width: calc(100% + 30px);
+  height: calc(100% + 30px);
+  z-index: -1;
+`;
+const StyledTriggerWrapper = styled.div`
+  display: inline-flex;
+  width: 100%;
+`;
+export {
+  StyledMouseOverDetectionBox,
+  StyledTooltipContainer,
+  StyledTooltipText,
+  StyledTriggerWrapper
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-legacy-system';\nimport type { DSTooltipV3T } from './propTypes.js';\n\ninterface StyledTooltipTextT {\n  wrapWords: boolean;\n  textAlign: DSTooltipV3T.TextAlignment;\n}\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<StyledTooltipTextT>`\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n  white-space: ${({ wrapWords }) => (wrapWords ? 'pre-wrap' : 'normal')};\n  word-break: ${({ wrapWords }) => (wrapWords ? 'break-all' : 'normal')};\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n  display: inline-flex;\n  width: 100%;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAQhB,MAAM,yBAAyB,OAAO;AAAA;AAAA,eAE9B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,aAK7B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAG3C,MAAM,oBAAoB,OAAO;AAAA;AAAA,gBAExB,CAAC,EAAE,UAAU,MAAM;AAAA,iBAClB,CAAC,EAAE,UAAU,MAAO,YAAY,aAAa;AAAA,gBAC9C,CAAC,EAAE,UAAU,MAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAKvD,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/v3/utils.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { useEffect } from "react";
+const useGlobalKeyboardListener = (func) => {
+  useEffect(() => {
+    document.addEventListener("keydown", func);
+    return () => document.removeEventListener("keydown", func);
+  }, [func]);
+};
+export {
+  useGlobalKeyboardListener
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect } from 'react';\n\nexport const useGlobalKeyboardListener = (func: ({ key }: { key: string }) => void) => {\n  useEffect(() => {\n    document.addEventListener('keydown', func);\n    return () => document.removeEventListener('keydown', func);\n  }, [func]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,4BAA4B,CAAC,SAA6C;AACrF,YAAU,MAAM;AACd,aAAS,iBAAiB,WAAW,IAAI;AACzC,WAAO,MAAM,SAAS,oBAAoB,WAAW,IAAI;AAAA,EAC3D,GAAG,CAAC,IAAI,CAAC;AACX;",
+  "names": []
+}

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './v1/DSTooltip.js';
+export * from './v2/DSTooltip.js';
+export { tooltipPositions } from './v2/utils/tooltipPositions.js';
+export * from './v2/TooltipType.js';
+export * from './v3/index.js';
+export { default } from './v1/DSTooltip.js';

package/dist/types/v1/DSTooltip.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+declare const TooltipContainer: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare const TooltipText: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare const DSTooltip: {
+    ({ containerProps, innerRef, placement, title, delayClose, delayOpen, interactionType, triggerComponent, className, isOpen, onOpen, springAnimationComponent, tooltipType, showArrow, zIndex, ...otherTooltipProps }: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        innerRef: any;
+        placement?: string | undefined;
+        title?: string | undefined;
+        delayClose?: number | undefined;
+        delayOpen?: number | undefined;
+        interactionType?: string | undefined;
+        triggerComponent?: null | undefined;
+        className?: string | undefined;
+        isOpen?: undefined;
+        onOpen?: (() => null) | undefined;
+        springAnimationComponent?: undefined;
+        tooltipType?: string | undefined;
+        showArrow?: boolean | undefined;
+        zIndex: any;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        containerProps: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        placement: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        title: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        delayClose: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        delayOpen: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        interactionType: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        triggerComponent: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        isOpen: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onOpen: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        springAnimationComponent: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        showArrow: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        className: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        tooltipType: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        zIndex: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        innerRef: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const TooltipWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    innerRef: any;
+    placement?: string | undefined;
+    title?: string | undefined;
+    delayClose?: number | undefined;
+    delayOpen?: number | undefined;
+    interactionType?: string | undefined;
+    triggerComponent?: null | undefined;
+    className?: string | undefined;
+    isOpen?: undefined;
+    onOpen?: (() => null) | undefined;
+    springAnimationComponent?: undefined;
+    tooltipType?: string | undefined;
+    showArrow?: boolean | undefined;
+    zIndex: any;
+}>;
+export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };
+export default DSTooltip;

package/dist/types/v1/TooltipType.d.ts

@@ -0,0 +1,4 @@
+export declare const TooltipType: {
+    TOOLTIP: string;
+    TOOLBAR: string;
+};