@elliemae/ds-tooltip 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/esm/v3/index.js

@@ -1,91 +1,4 @@
 import * as React from "react";
-import React2, { useState, useCallback, useEffect } from "react";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
-import { describe } from "react-desc";
-import { dsTooltipPropTypes } from "./propsTypes";
-import { useWithDefaultProps } from "./config/useWithDefaultProps";
-import { TooltipV3DatatestId } from "./TooltipV3DatatestId";
-import {
-  StyledTooltipContainer,
-  StyledTooltipText,
-  StyledMouseOverDetectionBox,
-  StyledTriggerWrapper
-} from "./styleds";
-const useGlobalKeyboardListener = (func) => {
-  useEffect(() => {
-    document.addEventListener("keydown", func);
-    return () => document.removeEventListener("keydown", func);
-  }, [func]);
-};
-const DSTooltipV3 = (props) => {
-  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);
-  const [isFocused, setIsFocused] = useState(false);
-  const [isHover, setIsHover] = useState(false);
-  const [latestOpenInteraction, setLatestOpenInteraction] = useState("");
-  const [referenceElement, setReferenceElement] = useState();
-  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);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledTriggerWrapper, {
-    onMouseEnter,
-    onMouseLeave,
-    onFocus,
-    onBlur,
-    ref: setReferenceElement,
-    "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`
-  }, /* @__PURE__ */ React2.createElement(DSPopperJS, {
-    referenceElement,
-    showPopover,
-    withoutPortal: true,
-    ...extraPopperJsProps
-  }, /* @__PURE__ */ React2.createElement("div", {
-    "data-testid": `${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`
-  }, /* @__PURE__ */ React2.createElement(StyledTooltipContainer, null, /* @__PURE__ */ React2.createElement(StyledTooltipText, {
-    textAlign
-  }, text), /* @__PURE__ */ React2.createElement(StyledMouseOverDetectionBox, null)))), children));
-};
-DSTooltipV3.propTypes = dsTooltipPropTypes;
-const DSTooltipV3WithSchema = describe(DSTooltipV3).description("A tooltip component");
-DSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;
-var v3_default = DSTooltipV3;
-export {
-  DSTooltipV3,
-  DSTooltipV3WithSchema,
-  v3_default as default
-};
+export * from "./DSTooltipV3";
+export * from "./TooltipV3DatatestId";
 //# 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", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n  useEffect(() => {\n    document.addEventListener('keydown', func);\n    return () => document.removeEventListener('keydown', func);\n  }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHover, setIsHover] = useState(false);\n  const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n  const [showPopover, setShowPopover] = useState(false);\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\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  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  const onMouseLeave = useCallback(() => {\n    setIsHover(false);\n    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n  }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n  const handleEscKey = useCallback(\n    ({ key }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  useGlobalKeyboardListener(handleEscKey);\n  return (\n    <>\n      {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <StyledTriggerWrapper\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={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}>{text}</StyledTooltipText>\n              <StyledMouseOverDetectionBox />\n            </StyledTooltipContainer>\n          </div>\n        </DSPopperJS>\n\n        {children}\n      </StyledTriggerWrapper>\n    </>\n  );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,MAAM,4BAA4B,CAAC,SAAS;AAC1C,YAAU,MAAM;AACd,aAAS,iBAAiB,WAAW;AACrC,WAAO,MAAM,SAAS,oBAAoB,WAAW;AAAA,KACpD,CAAC;AAAA;AAGN,MAAM,cAAoD,CAAC,UAAU;AACnE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,cAAc,uBAAuB,oBAAoB;AAEtG,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,uBAAuB,4BAA4B,SAAS;AAEnE,QAAM,CAAC,kBAAkB,uBAAuB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe;AACf;AAAA,KACC,CAAC;AACJ,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;AACjB,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;AACjB,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW;AACX,QAAI,CAAC,aAAa,0BAA0B;AAAgB;AAAA,KAC3D,CAAC,aAAa,WAAW;AAE5B,QAAM,eAAe,YACnB,CAAC,EAAE,UAAU;AACX,QAAI,QAAQ;AAAU;AAAA,KAExB,CAAC;AAGH,4BAA0B;AAC1B,SACE,4DAKE,qCAAC,sBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;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,OAAK;AAAA,KAC1F,qCAAC,OAAD;AAAA,IAAK,eAAa,GAAG,oBAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO;AAAA,KACrF,qCAAC,wBAAD,MACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,KAAuB,OAC1C,qCAAC,6BAAD,UAKL;AAAA;AAMT,YAAY,YAAY;AAExB,MAAM,wBAAwB,SAAS,aAAa,YAAY;AAChE,sBAAsB,YAAY;AAGlC,IAAO,aAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSTooltipV3';\nexport * from './TooltipV3DatatestId';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
   "names": []
 }

package/dist/esm/v3/{propsTypes.js → propTypes.js}

@@ -1,8 +1,10 @@
 import * as React from "react";
 import { PropTypes } from "react-desc";
-const dsTooltipPropTypes = {
+import { PLACEMENT, TEXT_ALIGNMENT } from "./constants";
+const propTypes = {
   text: PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,
-  textAlign: PropTypes.oneOf(["left", "right", "center", "justify", "initial", "inherit"]).description("Tooltip text alignment").defaultValue("left"),
+  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT).description("Tooltip text alignment").defaultValue("left"),
+  wrapWords: PropTypes.bool.description("Break words into a new line. Useful when words exceed tooltip max-lenght.").defaultValue(false),
   children: PropTypes.node.description("Element to tie the tooltip to, must be a single node").isRequired,
   withoutPortal: PropTypes.bool.description("Whether or not the tooltip content should appear in a DOM portal or not").defaultValue(true),
   withoutArrow: PropTypes.bool.description("Whether or not the tooltip should use the arrow").defaultValue(false),
@@ -10,34 +12,8 @@ const dsTooltipPropTypes = {
   withoutAnimation: PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
   animationDuration: PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
   portalDOMContainer: PropTypes.element.description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
-  startPlacementPreference: PropTypes.oneOf([
-    "top-start",
-    "top",
-    "top-end",
-    "right-start",
-    "right",
-    "right-end",
-    "bottom-end",
-    "bottom",
-    "bottom-start",
-    "left-end",
-    "left",
-    "left-start"
-  ]).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),
-  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf([
-    "top-start",
-    "top",
-    "top-end",
-    "right-start",
-    "right",
-    "right-end",
-    "bottom-end",
-    "bottom",
-    "bottom-start",
-    "left-end",
-    "left",
-    "left-start"
-  ])).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+  startPlacementPreference: PropTypes.oneOf(PLACEMENT).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),
+  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(PLACEMENT)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
   zIndex: PropTypes.number.description("popperjs content z-index").defaultValue(1),
   customOffset: PropTypes.arrayOf(PropTypes.number).description("placement offset array").defaultValue([0, 14]),
   modifiers: PropTypes.array.description("modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/").defaultValue(1),
@@ -46,6 +22,6 @@ const dsTooltipPropTypes = {
   onClose: PropTypes.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}")
 };
 export {
-  dsTooltipPropTypes
+  propTypes
 };
-//# sourceMappingURL=propsTypes.js.map
+//# sourceMappingURL=propTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\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};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAsCO,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,OAAO,YAAY,+CAA+C;AAAA,EAClF,WAAW,UAAU,MAAM,gBACxB,YAAY,0BACZ,aAAa;AAAA,EAChB,WAAW,UAAU,KAClB,YAAY,6EACZ,aAAa;AAAA,EAChB,UAAU,UAAU,KAAK,YAAY,wDAAwD;AAAA,EAC7F,eAAe,UAAU,KACtB,YAAY,2EACZ,aAAa;AAAA,EAChB,cAAc,UAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EACzG,iBAAiB,UAAU,QACxB,YACC,gKAGD,aAAa;AAAA,EAChB,kBAAkB,UAAU,KACzB,YAAY,6DACZ,aAAa;AAAA,EAChB,mBAAmB,UAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EAC9G,oBAAoB,UAAU,QAC3B,YAAY,kGACZ,aAAa;AAAA,EAChB,0BAA0B,UAAU,MAAM,WACvC,YAAY,iEACZ,aAAa;AAAA,EAChB,0BAA0B,UAAU,QAAQ,UAAU,MAAM,YACzD,YAAY,2EACZ,aAAa;AAAA,EAChB,QAAQ,UAAU,OAAO,YAAY,4BAA4B,aAAa;AAAA,EAC9E,cAAc,UAAU,QAAQ,UAAU,QAAQ,YAAY,0BAA0B,aAAa,CAAC,GAAG;AAAA,EACzG,WAAW,UAAU,MAClB,YAAY,kGACZ,aAAa;AAAA,EAChB,IAAI,UAAU,OAAO,YAAY,uCAAuC,aAAa;AAAA,EACrF,QAAQ,UAAU,KAAK,YAAY,0DAA0D,aAAa;AAAA,EAC1G,SAAS,UAAU,KAChB,YAAY,2DACZ,aAAa;AAAA;",
+  "names": []
+}

package/dist/esm/v3/{styleds.js → styles.js}

@@ -15,10 +15,10 @@ const StyledTooltipContainer = styled.div`
   color: ${({ theme }) => theme.colors.neutral[600]};
 `;
 const StyledTooltipText = styled.div`
-  white-space: normal;
-  word-wrap: break-word;
   display: inline-block;
   text-align: ${({ textAlign }) => textAlign};
+  word-wrap: break-word;
+  ${({ wrapWords }) => wrapWords ? `word-break: break-all;` : `white-space: normal;`}
 `;
 const StyledMouseOverDetectionBox = styled.div`
   position: absolute;
@@ -38,4 +38,4 @@ export {
   StyledTooltipText,
   StyledTriggerWrapper
 };
-//# sourceMappingURL=styleds.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from '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"],
+  "mappings": "AAAA;ACAA;AAQO,MAAM,yBAAyB,OAAO;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,OAAO;AAAA;AAAA,gBAExB,CAAC,EAAE,gBAAgB;AAAA;AAAA,IAE/B,CAAC,EAAE,gBAAiB,YAAY,2BAA2B;AAAA;AAGxD,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/v3/utils.js

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "files": [
@@ -95,15 +95,15 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-alpha.0",
-    "@elliemae/ds-classnames": "3.0.0-alpha.0",
-    "@elliemae/ds-popper": "3.0.0-alpha.0",
-    "@elliemae/ds-popperjs": "3.0.0-alpha.0",
-    "@elliemae/ds-portal": "3.0.0-alpha.0",
-    "@elliemae/ds-props-helpers": "3.0.0-alpha.0",
-    "@elliemae/ds-shared": "3.0.0-alpha.0",
-    "@elliemae/ds-system": "3.0.0-alpha.0",
-    "@elliemae/ds-utilities": "3.0.0-alpha.0",
+    "@elliemae/ds-button": "3.0.0-alpha.1",
+    "@elliemae/ds-classnames": "3.0.0-alpha.1",
+    "@elliemae/ds-popper": "3.0.0-alpha.1",
+    "@elliemae/ds-popperjs": "3.0.0-alpha.1",
+    "@elliemae/ds-portal": "3.0.0-alpha.1",
+    "@elliemae/ds-props-helpers": "3.0.0-alpha.1",
+    "@elliemae/ds-shared": "3.0.0-alpha.1",
+    "@elliemae/ds-system": "3.0.0-alpha.1",
+    "@elliemae/ds-utilities": "3.0.0-alpha.1",
     "@popperjs/core": "~2.9.3",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5"
@@ -129,6 +129,7 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/dist/cjs/v3/config/useWithDefaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/v3/config/useWithDefaultProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n  textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6C;AAI7C,MAAM,OAAO,MAAM;AAAA;AAEnB,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,WAAW;AAAA;AAGN,MAAM,sBAAsB,CAAC,UAClC,0DAA6B,OAAO;",
-  "names": []
-}

package/dist/cjs/v3/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/v3/index.d.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export type PopperPlacementsT =\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\nexport interface TooltipV3PropsT {\n  text: string;\n  textAlign: 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';\n  children: React.ReactElement;\n  withoutPortal?: boolean;\n  withoutArrow?: boolean;\n  withoutAnimation?: boolean;\n  boundaryElement?: HTMLElement;\n  portalDOMContainer?: HTMLElement;\n  placementOrderPreference?: PopperPlacementsT[];\n  startPlacementPreference?: PopperPlacementsT;\n  modifiers?: Record<string, unknown>[];\n  customOffset?: [number, number];\n  zIndex?: number;\n  onOpen?: () => void;\n  onClose?: () => void;\n  id?: string;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/v3/propsTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n  /**\n   * Tooltip text to be displayed on hover/focus\n   */\n  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n  /**\n   * Tooltip text alignment\n   */\n  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  /**\n   * Element to tie the tooltip to, must be a single node\n   */\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  /**\n   *  Wheter or not the tooltip content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the tooltip should use the arrow\n   */\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\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  /**\n   *  Whether or not the popper context menu should be animated\n   */\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  /**\n   *  Popper context menus Animation duration in ms\n   */\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\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  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  tooltip wrapper z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  /**\n   *  modifiers array for full-custom tooltip-js override\n   *  https://tooltip.js.org/docs/v2/modifiers/\n   */\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  /**\n   * Optional id appended to data-testid\n   */\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  /**\n   * Optional callback to be invoked when the tooltip opens\n   */\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  /**\n   * 'Optional callback to be invoked when the tooltip closes\n   */\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,qBAAqB;AAAA,EAIhC,MAAM,4BAAU,OAAO,YAAY,+CAA+C;AAAA,EAIlF,WAAW,4BAAU,MAAM,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,YAC1E,YAAY,0BACZ,aAAa;AAAA,EAIhB,UAAU,4BAAU,KAAK,YAAY,wDAAwD;AAAA,EAI7F,eAAe,4BAAU,KACtB,YAAY,2EACZ,aAAa;AAAA,EAIhB,cAAc,4BAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EAKzG,iBAAiB,4BAAU,QACxB,YACC,gKAGD,aAAa;AAAA,EAIhB,kBAAkB,4BAAU,KACzB,YAAY,6DACZ,aAAa;AAAA,EAIhB,mBAAmB,4BAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EAI9G,oBAAoB,4BAAU,QAC3B,YAAY,kGACZ,aAAa;AAAA,EAIhB,0BAA0B,4BAAU,MAAM;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,iEACZ,aAAa;AAAA,EAIhB,0BAA0B,4BAAU,QAClC,4BAAU,MAAM;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAGD,YAAY,2EACZ,aAAa;AAAA,EAIhB,QAAQ,4BAAU,OAAO,YAAY,4BAA4B,aAAa;AAAA,EAI9E,cAAc,4BAAU,QAAQ,4BAAU,QAAQ,YAAY,0BAA0B,aAAa,CAAC,GAAG;AAAA,EAKzG,WAAW,4BAAU,MAClB,YAAY,kGACZ,aAAa;AAAA,EAIhB,IAAI,4BAAU,OAAO,YAAY,uCAAuC,aAAa;AAAA,EAIrF,QAAQ,4BAAU,KAAK,YAAY,0DAA0D,aAAa;AAAA,EAI1G,SAAS,4BAAU,KAChB,YAAY,2DACZ,aAAa;AAAA;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/v3/styleds.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\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<{ textAlign: string }>`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\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;AAEZ,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;AAAA;AAAA,gBAIxB,CAAC,EAAE,gBAAgB;AAAA;AAG5B,MAAM,8BAA8B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/v3/config/useWithDefaultProps.js

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
-const noop = () => {
-};
-const defaultProps = {
-  onOpen: noop,
-  onClose: noop,
-  id: "",
-  textAlign: "left"
-};
-const useWithDefaultProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
-export {
-  useWithDefaultProps
-};
-//# sourceMappingURL=useWithDefaultProps.js.map

package/dist/esm/v3/config/useWithDefaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v3/config/useWithDefaultProps.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n  textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],
-  "mappings": "AAAA;ACAA;AAIA,MAAM,OAAO,MAAM;AAAA;AAEnB,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,WAAW;AAAA;AAGN,MAAM,sBAAsB,CAAC,UAClC,6BAA6B,OAAO;",
-  "names": []
-}

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

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

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

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/propsTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n  /**\n   * Tooltip text to be displayed on hover/focus\n   */\n  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n  /**\n   * Tooltip text alignment\n   */\n  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  /**\n   * Element to tie the tooltip to, must be a single node\n   */\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  /**\n   *  Wheter or not the tooltip content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the tooltip should use the arrow\n   */\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\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  /**\n   *  Whether or not the popper context menu should be animated\n   */\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  /**\n   *  Popper context menus Animation duration in ms\n   */\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\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  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  tooltip wrapper z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  /**\n   *  modifiers array for full-custom tooltip-js override\n   *  https://tooltip.js.org/docs/v2/modifiers/\n   */\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  /**\n   * Optional id appended to data-testid\n   */\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  /**\n   * Optional callback to be invoked when the tooltip opens\n   */\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  /**\n   * 'Optional callback to be invoked when the tooltip closes\n   */\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,qBAAqB;AAAA,EAIhC,MAAM,UAAU,OAAO,YAAY,+CAA+C;AAAA,EAIlF,WAAW,UAAU,MAAM,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,YAC1E,YAAY,0BACZ,aAAa;AAAA,EAIhB,UAAU,UAAU,KAAK,YAAY,wDAAwD;AAAA,EAI7F,eAAe,UAAU,KACtB,YAAY,2EACZ,aAAa;AAAA,EAIhB,cAAc,UAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EAKzG,iBAAiB,UAAU,QACxB,YACC,gKAGD,aAAa;AAAA,EAIhB,kBAAkB,UAAU,KACzB,YAAY,6DACZ,aAAa;AAAA,EAIhB,mBAAmB,UAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EAI9G,oBAAoB,UAAU,QAC3B,YAAY,kGACZ,aAAa;AAAA,EAIhB,0BAA0B,UAAU,MAAM;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,iEACZ,aAAa;AAAA,EAIhB,0BAA0B,UAAU,QAClC,UAAU,MAAM;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAGD,YAAY,2EACZ,aAAa;AAAA,EAIhB,QAAQ,UAAU,OAAO,YAAY,4BAA4B,aAAa;AAAA,EAI9E,cAAc,UAAU,QAAQ,UAAU,QAAQ,YAAY,0BAA0B,aAAa,CAAC,GAAG;AAAA,EAKzG,WAAW,UAAU,MAClB,YAAY,kGACZ,aAAa;AAAA,EAIhB,IAAI,UAAU,OAAO,YAAY,uCAAuC,aAAa;AAAA,EAIrF,QAAQ,UAAU,KAAK,YAAY,0DAA0D,aAAa;AAAA,EAI1G,SAAS,UAAU,KAChB,YAAY,2DACZ,aAAa;AAAA;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/styleds.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\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<{ textAlign: string }>`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\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;ACAA;AAEO,MAAM,yBAAyB,OAAO;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,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIxB,CAAC,EAAE,gBAAgB;AAAA;AAG5B,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 +0,0 @@
-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';

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

@@ -1,89 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-import React from 'react';
-declare const TooltipContainer: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-declare const TooltipText: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-declare const DSTooltip: {
-    ({ containerProps, innerRef, placement, title, delayClose, delayOpen, interactionType, triggerComponent, className, isOpen, onOpen, springAnimationComponent, tooltipType, showArrow, zIndex, ...otherTooltipProps }: {
-        [x: string]: any;
-        containerProps?: {} | undefined;
-        innerRef: any;
-        placement?: string | undefined;
-        title?: string | undefined;
-        delayClose?: any;
-        delayOpen?: any;
-        interactionType?: string | undefined;
-        triggerComponent?: null | undefined;
-        className?: string | undefined;
-        isOpen?: undefined;
-        onOpen?: (() => null) | undefined;
-        springAnimationComponent?: undefined;
-        tooltipType?: string | undefined;
-        showArrow?: boolean | undefined;
-        zIndex: any;
-    }): JSX.Element;
-    propTypes: {
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        placement: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        title: import("react-desc").PropTypesDescValue;
-        delayClose: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        delayOpen: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        interactionType: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        triggerComponent: import("react-desc").PropTypesDescValue;
-        isOpen: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        onOpen: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        springAnimationComponent: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        showArrow: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        className: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        tooltipType: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        zIndex: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        innerRef: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const TooltipWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };
-export default DSTooltip;

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

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

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

@@ -1,70 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-import React from 'react';
-import { DSTooltipT } from '.';
-declare const DSTooltipV2: {
-    ({ containerProps, innerRef, placement, title, delayClose, delayOpen, triggerComponent, className, getIsOpen, onOpen, tooltipType, showArrow, offset, zIndex, extraModifiers, }: DSTooltipT): React.ReactElement;
-    propTypes: {
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        placement: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        title: import("react-desc").PropTypesDescValue;
-        delayClose: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        delayOpen: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        triggerComponent: import("react-desc").PropTypesDescValue;
-        getIsOpen: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onOpen: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        showArrow: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        className: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        tooltipType: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        zIndex: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        innerRef: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        offset: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const TooltipV2WithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSTooltipV2, TooltipV2WithSchema };

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DSTooltipArrowT } from './index.d';
-declare const DSTooltipArrow: ({ placement, style, arrowElementRef }: DSTooltipArrowT) => React.ReactElement;
-export { DSTooltipArrow };

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

@@ -1,5 +0,0 @@
-declare const TooltipType: {
-    TOOLTIP: "tooltip";
-    TOOLBAR: "toolbar";
-};
-export { TooltipType };