@elliemae/ds-tooltip 3.16.0 → 3.16.1

package/dist/esm/v3/DSTooltipV3.js

@@ -1,79 +1,40 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useContext } from "react";
+import React2, { useContext } from "react";
 import { DSPopperJS } from "@elliemae/ds-popperjs";
-import { useMemoMergePropsWithDefault, describe } from "@elliemae/ds-props-helpers";
+import { useMemoMergePropsWithDefault, describe, useHeadlessTooltip } from "@elliemae/ds-utilities";
 import { ThemeContext } from "@elliemae/ds-system";
-import { propTypes } from "./propTypes";
-import { TooltipV3DatatestId } from "./TooltipV3DatatestId";
-import { defaultProps } from "./defaultProps";
-import { StyledTooltipContainer, StyledTooltipText, StyledMouseOverDetectionBox, StyledTriggerWrapper } from "./styles";
-import { useGlobalKeyboardListener } from "./utils";
+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 [isFocused, setIsFocused] = useState(false);
-  const [isHover, setIsHover] = useState(false);
-  const [latestOpenInteraction, setLatestOpenInteraction] = useState("");
-  const [referenceElement, setReferenceElement] = useState(null);
-  const [showPopover, setShowPopover] = useState(false);
-  const showTooltip = useCallback(() => {
-    setShowPopover(true);
-    onOpen();
-  }, [onOpen]);
-  const hideTooltip = useCallback(() => {
-    setShowPopover(false);
-    onClose();
-  }, [onClose]);
-  const onFocus = useCallback(() => {
-    setIsFocused(true);
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction("onFocus");
-    }
-  }, [showPopover, showTooltip]);
-  const onBlur = useCallback(() => {
-    setIsFocused(false);
-    if (!isHover || latestOpenInteraction === "onFocus")
-      hideTooltip();
-  }, [hideTooltip, isHover, latestOpenInteraction]);
-  const onMouseEnter = useCallback(() => {
-    setIsHover(true);
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction("onMouseEnter");
-    }
-  }, [showPopover, showTooltip]);
-  const onMouseLeave = useCallback(() => {
-    setIsHover(false);
-    if (!isFocused || latestOpenInteraction === "onMouseEnter")
-      hideTooltip();
-  }, [hideTooltip, isFocused, latestOpenInteraction]);
-  const handleEscKey = useCallback(
-    ({ key }) => {
-      if (key === "Escape")
-        hideTooltip();
-    },
-    [hideTooltip]
-  );
-  useGlobalKeyboardListener(handleEscKey);
+  const config = React2.useMemo(() => ({ onOpen, onClose }), [onOpen, onClose]);
+  const tooltipHelpers = useHeadlessTooltip(config);
   return /* @__PURE__ */ jsxs(
     StyledTriggerWrapper,
     {
-      onMouseEnter,
-      onMouseLeave,
-      onPointerEnter: onMouseEnter,
-      onPointerLeave: onMouseLeave,
-      onFocus,
-      onBlur,
-      ref: setReferenceElement,
+      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,
-            showPopover,
+            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: [

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

@@ -1,7 +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, { useState, useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useMemoMergePropsWithDefault, describe } from '@elliemae/ds-props-helpers';\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;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": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useMemoMergePropsWithDefault, describe, useHeadlessTooltip } from '@elliemae/ds-utilities';\nimport { ThemeContext } from '@elliemae/ds-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 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,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": ["React"]
 }

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

@@ -1,7 +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';\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"],
+  "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

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

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

@@ -1,7 +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';\nexport * from './TooltipV3DatatestId';\nexport { type DSTooltipV3T } from './propTypes';\n"],
+  "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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-props-helpers";
-import { PLACEMENT, TEXT_ALIGNMENT } from "./constants";
+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"),

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

@@ -1,7 +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-utilities';\nimport type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { PLACEMENT, TEXT_ALIGNMENT } from './constants';\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 PropsOptional {\n    zIndex?: number;\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 PropsRequired {\n    children: React.ReactNode;\n    text: string;\n  }\n\n  export interface InternalProps extends DefaultProps, PropsRequired, PropsOptional {}\n\n  interface IProps extends Partial<DefaultProps>, PropsRequired, PropsOptional {}\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps> {}\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.element\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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-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 PropsOptional {\n    zIndex?: number;\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 PropsRequired {\n    children: React.ReactNode;\n    text: string;\n  }\n\n  export interface InternalProps extends DefaultProps, PropsRequired, PropsOptional {}\n\n  interface IProps extends Partial<DefaultProps>, PropsRequired, PropsOptional {}\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps> {}\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.element\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;AAoDnC,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,QAC3B,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.map

@@ -1,7 +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-system';\nimport type { DSTooltipV3T } from './propTypes';\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;AAAA;AAGxC,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-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/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from './v1/DSTooltip';
-export * from './v2/DSTooltip';
-export { tooltipPositions } from './v2/utils/tooltipPositions';
-export * from './v2/TooltipType';
-export * from './v3';
-export { default } from './v1/DSTooltip';
+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

@@ -21,25 +21,25 @@ declare const DSTooltip: {
         zIndex: any;
     }): JSX.Element;
     propTypes: {
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        placement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        delayClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        delayOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        interactionType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        triggerComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        isOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        onOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        springAnimationComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        showArrow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        tooltipType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        placement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        delayClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        delayOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        interactionType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        triggerComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        isOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        springAnimationComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        showArrow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        tooltipType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const TooltipWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
+declare const TooltipWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     [x: string]: any;
     containerProps?: {} | undefined;
     innerRef: any;

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

@@ -1,24 +1,24 @@
 import React from 'react';
-import type { DSTooltipT } from '.';
+import type { DSTooltipT } from './index.js';
 declare const DSTooltipV2: {
     ({ containerProps, innerRef, placement, title, delayClose, delayOpen, triggerComponent, className, getIsOpen, onOpen, tooltipType, showArrow, offset, zIndex, extraModifiers, }: DSTooltipT): React.ReactElement;
     propTypes: {
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        placement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        delayClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        delayOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        triggerComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        getIsOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        onOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        showArrow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        tooltipType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        offset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        placement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        delayClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        delayOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        triggerComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        getIsOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        showArrow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        tooltipType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        offset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const TooltipV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSTooltipT>;
+declare const TooltipV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSTooltipT>;
 export { DSTooltipV2, TooltipV2WithSchema };

package/dist/types/v2/propTypes.d.ts

@@ -1,17 +1,17 @@
 declare const tooltipV2Props: {
-    containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    placement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    delayClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    delayOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    triggerComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    getIsOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    onOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    showArrow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    tooltipType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    offset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    placement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    delayClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    delayOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    triggerComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    getIsOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    onOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    showArrow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    tooltipType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    offset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
 };
 export { tooltipV2Props };

package/dist/types/v3/DSTooltipV3.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { DSTooltipV3T } from './propTypes';
+import type { DSTooltipV3T } from './propTypes.js';
 declare const DSTooltipV3: React.ComponentType<DSTooltipV3T.Props>;
-declare const DSTooltipV3WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSTooltipV3T.Props>;
+declare const DSTooltipV3WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSTooltipV3T.Props>;
 export { DSTooltipV3, DSTooltipV3WithSchema };
 export default DSTooltipV3;

package/dist/types/v3/defaultProps.d.ts

@@ -1,2 +1,2 @@
-import type { DSTooltipV3T } from './propTypes';
+import type { DSTooltipV3T } from './propTypes.js';
 export declare const defaultProps: DSTooltipV3T.DefaultProps;

package/dist/types/v3/index.d.ts

@@ -1,3 +1,3 @@
-export * from './DSTooltipV3';
-export * from './TooltipV3DatatestId';
-export { type DSTooltipV3T } from './propTypes';
+export * from './DSTooltipV3.js';
+export * from './TooltipV3DatatestId.js';
+export { type DSTooltipV3T } from './propTypes.js';

package/dist/types/v3/styles.d.ts

@@ -1,4 +1,4 @@
-import type { DSTooltipV3T } from './propTypes';
+import type { DSTooltipV3T } from './propTypes.js';
 interface StyledTooltipTextT {
     wrapWords: boolean;
     textAlign: DSTooltipV3T.TextAlignment;

package/dist/types/v3/tests/DSTooltipV3.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "files": [
@@ -95,25 +95,26 @@
     "indent": 4
   },
   "dependencies": {
-    "@popperjs/core": "~2.11.5",
+    "@popperjs/core": "~2.11.7",
     "react-popper": "~2.3.0",
-    "@elliemae/ds-button": "3.16.0",
-    "@elliemae/ds-classnames": "3.16.0",
-    "@elliemae/ds-popper": "3.16.0",
-    "@elliemae/ds-popperjs": "3.16.0",
-    "@elliemae/ds-portal": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-shared": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-button": "3.16.1",
+    "@elliemae/ds-classnames": "3.16.1",
+    "@elliemae/ds-popper": "3.16.1",
+    "@elliemae/ds-popperjs": "3.16.1",
+    "@elliemae/ds-portal": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-shared": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "~5.3.6"
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-grid": "3.16.1"
   },
   "peerDependencies": {
     "react": "^17.0.2",