@elliemae/ds-tooltip 2.3.1 → 3.0.0-alpha.3

package/cjs/v2/utils/setMultipleRefs.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('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];
-  }
-
-  const filteredRefs = refs.filter(Boolean);
-  if (!filteredRefs.length) return null;
-  if (filteredRefs.length === 0) return filteredRefs[0];
-  return newRef => {
-    filteredRefs.forEach(refToBeUpdated => {
-      if (typeof refToBeUpdated === 'function') {
-        refToBeUpdated(newRef);
-      } else if (refToBeUpdated) {
-        refToBeUpdated.current = newRef;
-      }
-    });
-  };
-};
-
-exports.setMultipleRefs = setMultipleRefs;

package/cjs/v2/utils/tooltipPositions.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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'
-};
-
-exports.tooltipPositions = tooltipPositions;

package/cjs/v3/DSTooltipV3.js

@@ -1,124 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var react = require('react');
-var dsPopperjs = require('@elliemae/ds-popperjs');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var propTypes = require('./propTypes.js');
-var TooltipV3DatatestId = require('./TooltipV3DatatestId.js');
-var defaultProps = require('./defaultProps.js');
-var styles = require('./styles.js');
-var utils = require('./utils.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-var _StyledMouseOverDetec;
-
-const _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign", "wrapWords"];
-
-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__default["default"](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 DSTooltipV3 = props => {
-  const _useMemoMergePropsWit = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.defaultProps),
-        {
-    text,
-    children,
-    onOpen,
-    onClose,
-    id,
-    textAlign,
-    wrapWords
-  } = _useMemoMergePropsWit,
-        extraPopperJsProps = _objectWithoutProperties__default["default"](_useMemoMergePropsWit, _excluded);
-
-  const [isFocused, setIsFocused] = react.useState(false);
-  const [isHover, setIsHover] = react.useState(false);
-  const [latestOpenInteraction, setLatestOpenInteraction] = react.useState('');
-  const [referenceElement, setReferenceElement] = react.useState();
-  const [showPopover, setShowPopover] = react.useState(false);
-  const showTooltip = react.useCallback(() => {
-    setShowPopover(true);
-    onOpen();
-  }, [onOpen]);
-  const hideTooltip = react.useCallback(() => {
-    setShowPopover(false);
-    onClose();
-  }, [onClose]);
-  const onFocus = react.useCallback(() => {
-    setIsFocused(true);
-
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction('onFocus');
-    }
-  }, [showPopover, showTooltip]);
-  const onBlur = react.useCallback(() => {
-    setIsFocused(false);
-    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
-  }, [hideTooltip, isHover, latestOpenInteraction]);
-  const onMouseEnter = react.useCallback(() => {
-    setIsHover(true);
-
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction('onMouseEnter');
-    }
-  }, [showPopover, showTooltip]);
-  const onMouseLeave = react.useCallback(() => {
-    setIsHover(false);
-    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
-  }, [hideTooltip, isFocused, latestOpenInteraction]);
-  const handleEscKey = react.useCallback(_ref => {
-    let {
-      key
-    } = _ref;
-    if (key === 'Escape') hideTooltip();
-  }, [hideTooltip]);
-  utils.useGlobalKeyboardListener(handleEscKey);
-  return /*#__PURE__*/jsxRuntime.jsxs(styles.StyledTriggerWrapper, {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onPointerEnter: onMouseEnter,
-    onPointerLeave: onMouseLeave,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    ref: setReferenceElement,
-    "data-testid": "".concat(TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
-    children: [/*#__PURE__*/jsxRuntime.jsx(dsPopperjs.DSPopperJS, _objectSpread(_objectSpread({
-      referenceElement: referenceElement,
-      showPopover: showPopover,
-      withoutPortal: true
-    }, extraPopperJsProps), {}, {
-      children: /*#__PURE__*/_jsx__default["default"]("div", {
-        "data-testid": "".concat(TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-      }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTooltipText, {
-        textAlign: textAlign,
-        wrapWords: wrapWords
-      }, void 0, text), _StyledMouseOverDetec || (_StyledMouseOverDetec = /*#__PURE__*/_jsx__default["default"](styles.StyledMouseOverDetectionBox, {}))))
-    })), children]
-  });
-};
-
-const DSTooltipV3WithSchema = dsPropsHelpers.describe(DSTooltipV3);
-DSTooltipV3WithSchema.propTypes = propTypes.propTypes;
-
-exports.DSTooltipV3 = DSTooltipV3;
-exports.DSTooltipV3WithSchema = DSTooltipV3WithSchema;
-exports["default"] = DSTooltipV3;

package/cjs/v3/TooltipV3DatatestId.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const TooltipV3DatatestId = {
-  TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',
-  TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper'
-};
-
-exports.TooltipV3DatatestId = TooltipV3DatatestId;

package/cjs/v3/constants.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const PLACEMENT = ['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
-const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];
-
-exports.PLACEMENT = PLACEMENT;
-exports.TEXT_ALIGNMENT = TEXT_ALIGNMENT;

package/cjs/v3/defaultProps.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const noop = () => {};
-
-const defaultProps = {
-  onOpen: noop,
-  onClose: noop,
-  id: '',
-  textAlign: 'left',
-  wrapWords: false
-};
-
-exports.defaultProps = defaultProps;

package/cjs/v3/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSTooltipV3 = require('./DSTooltipV3.js');
-var TooltipV3DatatestId = require('./TooltipV3DatatestId.js');
-
-
-
-exports.DSTooltipV3 = DSTooltipV3.DSTooltipV3;
-exports.DSTooltipV3WithSchema = DSTooltipV3.DSTooltipV3WithSchema;
-exports.TooltipV3DatatestId = TooltipV3DatatestId.TooltipV3DatatestId;

package/cjs/v3/propTypes.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var constants = require('./constants.js');
-
-const propTypes = {
-  text: reactDesc.PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
-  textAlign: reactDesc.PropTypes.oneOf(constants.TEXT_ALIGNMENT).description('Tooltip text alignment').defaultValue('left'),
-  wrapWords: reactDesc.PropTypes.bool.description('Break words into a new line. Useful when words exceed tooltip max-lenght.').defaultValue(false),
-  children: reactDesc.PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,
-  withoutPortal: reactDesc.PropTypes.bool.description('Whether or not the tooltip content should appear in a DOM portal or not').defaultValue(true),
-  withoutArrow: reactDesc.PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),
-  boundaryElement: reactDesc.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(undefined),
-  withoutAnimation: reactDesc.PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
-  animationDuration: reactDesc.PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),
-  portalDOMContainer: reactDesc.PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
-  startPlacementPreference: reactDesc.PropTypes.oneOf(constants.PLACEMENT).description('start placement preferences, as per popperjs placement option').defaultValue("'top'"),
-  placementOrderPreference: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOf(constants.PLACEMENT)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
-  zIndex: reactDesc.PropTypes.number.description('popperjs content z-index').defaultValue(1),
-  customOffset: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('placement offset array').defaultValue([0, 14]),
-  modifiers: reactDesc.PropTypes.array.description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/').defaultValue(1),
-  id: reactDesc.PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),
-  onOpen: reactDesc.PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),
-  onClose: reactDesc.PropTypes.func.description('Optional callback to be invoked when the tooltip closes').defaultValue('() => {}')
-};
-
-exports.propTypes = propTypes;

package/cjs/v3/styles.js

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledTooltipContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1jxtr2y-0"
-})(["text-align:center;min-width:", ";max-width:250px;min-height:30px;display:grid;align-items:center;padding:", ";position:relative;background-color:white;border-radius:2px;font-size:13px;color:", ";"], _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];
-});
-const StyledTooltipText = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1jxtr2y-1"
-})(["display:inline-block;text-align:", ";word-wrap:break-word;", ""], _ref4 => {
-  let {
-    textAlign
-  } = _ref4;
-  return textAlign;
-}, _ref5 => {
-  let {
-    wrapWords
-  } = _ref5;
-  return wrapWords ? "word-break: break-all;" : "white-space: normal;";
-});
-const StyledMouseOverDetectionBox = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1jxtr2y-2"
-})(["position:absolute;top:-15px;right:-15px;width:calc(100% + 30px);height:calc(100% + 30px);z-index:-1;"]);
-const StyledTriggerWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1jxtr2y-3"
-})(["display:inline-flex;width:100%;"]);
-
-exports.StyledMouseOverDetectionBox = StyledMouseOverDetectionBox;
-exports.StyledTooltipContainer = StyledTooltipContainer;
-exports.StyledTooltipText = StyledTooltipText;
-exports.StyledTriggerWrapper = StyledTriggerWrapper;

package/cjs/v3/utils.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-
-const useGlobalKeyboardListener = func => {
-  react.useEffect(() => {
-    document.addEventListener('keydown', func);
-    return () => document.removeEventListener('keydown', func);
-  }, [func]);
-};
-
-exports.useGlobalKeyboardListener = useGlobalKeyboardListener;

package/esm/index.js

@@ -1,6 +0,0 @@
-export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema, DSTooltip as default } from './v1/DSTooltip.js';
-export { DSTooltipV2, TooltipV2WithSchema } from './v2/DSTooltip.js';
-export { tooltipPositions } from './v2/utils/tooltipPositions.js';
-export { TooltipType } from './v2/TooltipType.js';
-export { DSTooltipV3, DSTooltipV3WithSchema } from './v3/DSTooltipV3.js';
-export { TooltipV3DatatestId } from './v3/TooltipV3DatatestId.js';

package/esm/v1/DSTooltip.js

@@ -1,100 +0,0 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { getComponentFromProps } from '@elliemae/ds-utilities';
-import { DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN } from '@elliemae/ds-shared/constants';
-import DSPopper, { positions, PopperPositions, interactions, PopperInteractions } from '@elliemae/ds-popper';
-import { TooltipType } from './TooltipType.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "innerRef", "placement", "title", "delayClose", "delayOpen", "interactionType", "triggerComponent", "className", "isOpen", "onOpen", "springAnimationComponent", "tooltipType", "showArrow", "zIndex"];
-
-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 blockName = 'tooltip';
-const TooltipContainer = aggregatedClasses('div')(blockName, false, false, {
-  propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
-});
-const TooltipText = aggregatedClasses('span')(blockName, 'text', false, {
-  propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
-});
-
-const DSTooltip = _ref => {
-  let {
-    containerProps = {},
-    innerRef,
-    placement = PopperPositions.TOP,
-    title = '',
-    delayClose = DEFAULT_DELAY_CLOSE,
-    delayOpen = DEFAULT_DELAY_OPEN,
-    interactionType = PopperInteractions.HOVER,
-    triggerComponent = null,
-    className = '',
-    isOpen = undefined,
-    onOpen = () => null,
-    springAnimationComponent = undefined,
-    tooltipType = TooltipType.TOOLTIP,
-    showArrow = true,
-    zIndex
-  } = _ref,
-      otherTooltipProps = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    cssClassName: tooltipBlockName
-  } = convertPropToCssClassName(blockName);
-  let Content = title;
-
-  if (typeof title === 'string') {
-    Content = /*#__PURE__*/_jsx(TooltipText, {}, void 0, title);
-  }
-
-  return /*#__PURE__*/_jsx(DSPopper, {
-    blockName: tooltipBlockName,
-    contentComponent: /*#__PURE__*/jsx(TooltipContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTooltipProps), {}, {
-      className: "tooltip-container--".concat(tooltipType, " ").concat(className),
-      innerRef: innerRef,
-      children: Content
-    })),
-    delayClose: delayClose,
-    delayOpen: delayOpen,
-    interactionType: interactionType,
-    isOpen: isOpen,
-    onOpen: onOpen,
-    placement: placement,
-    showArrow: tooltipType === TooltipType.TOOLTIP ? showArrow : false,
-    springAnimationComponent: springAnimationComponent,
-    triggerComponent: getComponentFromProps(triggerComponent),
-    zIndex: zIndex
-  });
-};
-
-const tooltipProps = {
-  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
-  placement: PropTypes.oneOf(positions).description('Tooltip position').defaultValue(PopperPositions.TOP),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,
-  delayClose: PropTypes.string.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),
-  delayOpen: PropTypes.string.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),
-  interactionType: PropTypes.oneOf(interactions).description('A type indicating how to open/close the tooltip').defaultValue(PopperInteractions.HOVER),
-  triggerComponent: PropTypes.element.description("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").isRequired,
-  isOpen: PropTypes.bool.description('Whether the tooltip is visible or not').defaultValue(undefined),
-  onOpen: PropTypes.func.description('Handler when the tooltip opens'),
-  springAnimationComponent: PropTypes.element.description('Spring animation component'),
-  showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),
-  className: PropTypes.string.description('css class'),
-  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),
-  zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element')
-};
-const TooltipWithSchema = describe(DSTooltip);
-TooltipWithSchema.propTypes = tooltipProps;
-
-export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema, DSTooltip as default };

package/esm/v1/TooltipType.js

@@ -1,6 +0,0 @@
-const TooltipType = {
-  TOOLTIP: 'tooltip',
-  TOOLBAR: 'toolbar'
-};
-
-export { TooltipType };

package/esm/v2/DSTooltip.js

@@ -1,136 +0,0 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import { describe } from 'react-desc';
-import DSPortal from '@elliemae/ds-portal';
-import { DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN } from '@elliemae/ds-shared/constants';
-import { usePopper } from 'react-popper';
-import { tooltipPositions } from './utils/tooltipPositions.js';
-import { TooltipType } from './TooltipType.js';
-import { StyledTriggerComponentContainer, StyledTooltipContainer, StyledAnimatedTooltip, StyledTooltipText } from './styles.js';
-import { DSTooltipArrow } from './DSTooltipArrow.js';
-import { tooltipV2Props } from './propTypes.js';
-import { setMultipleRefs } from './utils/setMultipleRefs.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-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 DSTooltipV2 = _ref => {
-  let {
-    containerProps = {},
-    innerRef,
-    placement = tooltipPositions.BOTTOM,
-    title = '',
-    delayClose = DEFAULT_DELAY_CLOSE,
-    delayOpen = DEFAULT_DELAY_OPEN,
-    triggerComponent = null,
-    className = '',
-    getIsOpen = () => null,
-    onOpen = () => null,
-    tooltipType = TooltipType.TOOLTIP,
-    showArrow = true,
-    offset = [0, 14],
-    zIndex = 10,
-    extraModifiers = {}
-  } = _ref;
-  const [showTooltip, setShowTooltip] = useState(false);
-  const [isAnimating, setIsAnimating] = useState(false);
-  const [referenceElement, setReferenceElement] = useState(triggerComponent);
-  const [popperElement, setPopperElement] = useState(null);
-  const [arrowElement, setArrowElement] = useState(null);
-  const timerOpen = useRef(null);
-  const timerClosed = useRef(null);
-  const {
-    styles,
-    attributes
-  } = usePopper(referenceElement, popperElement, {
-    placement,
-    modifiers: [{
-      name: 'hide',
-      enabled: true
-    }, {
-      name: 'offset',
-      enabled: true,
-      options: {
-        offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset
-      }
-    }, {
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }, _objectSpread({}, extraModifiers)]
-  });
-  const handleShowTooltipOn = useCallback(() => {
-    timerOpen.current = setTimeout(() => {
-      setShowTooltip(true);
-      setIsAnimating(true);
-      getIsOpen(true);
-      onOpen();
-    }, delayOpen);
-  }, [delayOpen, getIsOpen, onOpen]);
-  const handleShowTooltipOff = useCallback(() => {
-    timerClosed.current = setTimeout(() => {
-      setShowTooltip(false);
-      setIsAnimating(true);
-      getIsOpen(false);
-    }, delayClose);
-  }, [delayClose, getIsOpen]);
-  const handleKeyDown = useCallback(e => {
-    if (e.key === 'Escape') {
-      e.target.blur();
-    }
-  }, []);
-  const checkAnimationStatus = useCallback(() => {
-    if (!showTooltip) {
-      setIsAnimating(false);
-    }
-  }, [showTooltip]);
-  useEffect(() => () => {
-    clearTimeout(timerClosed.current);
-    clearTimeout(timerOpen.current);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(StyledTriggerComponentContainer, {
-      ref: setReferenceElement,
-      onMouseEnter: handleShowTooltipOn,
-      onMouseLeave: handleShowTooltipOff,
-      onFocus: handleShowTooltipOn,
-      onBlur: handleShowTooltipOff,
-      onKeyDown: handleKeyDown,
-      children: triggerComponent
-    }), isAnimating || showTooltip ? /*#__PURE__*/_jsx(DSPortal, {}, void 0, /*#__PURE__*/jsx(StyledTooltipContainer, _objectSpread(_objectSpread(_objectSpread({
-      className: className,
-      showTooltip: showTooltip,
-      tooltipType: tooltipType,
-      "data-testid": "ds-tooltip-container",
-      ref: ref => setMultipleRefs(setPopperElement, innerRef)(ref),
-      style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-        zIndex
-      })
-    }, containerProps), attributes.popper), {}, {
-      children: /*#__PURE__*/_jsx(StyledAnimatedTooltip, {
-        showTooltip: showTooltip,
-        "data-testid": "ds-tooltip",
-        onAnimationEnd: checkAnimationStatus
-      }, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {}, void 0, title), tooltipType === TooltipType.TOOLTIP && showArrow ? /*#__PURE__*/_jsx(DSTooltipArrow, {
-        arrowElementRef: setArrowElement,
-        style: styles.arrow,
-        placement: attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'
-      }) : null)
-    }))) : null]
-  });
-};
-
-const TooltipV2WithSchema = describe(DSTooltipV2);
-TooltipV2WithSchema.propTypes = tooltipV2Props;
-
-export { DSTooltipV2, TooltipV2WithSchema };

package/esm/v2/DSTooltipArrow.js

@@ -1,31 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { StyledTooltipArrow } from './styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _svg;
-
-const DSTooltipArrow = _ref => {
-  let {
-    placement,
-    style,
-    arrowElementRef
-  } = _ref;
-  return /*#__PURE__*/jsx(StyledTooltipArrow, {
-    "data-placement": placement,
-    style: style,
-    ref: arrowElementRef,
-    "data-testid": "ds-tooltip-arrow",
-    children: _svg || (_svg = /*#__PURE__*/_jsx("svg", {
-      viewBox: "0 0 30 30"
-    }, void 0, /*#__PURE__*/_jsx("path", {
-      className: "stroke",
-      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 C26.7,29,24.6,28.1,23.7,27.1z"
-    }), /*#__PURE__*/_jsx("path", {
-      className: "fill",
-      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"
-    })))
-  }, "popper-arrow");
-};
-
-export { DSTooltipArrow };

package/esm/v2/TooltipType.js

@@ -1,6 +0,0 @@
-const TooltipType = {
-  TOOLTIP: 'tooltip',
-  TOOLBAR: 'toolbar'
-};
-
-export { TooltipType };

package/esm/v2/index.d.js

@@ -1 +0,0 @@
-

package/esm/v2/propTypes.js

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