@elliemae/ds-tooltip 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/v2/styles.js

@@ -1,102 +1,49 @@
-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);
-    }
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { kfrm, css } from '@elliemae/ds-system';
 
-    to {
-      opacity: 1;
-      transform: scale(1);
-      visibility: visible;
-    }
-`;
-const hideAnimation = kfrm`
-    0% {
-      opacity: 1;
-      transform: scale(1);
-    }
+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%;}"]);
 
-    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
+export { StyledAnimatedTooltip, StyledTooltipArrow, StyledTooltipContainer, StyledTooltipText, StyledTriggerComponentContainer };

package/esm/v2/utils/setMultipleRefs.js

@@ -1,13 +1,20 @@
-import * as React from "react";
-const setMultipleRefs = (...refs) => {
+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];
+  }
+
   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;
@@ -15,7 +22,5 @@ const setMultipleRefs = (...refs) => {
     });
   };
 };
-export {
-  setMultipleRefs
-};
-//# sourceMappingURL=setMultipleRefs.js.map
+
+export { setMultipleRefs };

package/esm/v2/utils/tooltipPositions.js

@@ -1,19 +1,16 @@
-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
-};
-//# sourceMappingURL=tooltipPositions.js.map
+
+export { tooltipPositions };

package/esm/v3/TooltipV3DatatestId.js

@@ -1,9 +1,6 @@
-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
-};
-//# sourceMappingURL=TooltipV3DatatestId.js.map
+
+export { TooltipV3DatatestId };

package/esm/v3/config/useWithDefaultProps.js

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

package/esm/v3/index.d.js

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

package/esm/v3/index.js

@@ -1,27 +1,51 @@
-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) => {
+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 => {
   useEffect(() => {
-    document.addEventListener("keydown", func);
-    return () => document.removeEventListener("keydown", func);
+    document.addEventListener('keydown', func);
+    return () => document.removeEventListener('keydown', func);
   }, [func]);
 };
-const DSTooltipV3 = (props) => {
-  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);
+
+const DSTooltipV3 = props => {
+  const _useWithDefaultProps = useWithDefaultProps(props),
+        {
+    text,
+    children,
+    onOpen,
+    onClose,
+    id,
+    textAlign
+  } = _useWithDefaultProps,
+        extraPopperJsProps = _objectWithoutProperties(_useWithDefaultProps, _excluded);
+
   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(() => {
@@ -34,58 +58,59 @@ 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(({ key }) => {
-    if (key === "Escape")
-      hideTooltip();
+  const handleEscKey = useCallback(_ref => {
+    let {
+      key
+    } = _ref;
+    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));
+  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]
+    })
+  });
 };
-DSTooltipV3.propTypes = dsTooltipPropTypes;
-const DSTooltipV3WithSchema = describe(DSTooltipV3).description("A tooltip component");
+
+const DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');
 DSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;
-var v3_default = DSTooltipV3;
-export {
-  DSTooltipV3,
-  DSTooltipV3WithSchema,
-  v3_default as default
-};
-//# sourceMappingURL=index.js.map
+
+export { DSTooltipV3, DSTooltipV3WithSchema, DSTooltipV3 as default };

package/esm/v3/propsTypes.js

@@ -1,51 +1,92 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const dsTooltipPropTypes = {
-  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"),
-  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),
-  boundaryElement: PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(void 0),
-  withoutAnimation: 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']"),
-  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),
-  id: PropTypes.string.description("Optional id appended to data-testid").defaultValue(""),
-  onOpen: PropTypes.func.description("Optional callback to be invoked when the tooltip opens").defaultValue("() => {}"),
-  onClose: PropTypes.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}")
+  /**
+   * Tooltip text to be displayed on hover/focus
+   */
+  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
+
+  /**
+   * Tooltip text alignment
+   */
+  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit']).description('Tooltip text alignment').defaultValue('left'),
+
+  /**
+   * Element to tie the tooltip to, must be a single node
+   */
+  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,
+
+  /**
+   *  Wheter or not the tooltip content should appear in a DOM portal or not
+   */
+  withoutPortal: PropTypes.bool.description('Whether or not the tooltip content should appear in a DOM portal or not').defaultValue(true),
+
+  /**
+   *  Wheter or not the tooltip should use the arrow
+   */
+  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),
+
+  /**
+   *  Bounding element to calculate upon, defaults to it is "clippingParents",
+   *   which are the scrolling containers that may cause the element to be partially or fully cut off.
+   */
+  boundaryElement: 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),
+
+  /**
+   *  Whether or not the popper context menu should be animated
+   */
+  withoutAnimation: PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
+
+  /**
+   *  Popper context menus Animation duration in ms
+   */
+  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),
+
+  /**
+   *  When using portal, the container in which to append the DOM content, defaults to document body
+   */
+  portalDOMContainer: PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
+
+  /**
+   *  start placement preferences, as per popperjs placement option
+   */
+  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'"),
+
+  /**
+   *  Array of placement preferences, as per popperjs "flip" placement option
+   */
+  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']"),
+
+  /**
+   *  tooltip wrapper z-index
+   */
+  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),
+
+  /**
+   *  placement offset array
+   */
+  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),
+
+  /**
+   *  modifiers array for full-custom tooltip-js override
+   *  https://tooltip.js.org/docs/v2/modifiers/
+   */
+  modifiers: PropTypes.array.description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/').defaultValue(1),
+
+  /**
+   * Optional id appended to data-testid
+   */
+  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),
+
+  /**
+   * Optional callback to be invoked when the tooltip opens
+   */
+  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),
+
+  /**
+   * 'Optional callback to be invoked when the tooltip closes
+   */
+  onClose: PropTypes.func.description('Optional callback to be invoked when the tooltip closes').defaultValue('() => {}')
 };
-export {
-  dsTooltipPropTypes
-};
-//# sourceMappingURL=propsTypes.js.map
+
+export { dsTooltipPropTypes };