@elliemae/ds-tooltip 2.3.0-alpha.9 → 2.3.0-next.0

package/esm/v3/index.js

@@ -0,0 +1,116 @@
+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);
+  }, [func]);
+};
+
+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 [referenceElement, setReferenceElement] = useState();
+  const [showPopover, setShowPopover] = useState(false);
+  const showTooltip = useCallback(() => {
+    setShowPopover(true);
+    onOpen();
+  }, [onOpen]);
+  const hideTooltip = useCallback(() => {
+    setShowPopover(false);
+    onClose();
+  }, [onClose]);
+  const onFocus = useCallback(() => {
+    setIsFocused(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onFocus');
+    }
+  }, [showPopover, showTooltip]);
+  const onBlur = useCallback(() => {
+    setIsFocused(false);
+    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
+  }, [hideTooltip, isHover, latestOpenInteraction]);
+  const onMouseEnter = useCallback(() => {
+    setIsHover(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onMouseEnter');
+    }
+  }, [showPopover, showTooltip]);
+  const onMouseLeave = useCallback(() => {
+    setIsHover(false);
+    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
+  }, [hideTooltip, isFocused, latestOpenInteraction]);
+  const handleEscKey = useCallback(_ref => {
+    let {
+      key
+    } = _ref;
+    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]
+    })
+  });
+};
+
+const DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');
+DSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;
+
+export { DSTooltipV3, DSTooltipV3WithSchema, DSTooltipV3 as default };

package/esm/v3/propsTypes.js

@@ -0,0 +1,92 @@
+import { PropTypes } from 'react-desc';
+
+const dsTooltipPropTypes = {
+  /**
+   * 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 };

package/esm/v3/styleds.js

@@ -0,0 +1,36 @@
+import styled from 'styled-components';
+
+const StyledTooltipContainer = /*#__PURE__*/styled.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];
+});
+const StyledTooltipText = /*#__PURE__*/styled.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.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.div.withConfig({
+  componentId: "sc-18a4gem-3"
+})(["display:inline-flex;width:100%;"]);
+
+export { StyledMouseOverDetectionBox, StyledTooltipContainer, StyledTooltipText, StyledTriggerWrapper };

package/package.json

@@ -1,78 +1,75 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "2.3.0-alpha.9",
+  "version": "2.3.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./v3/TooltipV3DatatestId": {
-      "import": "./dist/esm/v3/TooltipV3DatatestId.js",
-      "require": "./dist/cjs/v3/TooltipV3DatatestId.js"
+      "import": "./esm/v3/TooltipV3DatatestId.js",
+      "require": "./cjs/v3/TooltipV3DatatestId.js"
     },
     "./v3/styleds": {
-      "import": "./dist/esm/v3/styleds.js",
-      "require": "./dist/cjs/v3/styleds.js"
+      "import": "./esm/v3/styleds.js",
+      "require": "./cjs/v3/styleds.js"
     },
     "./v3/propsTypes": {
-      "import": "./dist/esm/v3/propsTypes.js",
-      "require": "./dist/cjs/v3/propsTypes.js"
+      "import": "./esm/v3/propsTypes.js",
+      "require": "./cjs/v3/propsTypes.js"
     },
     "./v3": {
-      "import": "./dist/esm/v3/index.js",
-      "require": "./dist/cjs/v3/index.js"
+      "import": "./esm/v3/index.js",
+      "require": "./cjs/v3/index.js"
     },
     "./v3/config/useWithDefaultProps": {
-      "import": "./dist/esm/v3/config/useWithDefaultProps.js",
-      "require": "./dist/cjs/v3/config/useWithDefaultProps.js"
+      "import": "./esm/v3/config/useWithDefaultProps.js",
+      "require": "./cjs/v3/config/useWithDefaultProps.js"
     },
     "./v2/utils/tooltipPositions": {
-      "import": "./dist/esm/v2/utils/tooltipPositions.js",
-      "require": "./dist/cjs/v2/utils/tooltipPositions.js"
+      "import": "./esm/v2/utils/tooltipPositions.js",
+      "require": "./cjs/v2/utils/tooltipPositions.js"
     },
     "./v2/utils/setMultipleRefs": {
-      "import": "./dist/esm/v2/utils/setMultipleRefs.js",
-      "require": "./dist/cjs/v2/utils/setMultipleRefs.js"
+      "import": "./esm/v2/utils/setMultipleRefs.js",
+      "require": "./cjs/v2/utils/setMultipleRefs.js"
     },
     "./v2/TooltipType": {
-      "import": "./dist/esm/v2/TooltipType.js",
-      "require": "./dist/cjs/v2/TooltipType.js"
+      "import": "./esm/v2/TooltipType.js",
+      "require": "./cjs/v2/TooltipType.js"
     },
     "./v2/styles": {
-      "import": "./dist/esm/v2/styles.js",
-      "require": "./dist/cjs/v2/styles.js"
+      "import": "./esm/v2/styles.js",
+      "require": "./cjs/v2/styles.js"
     },
     "./v2/propTypes": {
-      "import": "./dist/esm/v2/propTypes.js",
-      "require": "./dist/cjs/v2/propTypes.js"
+      "import": "./esm/v2/propTypes.js",
+      "require": "./cjs/v2/propTypes.js"
     },
     "./v2": {
-      "import": "./dist/esm/v2/index.d.js",
-      "require": "./dist/cjs/v2/index.d.js"
+      "import": "./esm/v2/index.d.js",
+      "require": "./cjs/v2/index.d.js"
     },
     "./v2/DSTooltipArrow": {
-      "import": "./dist/esm/v2/DSTooltipArrow.js",
-      "require": "./dist/cjs/v2/DSTooltipArrow.js"
+      "import": "./esm/v2/DSTooltipArrow.js",
+      "require": "./cjs/v2/DSTooltipArrow.js"
     },
     "./v2/DSTooltip": {
-      "import": "./dist/esm/v2/DSTooltip.js",
-      "require": "./dist/cjs/v2/DSTooltip.js"
+      "import": "./esm/v2/DSTooltip.js",
+      "require": "./cjs/v2/DSTooltip.js"
     },
     "./v1/TooltipType": {
-      "import": "./dist/esm/v1/TooltipType.js",
-      "require": "./dist/cjs/v1/TooltipType.js"
+      "import": "./esm/v1/TooltipType.js",
+      "require": "./cjs/v1/TooltipType.js"
     },
     "./v1/DSTooltip": {
-      "import": "./dist/esm/v1/DSTooltip.js",
-      "require": "./dist/cjs/v1/DSTooltip.js"
+      "import": "./esm/v1/DSTooltip.js",
+      "require": "./cjs/v1/DSTooltip.js"
     }
   },
   "sideEffects": [
@@ -84,26 +81,32 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.9",
-    "@elliemae/ds-classnames": "2.3.0-alpha.9",
-    "@elliemae/ds-popper": "2.3.0-alpha.9",
-    "@elliemae/ds-popperjs": "2.3.0-alpha.9",
-    "@elliemae/ds-portal": "2.3.0-alpha.9",
-    "@elliemae/ds-props-helpers": "2.3.0-alpha.9",
-    "@elliemae/ds-shared": "2.3.0-alpha.9",
-    "@elliemae/ds-system": "2.3.0-alpha.9",
-    "@elliemae/ds-utilities": "2.3.0-alpha.9",
-    "@popperjs/core": "~2.9.3",
+    "@elliemae/ds-button": "2.3.0-next.0",
+    "@elliemae/ds-classnames": "2.3.0-next.0",
+    "@elliemae/ds-popper": "2.3.0-next.0",
+    "@elliemae/ds-popperjs": "2.3.0-next.0",
+    "@elliemae/ds-portal": "2.3.0-next.0",
+    "@elliemae/ds-props-helpers": "2.3.0-next.0",
+    "@elliemae/ds-shared": "2.3.0-next.0",
+    "@elliemae/ds-system": "2.3.0-next.0",
+    "@elliemae/ds-utilities": "2.3.0-next.0",
+    "@popperjs/core": "~2.9.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0",
     "react": "^17.0.2",
@@ -117,12 +120,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/{dist/types → types}/index.d.ts

@@ -1,6 +1,6 @@
 export * from './v1/DSTooltip';
+export { default } from './v1/DSTooltip';
 export * from './v2/DSTooltip';
 export { tooltipPositions } from './v2/utils/tooltipPositions';
 export * from './v2/TooltipType';
 export * from './v3';
-export { default } from './v1/DSTooltip';

package/dist/cjs/index.js

@@ -1,41 +0,0 @@
-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 src_exports = {};
-__export(src_exports, {
-  default: () => import_DSTooltip.default,
-  tooltipPositions: () => import_tooltipPositions.tooltipPositions
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./v1/DSTooltip"));
-__reExport(src_exports, require("./v2/DSTooltip"));
-var import_tooltipPositions = require("./v2/utils/tooltipPositions");
-__reExport(src_exports, require("./v2/TooltipType"));
-__reExport(src_exports, require("./v3"));
-var import_DSTooltip = __toESM(require("./v1/DSTooltip"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './v1/DSTooltip';\nexport * from './v2/DSTooltip';\nexport { tooltipPositions } from './v2/utils/tooltipPositions';\nexport * from './v2/TooltipType';\nexport * from './v3';\nexport { default } from './v1/DSTooltip';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,8BAAiC;AACjC,wBAAc;AACd,wBAAc;AACd,uBAAwB;",
-  "names": []
-}

package/dist/cjs/v1/DSTooltip.js

@@ -1,118 +0,0 @@
-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 DSTooltip_exports = {};
-__export(DSTooltip_exports, {
-  DSTooltip: () => DSTooltip,
-  TooltipContainer: () => TooltipContainer,
-  TooltipText: () => TooltipText,
-  TooltipWithSchema: () => TooltipWithSchema,
-  default: () => DSTooltip_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_constants = require("@elliemae/ds-shared/constants");
-var import_ds_popper = require("@elliemae/ds-popper");
-var import_TooltipType = require("./TooltipType");
-const blockName = "tooltip";
-const TooltipContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, false, false, {
-  propsToRemoveFromFinalElement: ["isHovered", "isDragged"]
-});
-const TooltipText = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "text", false, {
-  propsToRemoveFromFinalElement: ["isHovered", "isDragged"]
-});
-const DSTooltip = ({
-  containerProps = {},
-  innerRef,
-  placement = import_ds_popper.PopperPositions.TOP,
-  title = "",
-  delayClose = import_constants.DEFAULT_DELAY_CLOSE,
-  delayOpen = import_constants.DEFAULT_DELAY_OPEN,
-  interactionType = import_ds_popper.PopperInteractions.HOVER,
-  triggerComponent = null,
-  className = "",
-  isOpen = void 0,
-  onOpen = () => null,
-  springAnimationComponent = void 0,
-  tooltipType = import_TooltipType.TooltipType.TOOLTIP,
-  showArrow = true,
-  zIndex,
-  ...otherTooltipProps
-}) => {
-  const { cssClassName: tooltipBlockName } = (0, import_ds_classnames.convertPropToCssClassName)(blockName);
-  let Content = title;
-  if (typeof title === "string") {
-    Content = /* @__PURE__ */ import_react.default.createElement(TooltipText, null, title);
-  }
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-    blockName: tooltipBlockName,
-    contentComponent: /* @__PURE__ */ import_react.default.createElement(TooltipContainer, {
-      ...containerProps,
-      ...otherTooltipProps,
-      className: `tooltip-container--${tooltipType} ${className}`,
-      innerRef
-    }, Content),
-    delayClose,
-    delayOpen,
-    interactionType,
-    isOpen,
-    onOpen,
-    placement,
-    showArrow: tooltipType === import_TooltipType.TooltipType.TOOLTIP ? showArrow : false,
-    springAnimationComponent,
-    triggerComponent: (0, import_ds_utilities.getComponentFromProps)(triggerComponent),
-    zIndex
-  });
-};
-const tooltipProps = {
-  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
-  placement: import_react_desc.PropTypes.oneOf(import_ds_popper.positions).description("Tooltip position").defaultValue(import_ds_popper.PopperPositions.TOP),
-  title: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("Tooltip content").isRequired,
-  delayClose: import_react_desc.PropTypes.string.description("Delay to close the tooltip").defaultValue(import_constants.DEFAULT_DELAY_CLOSE),
-  delayOpen: import_react_desc.PropTypes.string.description("Delay to open the tooltip ").defaultValue(import_constants.DEFAULT_DELAY_OPEN),
-  interactionType: import_react_desc.PropTypes.oneOf(import_ds_popper.interactions).description("A type indicating how to open/close the tooltip").defaultValue(import_ds_popper.PopperInteractions.HOVER),
-  triggerComponent: import_react_desc.PropTypes.element.description(`The component that will open/close the tooltip. 
-    Cannot be used with disabled elements. 
-    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired,
-  isOpen: import_react_desc.PropTypes.bool.description("Whether the tooltip is visible or not").defaultValue(void 0),
-  onOpen: import_react_desc.PropTypes.func.description("Handler when the tooltip opens"),
-  springAnimationComponent: import_react_desc.PropTypes.element.description("Spring animation component"),
-  showArrow: import_react_desc.PropTypes.bool.description("Whether to show an arrow or not").defaultValue(true),
-  className: import_react_desc.PropTypes.string.description("css class"),
-  tooltipType: import_react_desc.PropTypes.oneOf(["tooltip", "toolbar"]).description("Type of tooltip").defaultValue(import_TooltipType.TooltipType.TOOLTIP),
-  zIndex: import_react_desc.PropTypes.number.description("z-index value assigned to the tooltip").defaultValue(void 0),
-  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.object]).description("Ref to the tooltip container element")
-};
-DSTooltip.propTypes = tooltipProps;
-const TooltipWithSchema = (0, import_react_desc.describe)(DSTooltip);
-TooltipWithSchema.propTypes = tooltipProps;
-var DSTooltip_default = DSTooltip;
-module.exports = __toCommonJS(DSTooltip_exports);
-//# sourceMappingURL=DSTooltip.js.map