@elliemae/ds-tooltip 2.2.0-alpha.1 → 2.2.0-alpha.2

package/esm/v2/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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;",
+  "names": []
+}

package/esm/v2/styles.js

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

package/esm/v2/styles.js.map

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

package/esm/v2/utils/setMultipleRefs.js

@@ -1,20 +1,13 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-
-const setMultipleRefs = function () {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-
+import * as React from "react";
+const setMultipleRefs = (...refs) => {
   const filteredRefs = refs.filter(Boolean);
-  if (!filteredRefs.length) return null;
-  if (filteredRefs.length === 0) return filteredRefs[0];
-  return newRef => {
-    filteredRefs.forEach(refToBeUpdated => {
-      if (typeof refToBeUpdated === 'function') {
+  if (!filteredRefs.length)
+    return null;
+  if (filteredRefs.length === 0)
+    return filteredRefs[0];
+  return (newRef) => {
+    filteredRefs.forEach((refToBeUpdated) => {
+      if (typeof refToBeUpdated === "function") {
         refToBeUpdated(newRef);
       } else if (refToBeUpdated) {
         refToBeUpdated.current = newRef;
@@ -22,5 +15,7 @@ const setMultipleRefs = function () {
     });
   };
 };
-
-export { setMultipleRefs };
+export {
+  setMultipleRefs
+};
+//# sourceMappingURL=setMultipleRefs.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/utils/setMultipleRefs.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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;",
+  "names": []
+}

package/esm/v2/utils/tooltipPositions.js

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

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

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

package/esm/v3/TooltipV3DatatestId.js

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

package/esm/v3/TooltipV3DatatestId.js.map

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

package/esm/v3/config/useWithDefaultProps.js

@@ -1,14 +1,15 @@
-import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
+import * as React from "react";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+const noop = () => {
+};
 const defaultProps = {
   onOpen: noop,
   onClose: noop,
-  id: '',
-  textAlign: 'left'
+  id: "",
+  textAlign: "left"
+};
+const useWithDefaultProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
+export {
+  useWithDefaultProps
 };
-const useWithDefaultProps = props => useMemoMergePropsWithDefault(props, defaultProps);
-
-export { useWithDefaultProps };
+//# sourceMappingURL=useWithDefaultProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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/esm/v3/index.d.js

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

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

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

package/esm/v3/index.js

@@ -1,51 +1,27 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useCallback, useEffect } from 'react';
-import { DSPopperJS } from '@elliemae/ds-popperjs';
-import { describe } from 'react-desc';
-import { dsTooltipPropTypes } from './propsTypes.js';
-import { useWithDefaultProps } from './config/useWithDefaultProps.js';
-import { TooltipV3DatatestId } from './TooltipV3DatatestId.js';
-import { StyledTriggerWrapper, StyledTooltipContainer, StyledTooltipText, StyledMouseOverDetectionBox } from './styleds.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var _StyledMouseOverDetec;
-
-const _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const useGlobalKeyboardListener = func => {
+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);
+    document.addEventListener("keydown", func);
+    return () => document.removeEventListener("keydown", func);
   }, [func]);
 };
-
-const DSTooltipV3 = props => {
-  const _useWithDefaultProps = useWithDefaultProps(props),
-        {
-    text,
-    children,
-    onOpen,
-    onClose,
-    id,
-    textAlign
-  } = _useWithDefaultProps,
-        extraPopperJsProps = _objectWithoutProperties(_useWithDefaultProps, _excluded);
-
+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 [latestOpenInteraction, setLatestOpenInteraction] = useState("");
   const [referenceElement, setReferenceElement] = useState();
   const [showPopover, setShowPopover] = useState(false);
   const showTooltip = useCallback(() => {
@@ -58,59 +34,58 @@ const DSTooltipV3 = props => {
   }, [onClose]);
   const onFocus = useCallback(() => {
     setIsFocused(true);
-
     if (!showPopover) {
       showTooltip();
-      setLatestOpenInteraction('onFocus');
+      setLatestOpenInteraction("onFocus");
     }
   }, [showPopover, showTooltip]);
   const onBlur = useCallback(() => {
     setIsFocused(false);
-    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
+    if (!isHover || latestOpenInteraction === "onFocus")
+      hideTooltip();
   }, [hideTooltip, isHover, latestOpenInteraction]);
   const onMouseEnter = useCallback(() => {
     setIsHover(true);
-
     if (!showPopover) {
       showTooltip();
-      setLatestOpenInteraction('onMouseEnter');
+      setLatestOpenInteraction("onMouseEnter");
     }
   }, [showPopover, showTooltip]);
   const onMouseLeave = useCallback(() => {
     setIsHover(false);
-    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
+    if (!isFocused || latestOpenInteraction === "onMouseEnter")
+      hideTooltip();
   }, [hideTooltip, isFocused, latestOpenInteraction]);
-  const handleEscKey = useCallback(_ref => {
-    let {
-      key
-    } = _ref;
-    if (key === 'Escape') hideTooltip();
+  const handleEscKey = useCallback(({ key }) => {
+    if (key === "Escape")
+      hideTooltip();
   }, [hideTooltip]);
   useGlobalKeyboardListener(handleEscKey);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs(StyledTriggerWrapper, {
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      ref: setReferenceElement,
-      "data-testid": "".concat(TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
-      children: [/*#__PURE__*/jsx(DSPopperJS, _objectSpread(_objectSpread({
-        referenceElement: referenceElement,
-        showPopover: showPopover,
-        withoutPortal: true
-      }, extraPopperJsProps), {}, {
-        children: /*#__PURE__*/_jsx("div", {
-          "data-testid": "".concat(TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-        }, void 0, /*#__PURE__*/_jsx(StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {
-          textAlign: textAlign
-        }, void 0, text), _StyledMouseOverDetec || (_StyledMouseOverDetec = /*#__PURE__*/_jsx(StyledMouseOverDetectionBox, {}))))
-      })), children]
-    })
-  });
+  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));
 };
-
-const DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');
+DSTooltipV3.propTypes = dsTooltipPropTypes;
+const DSTooltipV3WithSchema = describe(DSTooltipV3).description("A tooltip component");
 DSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;
-
-export { DSTooltipV3, DSTooltipV3WithSchema, DSTooltipV3 as default };
+var v3_default = DSTooltipV3;
+export {
+  DSTooltipV3,
+  DSTooltipV3WithSchema,
+  v3_default as default
+};
+//# sourceMappingURL=index.js.map

package/esm/v3/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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;",
+  "names": []
+}