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

package/cjs/v3/config/useWithDefaultProps.js

@@ -1,44 +1,18 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useWithDefaultProps_exports = {};
-__export(useWithDefaultProps_exports, {
-  useWithDefaultProps: () => useWithDefaultProps
-});
-var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-const noop = () => {
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
 const defaultProps = {
   onOpen: noop,
   onClose: noop,
-  id: "",
-  textAlign: "left"
+  id: '',
+  textAlign: 'left'
 };
-const useWithDefaultProps = (props) => (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, defaultProps);
-module.exports = __toCommonJS(useWithDefaultProps_exports);
-//# sourceMappingURL=useWithDefaultProps.js.map
+const useWithDefaultProps = props => dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps);
+
+exports.useWithDefaultProps = useWithDefaultProps;

package/cjs/v3/index.d.js

@@ -1,27 +1,2 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var index_d_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map
+'use strict';
+

package/cjs/v3/index.js

@@ -1,115 +1,128 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var v3_exports = {};
-__export(v3_exports, {
-  DSTooltipV3: () => DSTooltipV3,
-  DSTooltipV3WithSchema: () => DSTooltipV3WithSchema,
-  default: () => v3_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_popperjs = require("@elliemae/ds-popperjs");
-var import_react_desc = require("react-desc");
-var import_propsTypes = require("./propsTypes");
-var import_useWithDefaultProps = require("./config/useWithDefaultProps");
-var import_TooltipV3DatatestId = require("./TooltipV3DatatestId");
-var import_styleds = require("./styleds");
-const useGlobalKeyboardListener = (func) => {
-  (0, import_react.useEffect)(() => {
-    document.addEventListener("keydown", func);
-    return () => document.removeEventListener("keydown", func);
+'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 reactDesc = require('react-desc');
+var propsTypes = require('./propsTypes.js');
+var useWithDefaultProps = require('./config/useWithDefaultProps.js');
+var TooltipV3DatatestId = require('./TooltipV3DatatestId.js');
+var styleds = require('./styleds.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"];
+
+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 useGlobalKeyboardListener = func => {
+  react.useEffect(() => {
+    document.addEventListener('keydown', func);
+    return () => document.removeEventListener('keydown', func);
   }, [func]);
 };
-const DSTooltipV3 = (props) => {
-  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = (0, import_useWithDefaultProps.useWithDefaultProps)(props);
-  const [isFocused, setIsFocused] = (0, import_react.useState)(false);
-  const [isHover, setIsHover] = (0, import_react.useState)(false);
-  const [latestOpenInteraction, setLatestOpenInteraction] = (0, import_react.useState)("");
-  const [referenceElement, setReferenceElement] = (0, import_react.useState)();
-  const [showPopover, setShowPopover] = (0, import_react.useState)(false);
-  const showTooltip = (0, import_react.useCallback)(() => {
+
+const DSTooltipV3 = props => {
+  const _useWithDefaultProps = useWithDefaultProps.useWithDefaultProps(props),
+        {
+    text,
+    children,
+    onOpen,
+    onClose,
+    id,
+    textAlign
+  } = _useWithDefaultProps,
+        extraPopperJsProps = _objectWithoutProperties__default["default"](_useWithDefaultProps, _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 = (0, import_react.useCallback)(() => {
+  const hideTooltip = react.useCallback(() => {
     setShowPopover(false);
     onClose();
   }, [onClose]);
-  const onFocus = (0, import_react.useCallback)(() => {
+  const onFocus = react.useCallback(() => {
     setIsFocused(true);
+
     if (!showPopover) {
       showTooltip();
-      setLatestOpenInteraction("onFocus");
+      setLatestOpenInteraction('onFocus');
     }
   }, [showPopover, showTooltip]);
-  const onBlur = (0, import_react.useCallback)(() => {
+  const onBlur = react.useCallback(() => {
     setIsFocused(false);
-    if (!isHover || latestOpenInteraction === "onFocus")
-      hideTooltip();
+    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
   }, [hideTooltip, isHover, latestOpenInteraction]);
-  const onMouseEnter = (0, import_react.useCallback)(() => {
+  const onMouseEnter = react.useCallback(() => {
     setIsHover(true);
+
     if (!showPopover) {
       showTooltip();
-      setLatestOpenInteraction("onMouseEnter");
+      setLatestOpenInteraction('onMouseEnter');
     }
   }, [showPopover, showTooltip]);
-  const onMouseLeave = (0, import_react.useCallback)(() => {
+  const onMouseLeave = react.useCallback(() => {
     setIsHover(false);
-    if (!isFocused || latestOpenInteraction === "onMouseEnter")
-      hideTooltip();
+    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
   }, [hideTooltip, isFocused, latestOpenInteraction]);
-  const handleEscKey = (0, import_react.useCallback)(({ key }) => {
-    if (key === "Escape")
-      hideTooltip();
+  const handleEscKey = react.useCallback(_ref => {
+    let {
+      key
+    } = _ref;
+    if (key === 'Escape') hideTooltip();
   }, [hideTooltip]);
   useGlobalKeyboardListener(handleEscKey);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styleds.StyledTriggerWrapper, {
-    onMouseEnter,
-    onMouseLeave,
-    onFocus,
-    onBlur,
-    ref: setReferenceElement,
-    "data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
-    referenceElement,
-    showPopover,
-    withoutPortal: true,
-    ...extraPopperJsProps
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    "data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`
-  }, /* @__PURE__ */ import_react.default.createElement(import_styleds.StyledTooltipContainer, null, /* @__PURE__ */ import_react.default.createElement(import_styleds.StyledTooltipText, {
-    textAlign
-  }, text), /* @__PURE__ */ import_react.default.createElement(import_styleds.StyledMouseOverDetectionBox, null)))), children));
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(styleds.StyledTriggerWrapper, {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: 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"](styleds.StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styleds.StyledTooltipText, {
+          textAlign: textAlign
+        }, void 0, text), _StyledMouseOverDetec || (_StyledMouseOverDetec = /*#__PURE__*/_jsx__default["default"](styleds.StyledMouseOverDetectionBox, {}))))
+      })), children]
+    })
+  });
 };
-DSTooltipV3.propTypes = import_propsTypes.dsTooltipPropTypes;
-const DSTooltipV3WithSchema = (0, import_react_desc.describe)(DSTooltipV3).description("A tooltip component");
-DSTooltipV3WithSchema.propTypes = import_propsTypes.dsTooltipPropTypes;
-var v3_default = DSTooltipV3;
-module.exports = __toCommonJS(v3_exports);
-//# sourceMappingURL=index.js.map
+
+const DSTooltipV3WithSchema = reactDesc.describe(DSTooltipV3).description('A tooltip component');
+DSTooltipV3WithSchema.propTypes = propsTypes.dsTooltipPropTypes;
+
+exports.DSTooltipV3 = DSTooltipV3;
+exports.DSTooltipV3WithSchema = DSTooltipV3WithSchema;
+exports["default"] = DSTooltipV3;

package/cjs/v3/propsTypes.js

@@ -1,80 +1,96 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var propsTypes_exports = {};
-__export(propsTypes_exports, {
-  dsTooltipPropTypes: () => dsTooltipPropTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const dsTooltipPropTypes = {
-  text: import_react_desc.PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,
-  textAlign: import_react_desc.PropTypes.oneOf(["left", "right", "center", "justify", "initial", "inherit"]).description("Tooltip text alignment").defaultValue("left"),
-  children: import_react_desc.PropTypes.node.description("Element to tie the tooltip to, must be a single node").isRequired,
-  withoutPortal: import_react_desc.PropTypes.bool.description("Whether or not the tooltip content should appear in a DOM portal or not").defaultValue(true),
-  withoutArrow: import_react_desc.PropTypes.bool.description("Whether or not the tooltip should use the arrow").defaultValue(false),
-  boundaryElement: import_react_desc.PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(void 0),
-  withoutAnimation: import_react_desc.PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
-  animationDuration: import_react_desc.PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
-  portalDOMContainer: import_react_desc.PropTypes.element.description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
-  startPlacementPreference: import_react_desc.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: import_react_desc.PropTypes.arrayOf(import_react_desc.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: import_react_desc.PropTypes.number.description("popperjs content z-index").defaultValue(1),
-  customOffset: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number).description("placement offset array").defaultValue([0, 14]),
-  modifiers: import_react_desc.PropTypes.array.description("modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/").defaultValue(1),
-  id: import_react_desc.PropTypes.string.description("Optional id appended to data-testid").defaultValue(""),
-  onOpen: import_react_desc.PropTypes.func.description("Optional callback to be invoked when the tooltip opens").defaultValue("() => {}"),
-  onClose: import_react_desc.PropTypes.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}")
+  /**
+   * Tooltip text to be displayed on hover/focus
+   */
+  text: reactDesc.PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
+
+  /**
+   * Tooltip text alignment
+   */
+  textAlign: reactDesc.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: reactDesc.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: reactDesc.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: reactDesc.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: 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),
+
+  /**
+   *  Whether or not the popper context menu should be animated
+   */
+  withoutAnimation: reactDesc.PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
+
+  /**
+   *  Popper context menus Animation duration in ms
+   */
+  animationDuration: reactDesc.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: reactDesc.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: reactDesc.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: reactDesc.PropTypes.arrayOf(reactDesc.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: reactDesc.PropTypes.number.description('popperjs content z-index').defaultValue(1),
+
+  /**
+   *  placement offset array
+   */
+  customOffset: reactDesc.PropTypes.arrayOf(reactDesc.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: reactDesc.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: reactDesc.PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),
+
+  /**
+   * Optional callback to be invoked when the tooltip opens
+   */
+  onOpen: reactDesc.PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),
+
+  /**
+   * 'Optional callback to be invoked when the tooltip closes
+   */
+  onClose: reactDesc.PropTypes.func.description('Optional callback to be invoked when the tooltip closes').defaultValue('() => {}')
 };
-module.exports = __toCommonJS(propsTypes_exports);
-//# sourceMappingURL=propsTypes.js.map
+
+exports.dsTooltipPropTypes = dsTooltipPropTypes;

package/cjs/v3/styleds.js

@@ -1,70 +1,47 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styleds_exports = {};
-__export(styleds_exports, {
-  StyledMouseOverDetectionBox: () => StyledMouseOverDetectionBox,
-  StyledTooltipContainer: () => StyledTooltipContainer,
-  StyledTooltipText: () => StyledTooltipText,
-  StyledTriggerWrapper: () => StyledTriggerWrapper
+'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-18a4gem-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];
 });
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledTooltipContainer = import_styled_components.default.div`
-  text-align: center;
-  min-width: ${({ theme }) => theme.space.l};
-  max-width: 250px;
-  min-height: 30px;
-  display: grid;
-  align-items: center;
-  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]};
-`;
-const StyledTooltipText = import_styled_components.default.div`
-  white-space: normal;
-  word-wrap: break-word;
-  display: inline-block;
-  text-align: ${({ textAlign }) => textAlign};
-`;
-const StyledMouseOverDetectionBox = import_styled_components.default.div`
-  position: absolute;
-  top: -15px;
-  right: -15px;
-  width: calc(100% + 30px);
-  height: calc(100% + 30px);
-  z-index: -1;
-`;
-const StyledTriggerWrapper = import_styled_components.default.div`
-  display: inline-flex;
-  width: 100%;
-`;
-module.exports = __toCommonJS(styleds_exports);
-//# sourceMappingURL=styleds.js.map
+const StyledTooltipText = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-18a4gem-1"
+})(["white-space:normal;word-wrap:break-word;display:inline-block;text-align:", ";"], _ref4 => {
+  let {
+    textAlign
+  } = _ref4;
+  return textAlign;
+});
+const StyledMouseOverDetectionBox = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-18a4gem-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-18a4gem-3"
+})(["display:inline-flex;width:100%;"]);
+
+exports.StyledMouseOverDetectionBox = StyledMouseOverDetectionBox;
+exports.StyledTooltipContainer = StyledTooltipContainer;
+exports.StyledTooltipText = StyledTooltipText;
+exports.StyledTriggerWrapper = StyledTriggerWrapper;

package/esm/index.js

@@ -1,12 +1,5 @@
-import * as React from "react";
-export * from "./v1/DSTooltip";
-export * from "./v2/DSTooltip";
-import { tooltipPositions } from "./v2/utils/tooltipPositions";
-export * from "./v2/TooltipType";
-export * from "./v3";
-import { default as default2 } from "./v1/DSTooltip";
-export {
-  default2 as default,
-  tooltipPositions
-};
-//# sourceMappingURL=index.js.map
+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/index.js';