@elliemae/ds-tooltip 3.0.0-next.9 → 3.0.1

package/dist/cjs/v3/propTypes.js

@@ -4,53 +4,46 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var propTypes_exports = {};
 __export(propTypes_exports, {
   propTypes: () => propTypes
 });
+module.exports = __toCommonJS(propTypes_exports);
 var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_constants = require("./constants");
 const propTypes = {
-  text: import_ds_props_helpers.PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,
-  textAlign: import_ds_props_helpers.PropTypes.oneOf(import_constants.TEXT_ALIGNMENT).description("Tooltip text alignment").defaultValue("left"),
-  wrapWords: import_ds_props_helpers.PropTypes.bool.description("Break words into a new line. Useful when words exceed tooltip max-lenght.").defaultValue(false),
-  children: import_ds_props_helpers.PropTypes.node.description("Element to tie the tooltip to, must be a single node").isRequired,
-  withoutPortal: import_ds_props_helpers.PropTypes.bool.description("Whether or not the tooltip content should appear in a DOM portal or not").defaultValue(true),
-  withoutArrow: import_ds_props_helpers.PropTypes.bool.description("Whether or not the tooltip should use the arrow").defaultValue(false),
-  boundaryElement: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
-  animationDuration: import_ds_props_helpers.PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
-  portalDOMContainer: import_ds_props_helpers.PropTypes.element.description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
-  startPlacementPreference: import_ds_props_helpers.PropTypes.oneOf(import_constants.PLACEMENT).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),
-  placementOrderPreference: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOf(import_constants.PLACEMENT)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
-  zIndex: import_ds_props_helpers.PropTypes.number.description("popperjs content z-index").defaultValue(1),
-  customOffset: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.number).description("placement offset array").defaultValue([0, 14]),
-  modifiers: import_ds_props_helpers.PropTypes.array.description("modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/").defaultValue(1),
-  id: import_ds_props_helpers.PropTypes.string.description("Optional id appended to data-testid").defaultValue(""),
-  onOpen: import_ds_props_helpers.PropTypes.func.description("Optional callback to be invoked when the tooltip opens").defaultValue("() => {}"),
-  onClose: import_ds_props_helpers.PropTypes.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}")
+  text: import_ds_utilities.PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,
+  textAlign: import_ds_utilities.PropTypes.oneOf(import_constants.TEXT_ALIGNMENT).description("Tooltip text alignment").defaultValue("left"),
+  wrapWords: import_ds_utilities.PropTypes.bool.description("Break words into a new line. Useful when words exceed tooltip max-lenght.").defaultValue(false),
+  children: import_ds_utilities.PropTypes.node.description("Element to tie the tooltip to, must be a single node").isRequired,
+  withoutPortal: import_ds_utilities.PropTypes.bool.description("Whether or not the tooltip content should appear in a DOM portal or not").defaultValue(true),
+  withoutArrow: import_ds_utilities.PropTypes.bool.description("Whether or not the tooltip should use the arrow").defaultValue(false),
+  boundaryElement: import_ds_utilities.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: import_ds_utilities.PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
+  animationDuration: import_ds_utilities.PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
+  portalDOMContainer: import_ds_utilities.PropTypes.element.description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
+  startPlacementPreference: import_ds_utilities.PropTypes.oneOf(import_constants.PLACEMENT).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),
+  placementOrderPreference: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOf(import_constants.PLACEMENT)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+  zIndex: import_ds_utilities.PropTypes.number.description("popperjs content z-index").defaultValue(1),
+  customOffset: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.number).description("placement offset array").defaultValue([0, 14]),
+  modifiers: import_ds_utilities.PropTypes.array.description("modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/").defaultValue(1),
+  id: import_ds_utilities.PropTypes.string.description("Optional id appended to data-testid").defaultValue(""),
+  onOpen: import_ds_utilities.PropTypes.func.description("Optional callback to be invoked when the tooltip opens").defaultValue("() => {}"),
+  onClose: import_ds_utilities.PropTypes.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}")
 };
-module.exports = __toCommonJS(propTypes_exports);
 //# sourceMappingURL=propTypes.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v3/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { WeakValidationMap } from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { PLACEMENT, TEXT_ALIGNMENT } from './constants';\n\nexport declare namespace DSTooltipV3T {\n  export type Placement = typeof PLACEMENT[number];\n  export type TextAlignment = typeof TEXT_ALIGNMENT[number];\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?: React.ReactNode;\n    animationDuraction?: number;\n    portalDOMContainer?: React.ReactNode;\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 Props extends Partial<DefaultProps>, PropsRequired, PropsOptional {}\n\n  export interface InternalProps extends DefaultProps, PropsRequired, PropsOptional {}\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 as unknown as unknown[])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(PLACEMENT as unknown as unknown[]))\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://tooltip.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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAC1B,uBAA0C;AAsCnC,MAAM,YAAY;AAAA,EACvB,MAAM,kCAAU,OAAO,YAAY,+CAA+C;AAAA,EAClF,WAAW,kCAAU,MAAM,iCACxB,YAAY,0BACZ,aAAa;AAAA,EAChB,WAAW,kCAAU,KAClB,YAAY,6EACZ,aAAa;AAAA,EAChB,UAAU,kCAAU,KAAK,YAAY,wDAAwD;AAAA,EAC7F,eAAe,kCAAU,KACtB,YAAY,2EACZ,aAAa;AAAA,EAChB,cAAc,kCAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EACzG,iBAAiB,kCAAU,QACxB,YACC,gKAGD,aAAa;AAAA,EAChB,kBAAkB,kCAAU,KACzB,YAAY,6DACZ,aAAa;AAAA,EAChB,mBAAmB,kCAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EAC9G,oBAAoB,kCAAU,QAC3B,YAAY,kGACZ,aAAa;AAAA,EAChB,0BAA0B,kCAAU,MAAM,4BACvC,YAAY,iEACZ,aAAa;AAAA,EAChB,0BAA0B,kCAAU,QAAQ,kCAAU,MAAM,6BACzD,YAAY,2EACZ,aAAa;AAAA,EAChB,QAAQ,kCAAU,OAAO,YAAY,4BAA4B,aAAa;AAAA,EAC9E,cAAc,kCAAU,QAAQ,kCAAU,QAAQ,YAAY,0BAA0B,aAAa,CAAC,GAAG;AAAA,EACzG,WAAW,kCAAU,MAClB,YAAY,kGACZ,aAAa;AAAA,EAChB,IAAI,kCAAU,OAAO,YAAY,uCAAuC,aAAa;AAAA,EACrF,QAAQ,kCAAU,KAAK,YAAY,0DAA0D,aAAa;AAAA,EAC1G,SAAS,kCAAU,KAChB,YAAY,2DACZ,aAAa;AAAA;",
+  "sourcesContent": ["import { WeakValidationMap } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { PLACEMENT, TEXT_ALIGNMENT } from './constants';\n\nexport declare namespace DSTooltipV3T {\n  export type Placement = typeof PLACEMENT[number];\n  export type TextAlignment = typeof TEXT_ALIGNMENT[number];\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?: React.ReactNode;\n    animationDuraction?: number;\n    portalDOMContainer?: React.ReactNode;\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 Props extends Partial<DefaultProps>, PropsRequired, PropsOptional {}\n\n  export interface InternalProps extends DefaultProps, PropsRequired, PropsOptional {}\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 as unknown as unknown[])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(PLACEMENT as unknown as unknown[]))\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://tooltip.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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA0B;AAC1B,uBAA0C;AAsCnC,MAAM,YAAY;AAAA,EACvB,MAAM,8BAAU,OAAO,YAAY,6CAA6C,EAAE;AAAA,EAClF,WAAW,8BAAU,MAAM,+BAAsC,EAC9D,YAAY,wBAAwB,EACpC,aAAa,MAAM;AAAA,EACtB,WAAW,8BAAU,KAClB,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,UAAU,8BAAU,KAAK,YAAY,sDAAsD,EAAE;AAAA,EAC7F,eAAe,8BAAU,KACtB,YAAY,yEAAyE,EACrF,aAAa,IAAI;AAAA,EACpB,cAAc,8BAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EAC9G,iBAAiB,8BAAU,QACxB,YACC,8JAEF,EACC,aAAa,MAAS;AAAA,EACzB,kBAAkB,8BAAU,KACzB,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,mBAAmB,8BAAU,OAAO,YAAY,+CAA+C,EAAE,aAAa,GAAG;AAAA,EACjH,oBAAoB,8BAAU,QAC3B,YAAY,gGAAgG,EAC5G,aAAa,MAAS;AAAA,EACzB,0BAA0B,8BAAU,MAAM,0BAAiC,EACxE,YAAY,+DAA+D,EAC3E,aAAa,OAAO;AAAA,EACvB,0BAA0B,8BAAU,QAAQ,8BAAU,MAAM,0BAAiC,CAAC,EAC3F,YAAY,yEAAyE,EACrF,aAAa,oCAAoC;AAAA,EACpD,QAAQ,8BAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,CAAC;AAAA,EAC/E,cAAc,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;AAAA,EAC5G,WAAW,8BAAU,MAClB,YAAY,gGAAgG,EAC5G,aAAa,CAAC;AAAA,EACjB,IAAI,8BAAU,OAAO,YAAY,qCAAqC,EAAE,aAAa,EAAE;AAAA,EACvF,QAAQ,8BAAU,KAAK,YAAY,wDAAwD,EAAE,aAAa,UAAU;AAAA,EACpH,SAAS,8BAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,UAAU;AAC5B;",
   "names": []
 }

package/dist/cjs/v3/styles.js

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styles_exports = {};
 __export(styles_exports, {
   StyledMouseOverDetectionBox: () => StyledMouseOverDetectionBox,
@@ -32,6 +25,7 @@ __export(styles_exports, {
   StyledTooltipText: () => StyledTooltipText,
   StyledTriggerWrapper: () => StyledTriggerWrapper
 });
+module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
 const StyledTooltipContainer = import_styled_components.default.div`
@@ -66,5 +60,4 @@ const StyledTriggerWrapper = import_styled_components.default.div`
   display: inline-flex;
   width: 100%;
 `;
-module.exports = __toCommonJS(styles_exports);
 //# sourceMappingURL=styles.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v3/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import styled from 'styled-components';\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  word-wrap: break-word;\n  ${({ wrapWords }) => (wrapWords ? `word-break: break-all;` : `white-space: normal;`)}\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAQZ,MAAM,yBAAyB,iCAAO;AAAA;AAAA,eAE9B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,aAK7B,CAAC,EAAE,YAAY,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGxC,MAAM,oBAAoB,iCAAO;AAAA;AAAA,gBAExB,CAAC,EAAE,gBAAgB;AAAA;AAAA,IAE/B,CAAC,EAAE,gBAAiB,YAAY,2BAA2B;AAAA;AAGxD,MAAM,8BAA8B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAQZ,MAAM,yBAAyB,iCAAO;AAAA;AAAA,eAE9B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,aAK7B,CAAC,EAAE,YAAY,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGxC,MAAM,oBAAoB,iCAAO;AAAA;AAAA,gBAExB,CAAC,EAAE,gBAAgB;AAAA;AAAA,IAE/B,CAAC,EAAE,gBAAiB,YAAY,2BAA2B;AAAA;AAGxD,MAAM,8BAA8B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/v3/utils.js

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
   useGlobalKeyboardListener: () => useGlobalKeyboardListener
 });
+module.exports = __toCommonJS(utils_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 const useGlobalKeyboardListener = (func) => {
@@ -37,5 +31,4 @@ const useGlobalKeyboardListener = (func) => {
     return () => document.removeEventListener("keydown", func);
   }, [func]);
 };
-module.exports = __toCommonJS(utils_exports);
 //# sourceMappingURL=utils.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v3/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAEnB,MAAM,4BAA4B,CAAC,SAA6C;AACrF,8BAAU,MAAM;AACd,aAAS,iBAAiB,WAAW;AACrC,WAAO,MAAM,SAAS,oBAAoB,WAAW;AAAA,KACpD,CAAC;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAEnB,MAAM,4BAA4B,CAAC,SAA6C;AACrF,8BAAU,MAAM;AACd,aAAS,iBAAiB,WAAW,IAAI;AACzC,WAAO,MAAM,SAAS,oBAAoB,WAAW,IAAI;AAAA,EAC3D,GAAG,CAAC,IAAI,CAAC;AACX;",
   "names": []
 }

package/dist/esm/v1/DSTooltip.js

@@ -32,22 +32,10 @@ var __objRest = (source, exclude) => {
 import * as React from "react";
 import React2 from "react";
 import { describe, PropTypes } from "react-desc";
-import {
-  aggregatedClasses,
-  convertPropToCssClassName
-} from "@elliemae/ds-classnames";
+import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { getComponentFromProps } from "@elliemae/ds-utilities";
-import {
-  DEFAULT_DELAY_OPEN,
-  DEFAULT_DELAY_CLOSE
-} from "@elliemae/ds-shared/constants";
-import {
-  DSPopper,
-  PopperPositions,
-  PopperInteractions,
-  interactions,
-  positions
-} from "@elliemae/ds-popper";
+import { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from "@elliemae/ds-shared";
+import { DSPopper, PopperPositions, PopperInteractions, interactions, positions } from "@elliemae/ds-popper";
 import { TooltipType } from "./TooltipType";
 const blockName = "tooltip";
 const TooltipContainer = aggregatedClasses("div")(blockName, false, false, {
@@ -133,6 +121,7 @@ const tooltipProps = {
   innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Ref to the tooltip container element")
 };
 DSTooltip.propTypes = tooltipProps;
+DSTooltip.displayName = "DSTooltip";
 const TooltipWithSchema = describe(DSTooltip);
 TooltipWithSchema.propTypes = tooltipProps;
 var DSTooltip_default = DSTooltip;

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

@@ -1,7 +1,7 @@
 {
   "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 { describe, PropTypes } from 'react-desc';\nimport {\n  aggregatedClasses,\n  convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport {\n  DEFAULT_DELAY_OPEN,\n  DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport { DSPopper,\n  PopperPositions,\n  PopperInteractions,\n  interactions,\n  positions\n} 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(\n    blockName,\n  );\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(\n    'Set of Properties attached to the main container',\n  ),\n  placement: PropTypes.oneOf(positions)\n    .description('Tooltip position')\n    .defaultValue(PopperPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Tooltip content',\n  ).isRequired,\n  delayClose: PropTypes.string\n    .description('Delay to close the tooltip')\n    .defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.string\n    .description('Delay to open the tooltip ')\n    .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\n    .description('Whether the tooltip is visible or not')\n    .defaultValue(undefined),\n  onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n  springAnimationComponent: PropTypes.element.description(\n    'Spring animation component',\n  ),\n  showArrow: PropTypes.bool\n    .description('Whether to show an arrow or not')\n    .defaultValue(true),\n  className: PropTypes.string.description('css class'),\n  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n    .description('Type of tooltip')\n    .defaultValue(TooltipType.TOOLTIP),\n  zIndex: PropTypes.number\n    .description('z-index value assigned to the tooltip')\n    .defaultValue(undefined),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'Ref to the tooltip container element',\n  ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA,MAAM,YAAY;AAElB,MAAM,mBAAmB,kBAAkB,OAAO,WAAW,OAAO,OAAO;AAAA,EACzE,+BAA+B,CAAC,aAAa;AAAA;AAE/C,MAAM,cAAc,kBAAkB,QAAQ,WAAW,QAAQ,OAAO;AAAA,EACtE,+BAA+B,CAAC,aAAa;AAAA;AAG/C,MAAM,YAAY,CAAC,OAiBb;AAjBa,eACjB;AAAA,qBAAiB;AAAA,IACjB;AAAA,IACA,YAAY,gBAAgB;AAAA,IAC5B,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,kBAAkB,mBAAmB;AAAA,IACrC,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS,MAAM;AAAA,IACf,2BAA2B;AAAA,IAC3B,cAAc,YAAY;AAAA,IAC1B,YAAY;AAAA,IACZ;AAAA,MAfiB,IAgBd,8BAhBc,IAgBd;AAAA,IAfH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,cAAc,qBAAqB,0BACzC;AAGF,MAAI,UAAU;AACd,MAAI,OAAO,UAAU,UAAU;AAC7B,cAAU,qCAAC,aAAD,MAAc;AAAA;AAE1B,SACE,qCAAC,UAAD;AAAA,IACE,WAAW;AAAA,IACX,kBACE,qCAAC,kBAAD,gDACM,iBACA,oBAFN;AAAA,MAGE,WAAW,sBAAsB,eAAe;AAAA,MAChD;AAAA,QAEC;AAAA,IAGL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB,YAAY,UAAU,YAAY;AAAA,IAC7D;AAAA,IACA,kBAAkB,sBAAsB;AAAA,IACxC;AAAA;AAAA;AAKN,MAAM,eAAe;AAAA,EACnB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAEF,WAAW,UAAU,MAAM,WACxB,YAAY,oBACZ,aAAa,gBAAgB;AAAA,EAChC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,YAChE,mBACA;AAAA,EACF,YAAY,UAAU,OACnB,YAAY,8BACZ,aAAa;AAAA,EAChB,WAAW,UAAU,OAClB,YAAY,8BACZ,aAAa;AAAA,EAChB,iBAAiB,UAAU,MAAM,cAC9B,YAAY,mDACZ,aAAa,mBAAmB;AAAA,EACnC,kBAAkB,UAAU,QAAQ,YAClC;AAAA;AAAA,4EAGA;AAAA,EACF,QAAQ,UAAU,KACf,YAAY,yCACZ,aAAa;AAAA,EAChB,QAAQ,UAAU,KAAK,YAAY;AAAA,EACnC,0BAA0B,UAAU,QAAQ,YAC1C;AAAA,EAEF,WAAW,UAAU,KAClB,YAAY,mCACZ,aAAa;AAAA,EAChB,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,aAAa,UAAU,MAAM,CAAC,WAAW,YACtC,YAAY,mBACZ,aAAa,YAAY;AAAA,EAC5B,QAAQ,UAAU,OACf,YAAY,yCACZ,aAAa;AAAA,EAChB,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS,YAChE;AAAA;AAIJ,UAAU,YAAY;AAEtB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { 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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",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/TooltipType.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const TooltipType = {\n  TOOLTIP: 'tooltip',\n  TOOLBAR: 'toolbar',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,SAAS;AAAA;",
+  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,SAAS;AACX;",
   "names": []
 }

package/dist/esm/v2/DSTooltip.js

@@ -21,7 +21,7 @@ import * as React from "react";
 import React2, { useState, useCallback, useEffect, useRef } from "react";
 import { describe } from "react-desc";
 import { DSPortal } from "@elliemae/ds-portal";
-import { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from "@elliemae/ds-shared/constants";
+import { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from "@elliemae/ds-shared";
 import { usePopper } from "react-popper";
 import { tooltipPositions } from "./utils/tooltipPositions";
 import { TooltipType } from "./TooltipType";
@@ -127,6 +127,7 @@ const DSTooltipV2 = ({
   }) : null))) : null);
 };
 DSTooltipV2.propTypes = tooltipV2Props;
+DSTooltipV2.displayName = "DSTooltipV2";
 const TooltipV2WithSchema = describe(DSTooltipV2);
 TooltipV2WithSchema.propTypes = tooltipV2Props;
 export {

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

@@ -1,7 +1,7 @@
 {
   "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 } from 'react';\nimport { describe } from 'react-desc';\nimport { DSPortal } from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { usePopper } from 'react-popper';\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 { 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 = 10,\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  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 }}\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;\n\nconst TooltipV2WithSchema = describe(DSTooltipV2);\nTooltipV2WithSchema.propTypes = tooltipV2Props;\n\nexport { DSTooltipV2, TooltipV2WithSchema };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY,iBAAiB;AAAA,EAC7B,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,YAAY,MAAM;AAAA,EAClB,SAAS,MAAM;AAAA,EACf,cAAc,YAAY;AAAA,EAC1B,YAAY;AAAA,EACZ,SAAS,CAAC,GAAG;AAAA,EACb,SAAS;AAAA,EACT,iBAAiB;AAAA,MACmB;AACpC,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,kBAAkB,uBAAuB,SAA6B;AAC7E,QAAM,CAAC,eAAe,oBAAoB,SAAgC;AAC1E,QAAM,CAAC,cAAc,mBAAmB,SAAgC;AACxE,QAAM,YAAY,OAAO;AACzB,QAAM,cAAc,OAAO;AAE3B,QAAM,EAAE,QAAQ,eAAe,UAAU,kBAAkB,eAAe;AAAA,IACxE;AAAA,IACA,WAAW;AAAA,MACT,EAAE,MAAM,QAAQ,SAAS;AAAA,MACzB;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,UACP,QAAQ,gBAAgB,YAAY,UAAU,CAAC,GAAG,KAAK;AAAA;AAAA;AAAA,MAG3D,EAAE,MAAM,SAAS,SAAS,EAAE,SAAS;AAAA,MACrC,mBAAK;AAAA;AAAA;AAIT,QAAM,sBAAsB,YAAY,MAAM;AAC5C,cAAU,UAAU,WAAW,MAAM;AACnC,qBAAe;AACf,qBAAe;AACf,gBAAU;AACV;AAAA,OACC;AAAA,KACF,CAAC,WAAW,WAAW;AAE1B,QAAM,uBAAuB,YAAY,MAAM;AAC7C,gBAAY,UAAU,WAAW,MAAM;AACrC,qBAAe;AACf,qBAAe;AACf,gBAAU;AAAA,OACT;AAAA,KACF,CAAC,YAAY;AAEhB,QAAM,gBAAgB,YAAY,CAAC,MAAM;AACvC,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,OAAO;AAAA;AAAA,KAEV;AAEH,QAAM,uBAAuB,YAAY,MAAM;AAC7C,QAAI,CAAC,aAAa;AAChB,qBAAe;AAAA;AAAA,KAEhB,CAAC;AAEJ,YACE,MAAM,MAAM;AACV,iBAAa,YAAY;AACzB,iBAAa,UAAU;AAAA,KAEzB;AAGF,SACE,4DACE,qCAAC,iCAAD;AAAA,IACE,KAAK;AAAA,IACL,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,KAEV,mBAEF,eAAe,cACd,qCAAC,UAAD,MACE,qCAAC,wBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,KAAK,CAAC,QAAQ,gBAAgB,kBAAkB,UAAU;AAAA,IAC1D,OAAO,iCAAK,OAAO,SAAZ,EAAoB;AAAA,KACvB,iBACA,WAAW,SAEf,qCAAC,uBAAD;AAAA,IACE;AAAA,IACA,eAAY;AAAA,IACZ,gBAAgB;AAAA,KAEhB,qCAAC,mBAAD,MAAoB,QACnB,gBAAgB,YAAY,WAAW,YACtC,qCAAC,gBAAD;AAAA,IACE,iBAAiB;AAAA,IACjB,OAAO,OAAO;AAAA,IACd,WAAW,WAAW,SAAS,WAAW,OAAO,2BAA2B;AAAA,OAE5E,UAIR;AAAA;AAKV,YAAY,YAAY;AAExB,MAAM,sBAAsB,SAAS;AACrC,oBAAoB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { DSPortal } from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared';\nimport { usePopper } from 'react-popper';\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 { 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 = 10,\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  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 }}\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": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY,iBAAiB;AAAA,EAC7B,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,YAAY,MAAM;AAAA,EAClB,SAAS,MAAM;AAAA,EACf,cAAc,YAAY;AAAA,EAC1B,YAAY;AAAA,EACZ,SAAS,CAAC,GAAG,EAAE;AAAA,EACf,SAAS;AAAA,EACT,iBAAiB,CAAC;AAAA,MACkB;AACpC,QAAM,CAAC,aAAa,kBAAkB,SAAkB,KAAK;AAC7D,QAAM,CAAC,aAAa,kBAAkB,SAAkB,KAAK;AAC7D,QAAM,CAAC,kBAAkB,uBAAuB,SAA6B,gBAAgB;AAC7F,QAAM,CAAC,eAAe,oBAAoB,SAAgC,IAAI;AAC9E,QAAM,CAAC,cAAc,mBAAmB,SAAgC,IAAI;AAC5E,QAAM,YAAY,OAAO,IAAI;AAC7B,QAAM,cAAc,OAAO,IAAI;AAE/B,QAAM,EAAE,QAAQ,eAAe,UAAU,kBAAkB,eAAe;AAAA,IACxE;AAAA,IACA,WAAW;AAAA,MACT,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,MAC9B;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,UACP,QAAQ,gBAAgB,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI;AAAA,QACzD;AAAA,MACF;AAAA,MACA,EAAE,MAAM,SAAS,SAAS,EAAE,SAAS,aAAa,EAAE;AAAA,MACpD,mBAAK;AAAA,IACP;AAAA,EACF,CAAC;AAED,QAAM,sBAAsB,YAAY,MAAM;AAC5C,cAAU,UAAU,WAAW,MAAM;AACnC,qBAAe,IAAI;AACnB,qBAAe,IAAI;AACnB,gBAAU,IAAI;AACd,aAAO;AAAA,IACT,GAAG,SAAS;AAAA,EACd,GAAG,CAAC,WAAW,WAAW,MAAM,CAAC;AAEjC,QAAM,uBAAuB,YAAY,MAAM;AAC7C,gBAAY,UAAU,WAAW,MAAM;AACrC,qBAAe,KAAK;AACpB,qBAAe,IAAI;AACnB,gBAAU,KAAK;AAAA,IACjB,GAAG,UAAU;AAAA,EACf,GAAG,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAM,gBAAgB,YAAY,CAAC,MAAM;AACvC,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,OAAO,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAuB,YAAY,MAAM;AAC7C,QAAI,CAAC,aAAa;AAChB,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,YACE,MAAM,MAAM;AACV,iBAAa,YAAY,OAAO;AAChC,iBAAa,UAAU,OAAO;AAAA,EAChC,GACA,CAAC,CACH;AAEA,SACE,4DACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,KAEV,gBACH,GACC,eAAe,cACd,qCAAC,gBACC,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,KAAK,CAAC,QAAQ,gBAAgB,kBAAkB,QAAQ,EAAE,GAAG;AAAA,IAC7D,OAAO,iCAAK,OAAO,SAAZ,EAAoB,OAAO;AAAA,KAC9B,iBACA,WAAW,SAEf,qCAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ,gBAAgB;AAAA,KAEhB,qCAAC,yBAAmB,KAAM,GACzB,gBAAgB,YAAY,WAAW,YACtC,qCAAC;AAAA,IACC,iBAAiB;AAAA,IACjB,OAAO,OAAO;AAAA,IACd,WAAW,WAAW,SAAS,WAAW,OAAO,2BAA2B;AAAA,GAC9E,IACE,IACN,CACF,CACF,IACE,IACN;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,sBAAsB,SAAS,WAAW;AAChD,oBAAoB,YAAY;",
   "names": []
 }

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 { 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;ACAA;AAEA;AAEA,MAAM,iBAAiB,CAAC,EAAE,WAAW,OAAO,sBAC1C,qCAAC,oBAAD;AAAA,EACE,KAAI;AAAA,EACJ,kBAAgB;AAAA,EAChB;AAAA,EACA,KAAK;AAAA,EACL,eAAY;AAAA,GAEZ,qCAAC,OAAD;AAAA,EAAK,SAAQ;AAAA,GACX,qCAAC,QAAD;AAAA,EACE,WAAU;AAAA,EACV,GAAE;AAAA,IAGJ,qCAAC,QAAD;AAAA,EACE,WAAU;AAAA,EACV,GAAE;AAAA;",
+  "mappings": "AAAA;ACAA;AAEA;AAEA,MAAM,iBAAiB,CAAC,EAAE,WAAW,OAAO,sBAC1C,qCAAC;AAAA,EACC,KAAI;AAAA,EACJ,kBAAgB;AAAA,EAChB;AAAA,EACA,KAAK;AAAA,EACL,eAAY;AAAA,GAEZ,qCAAC;AAAA,EAAI,SAAQ;AAAA,GACX,qCAAC;AAAA,EACC,WAAU;AAAA,EACV,GAAE;AAAA,CAEJ,GACA,qCAAC;AAAA,EACC,WAAU;AAAA,EACV,GAAE;AAAA,CACJ,CACF,CACF;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/TooltipType.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const TooltipType = {\n  TOOLTIP: 'tooltip' as const,\n  TOOLBAR: 'toolbar' as const,\n};\n\nexport { TooltipType };\n"],
-  "mappings": "AAAA;ACAA,MAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AAAA;",
+  "mappings": "AAAA;ACAA,MAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AACX;",
   "names": []
 }

package/dist/esm/v2/propTypes.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { PropTypes } from "react-desc";
-import { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from "@elliemae/ds-shared/constants";
+import { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from "@elliemae/ds-shared";
 import { TooltipType } from "./TooltipType";
 import { tooltipPositions } from "./utils/tooltipPositions";
 const tooltipV2Props = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { TooltipType } from './TooltipType';\nimport { tooltipPositions } from './utils/tooltipPositions';\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;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB;AAAA,EACrB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,WAAW,UAAU,MAAM,OAAO,OAAO,mBACtC,YAAY,oBACZ,aAAa,iBAAiB;AAAA,EACjC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,YAAY,mBAAmB;AAAA,EACjG,YAAY,UAAU,OAAO,YAAY,8BAA8B,aAAa;AAAA,EACpF,WAAW,UAAU,OAAO,YAAY,8BAA8B,aAAa;AAAA,EACnF,kBAAkB,UAAU,QAAQ,YAClC;AAAA;AAAA,8EAGA;AAAA,EACF,WAAW,UAAU,KAAK,YAAY;AAAA,EACtC,QAAQ,UAAU,KAAK,YAAY;AAAA,EACnC,WAAW,UAAU,KAAK,YAAY,mCAAmC,aAAa;AAAA,EACtF,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,aAAa,UAAU,MAAM,CAAC,WAAW,YAAY,YAAY,mBAAmB,aAAa,YAAY;AAAA,EAC7G,QAAQ,UAAU,OAAO,YAAY,yCAAyC,aAAa;AAAA,EAC3F,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS,YAAY;AAAA,EAC9E,QAAQ,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared';\nimport { TooltipType } from './TooltipType';\nimport { tooltipPositions } from './utils/tooltipPositions';\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;ACAA;AACA;AACA;AACA;AAEA,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,YAClC;AAAA;AAAA,4EAGF,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/utils/setMultipleRefs.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/utils/setMultipleRefs.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export 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;ACAO,MAAM,kBAAkB,IAAI,SAAS;AAC1C,QAAM,eAAe,KAAK,OAAO;AACjC,MAAI,CAAC,aAAa;AAAQ,WAAO;AACjC,MAAI,aAAa,WAAW;AAAG,WAAO,aAAa;AACnD,SAAO,CAAC,WAAW;AACjB,iBAAa,QAAQ,CAAC,mBAAmB;AACvC,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe;AAAA,iBACN,gBAAgB;AACzB,uBAAe,UAAU;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": "AAAA;ACAO,MAAM,kBAAkB,IAAI,SAAS;AAC1C,QAAM,eAAe,KAAK,OAAO,OAAO;AACxC,MAAI,CAAC,aAAa;AAAQ,WAAO;AACjC,MAAI,aAAa,WAAW;AAAG,WAAO,aAAa;AACnD,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.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/utils/tooltipPositions.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const 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;ACAA,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;AAAA;",
+  "mappings": "AAAA;ACAA,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

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
 import * as React from "react";
 import React2, { useState, useCallback } from "react";
 import { DSPopperJS } from "@elliemae/ds-popperjs";
-import { useMemoMergePropsWithDefault, describe } from "@elliemae/ds-props-helpers";
+import { useMemoMergePropsWithDefault, describe } from "@elliemae/ds-utilities";
 import { propTypes } from "./propTypes";
 import { TooltipV3DatatestId } from "./TooltipV3DatatestId";
 import { defaultProps } from "./defaultProps";
@@ -100,6 +100,7 @@ const DSTooltipV3 = (props) => {
   }, text), /* @__PURE__ */ React2.createElement(StyledMouseOverDetectionBox, null)))), children);
 };
 DSTooltipV3.propTypes = propTypes;
+DSTooltipV3.displayName = "DSTooltipV3";
 const DSTooltipV3WithSchema = describe(DSTooltipV3);
 DSTooltipV3WithSchema.propTypes = propTypes;
 var DSTooltipV3_default = DSTooltipV3;

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 } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useMemoMergePropsWithDefault, describe } from '@elliemae/ds-props-helpers';\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 [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>();\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 referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\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;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = propTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,cAAuD,CAAC,UAAU;AACtE,QACE,kCAAyD,OAAO,eAD1D,QAAM,UAAU,QAAQ,SAAS,IAAI,WAAW,cACtD,IADoE,+BACpE,IADoE,CAA9D,QAAM,YAAU,UAAQ,WAAS,MAAI,aAAW;AAGxD,QAAM,CAAC,WAAW,gBAAgB,SAAkB;AACpD,QAAM,CAAC,SAAS,cAAc,SAAkB;AAChD,QAAM,CAAC,uBAAuB,4BAA4B,SAAiB;AAC3E,QAAM,CAAC,kBAAkB,uBAAuB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AAExD,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe;AACf;AAAA,KACC,CAAC;AAEJ,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe;AACf;AAAA,KACC,CAAC;AAEJ,QAAM,UAAU,YAAY,MAAM;AAChC,iBAAa;AACb,QAAI,CAAC,aAAa;AAChB;AACA,+BAAyB;AAAA;AAAA,KAE1B,CAAC,aAAa;AAEjB,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa;AACb,QAAI,CAAC,WAAW,0BAA0B;AAAW;AAAA,KACpD,CAAC,aAAa,SAAS;AAE1B,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW;AACX,QAAI,CAAC,aAAa;AAChB;AACA,+BAAyB;AAAA;AAAA,KAE1B,CAAC,aAAa;AAEjB,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW;AACX,QAAI,CAAC,aAAa,0BAA0B;AAAgB;AAAA,KAC3D,CAAC,aAAa,WAAW;AAE5B,QAAM,eAAe,YACnB,CAAC,EAAE,UAA2B;AAC5B,QAAI,QAAQ;AAAU;AAAA,KAExB,CAAC;AAGH,4BAA0B;AAC1B,SACE,qCAAC,sBAAD;AAAA,IACE;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,KAE7E,qCAAC,YAAD;AAAA,IAAY;AAAA,IAAoC;AAAA,IAA0B,eAAa;AAAA,KAAK,qBAC1F,qCAAC,OAAD;AAAA,IAAK,eAAa,GAAG,oBAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO;AAAA,KACrF,qCAAC,wBAAD,MACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,IAAsB;AAAA,KACtC,OAEH,qCAAC,6BAAD,UAKL;AAAA;AAKP,YAAY,YAAY;AAExB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useMemoMergePropsWithDefault, describe } from '@elliemae/ds-utilities';\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 [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>();\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 referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\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;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,cAAuD,CAAC,UAAU;AACtE,QACE,kCAAyD,OAAO,YAAY,GADtE,QAAM,UAAU,QAAQ,SAAS,IAAI,WAAW,cACtD,IADoE,+BACpE,IADoE,CAA9D,QAAM,YAAU,UAAQ,WAAS,MAAI,aAAW;AAGxD,QAAM,CAAC,WAAW,gBAAgB,SAAkB,KAAK;AACzD,QAAM,CAAC,SAAS,cAAc,SAAkB,KAAK;AACrD,QAAM,CAAC,uBAAuB,4BAA4B,SAAiB,EAAE;AAC7E,QAAM,CAAC,kBAAkB,uBAAuB,SAAiC;AACjF,QAAM,CAAC,aAAa,kBAAkB,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,YACnB,CAAC,EAAE,UAA2B;AAC5B,QAAI,QAAQ;AAAU,kBAAY;AAAA,EACpC,GACA,CAAC,WAAW,CACd;AAEA,4BAA0B,YAAY;AACtC,SACE,qCAAC;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,KAE7E,qCAAC;AAAA,IAAW;AAAA,IAAoC;AAAA,IAA0B,eAAa;AAAA,KAAK,qBAC1F,qCAAC;AAAA,IAAI,eAAa,GAAG,oBAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO;AAAA,KACrF,qCAAC,8BACC,qCAAC;AAAA,IAAkB;AAAA,IAAsB;AAAA,KACtC,IACH,GACA,qCAAC,iCAA4B,CAC/B,CACF,CACF,GAEC,QACH;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "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;ACAO,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;",
+  "mappings": "AAAA;ACAO,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,sBAAsB;AACxB;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "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] as const;\n\nexport const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'] as const;\n"],
-  "mappings": "AAAA;ACAO,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;AAAA;AAGK,MAAM,iBAAiB,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW;",
+  "mappings": "AAAA;ACAO,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.map

@@ -2,6 +2,6 @@
   "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"],
-  "mappings": "AAAA;ACEA,MAAM,OAAO,MAAM;AAAA;AAEZ,MAAM,eAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AAAA;",
+  "mappings": "AAAA;ACEA,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/propTypes.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import { PropTypes } from "@elliemae/ds-utilities";
 import { PLACEMENT, TEXT_ALIGNMENT } from "./constants";
 const propTypes = {
   text: PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,