@elliemae/ds-tooltip 2.4.2-rc.11 → 2.4.2-rc.14

package/cjs/v1/DSTooltip.js

@@ -71,7 +71,7 @@ const DSTooltip = _ref => {
   return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
     blockName: tooltipBlockName,
     contentComponent: /*#__PURE__*/jsxRuntime.jsx(TooltipContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTooltipProps), {}, {
-      className: "tooltip-container--".concat(tooltipType, " ").concat(className),
+      className: `tooltip-container--${tooltipType} ${className}`,
       innerRef: innerRef,
       children: Content
     })),
@@ -95,7 +95,9 @@ const tooltipProps = {
   delayClose: reactDesc.PropTypes.string.description('Delay to close the tooltip').defaultValue(constants.DEFAULT_DELAY_CLOSE),
   delayOpen: reactDesc.PropTypes.string.description('Delay to open the tooltip ').defaultValue(constants.DEFAULT_DELAY_OPEN),
   interactionType: reactDesc.PropTypes.oneOf(DSPopper.interactions).description('A type indicating how to open/close the tooltip').defaultValue(DSPopper.PopperInteractions.HOVER),
-  triggerComponent: reactDesc.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,
+  triggerComponent: reactDesc.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: reactDesc.PropTypes.bool.description('Whether the tooltip is visible or not').defaultValue(undefined),
   onOpen: reactDesc.PropTypes.func.description('Handler when the tooltip opens'),
   springAnimationComponent: reactDesc.PropTypes.element.description('Spring animation component'),

package/cjs/v2/DSTooltip.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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 _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var react = require('react');
 var reactDesc = require('react-desc');
 var DSPortal = require('@elliemae/ds-portal');

package/cjs/v2/propTypes.js

@@ -13,7 +13,9 @@ const tooltipV2Props = {
   title: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Tooltip content').isRequired,
   delayClose: reactDesc.PropTypes.number.description('Delay to close the tooltip').defaultValue(constants.DEFAULT_DELAY_CLOSE),
   delayOpen: reactDesc.PropTypes.number.description('Delay to open the tooltip ').defaultValue(constants.DEFAULT_DELAY_OPEN),
-  triggerComponent: reactDesc.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,
+  triggerComponent: reactDesc.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,
   getIsOpen: reactDesc.PropTypes.func.description('Whether the tooltip is visible or not'),
   onOpen: reactDesc.PropTypes.func.description('Callback when the tooltip opens'),
   showArrow: reactDesc.PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),

package/cjs/v2/styles.js

@@ -2,18 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3;
-const showAnimation = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\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 = dsSystem.kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n    0% {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    100% {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n"])));
+const showAnimation = dsSystem.kfrm`
+    from {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+      visibility: visible;
+    }
+`;
+const hideAnimation = dsSystem.kfrm`
+    0% {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    100% {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+`;
 const StyledTooltipContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1dtjf9j-0"
 })(["&[data-popper-reference-hidden='true']{display:none;pointer-events:none;}"]);
@@ -28,7 +46,7 @@ const StyledAnimatedTooltip = /*#__PURE__*/styled__default["default"].div.withCo
   let {
     theme
   } = _ref2;
-  return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
+  return `${theme.space.xxxs} ${theme.space.xs}`;
 }, _ref3 => {
   let {
     theme
@@ -43,7 +61,9 @@ const StyledAnimatedTooltip = /*#__PURE__*/styled__default["default"].div.withCo
   let {
     showTooltip
   } = _ref5;
-  return dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n      animation: ", " 0.1s ease-in;\n    "])), showTooltip ? showAnimation : hideAnimation);
+  return dsSystem.css`
+      animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;
+    `;
 });
 const StyledTriggerComponentContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1dtjf9j-2"

package/cjs/v3/DSTooltipV3.js

@@ -2,15 +2,14 @@
 
 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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var react = require('react');
 var dsPopperjs = require('@elliemae/ds-popperjs');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
@@ -100,14 +99,14 @@ const DSTooltipV3 = props => {
     onFocus: onFocus,
     onBlur: onBlur,
     ref: setReferenceElement,
-    "data-testid": "".concat(TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
+    "data-testid": `${TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${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) : '')
+        "data-testid": `${TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`
       }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTooltipText, {
         textAlign: textAlign,
         wrapWords: wrapWords

package/cjs/v3/styles.js

@@ -19,7 +19,7 @@ const StyledTooltipContainer = /*#__PURE__*/styled__default["default"].div.withC
   let {
     theme
   } = _ref2;
-  return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
+  return `${theme.space.xxxs} ${theme.space.xs}`;
 }, _ref3 => {
   let {
     theme
@@ -37,7 +37,7 @@ const StyledTooltipText = /*#__PURE__*/styled__default["default"].div.withConfig
   let {
     wrapWords
   } = _ref5;
-  return wrapWords ? "word-break: break-all;" : "white-space: normal;";
+  return wrapWords ? `word-break: break-all;` : `white-space: normal;`;
 });
 const StyledMouseOverDetectionBox = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jxtr2y-2"

package/esm/v1/DSTooltip.js

@@ -60,7 +60,7 @@ const DSTooltip = _ref => {
   return /*#__PURE__*/_jsx(DSPopper, {
     blockName: tooltipBlockName,
     contentComponent: /*#__PURE__*/jsx(TooltipContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTooltipProps), {}, {
-      className: "tooltip-container--".concat(tooltipType, " ").concat(className),
+      className: `tooltip-container--${tooltipType} ${className}`,
       innerRef: innerRef,
       children: Content
     })),
@@ -84,7 +84,9 @@ const tooltipProps = {
   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,
+  triggerComponent: 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: 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'),

package/esm/v2/DSTooltip.js

@@ -5,7 +5,6 @@ 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';

package/esm/v2/propTypes.js

@@ -9,7 +9,9 @@ const tooltipV2Props = {
   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,
+  triggerComponent: 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,
   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),

package/esm/v2/styles.js

@@ -1,10 +1,29 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
 import styled from 'styled-components';
 import { kfrm, css } from '@elliemae/ds-system';
 
-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 showAnimation = kfrm`
+    from {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+      visibility: visible;
+    }
+`;
+const hideAnimation = kfrm`
+    0% {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    100% {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+`;
 const StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1dtjf9j-0"
 })(["&[data-popper-reference-hidden='true']{display:none;pointer-events:none;}"]);
@@ -19,7 +38,7 @@ const StyledAnimatedTooltip = /*#__PURE__*/styled.div.withConfig({
   let {
     theme
   } = _ref2;
-  return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
+  return `${theme.space.xxxs} ${theme.space.xs}`;
 }, _ref3 => {
   let {
     theme
@@ -34,7 +53,9 @@ const StyledAnimatedTooltip = /*#__PURE__*/styled.div.withConfig({
   let {
     showTooltip
   } = _ref5;
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      animation: ", " 0.1s ease-in;\n    "])), showTooltip ? showAnimation : hideAnimation);
+  return css`
+      animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;
+    `;
 });
 const StyledTriggerComponentContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1dtjf9j-2"

package/esm/v3/DSTooltipV3.js

@@ -1,12 +1,11 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { useState, useCallback } from 'react';
 import { DSPopperJS } from '@elliemae/ds-popperjs';
 import { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
@@ -90,14 +89,14 @@ const DSTooltipV3 = props => {
     onFocus: onFocus,
     onBlur: onBlur,
     ref: setReferenceElement,
-    "data-testid": "".concat(TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
+    "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${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) : '')
+        "data-testid": `${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`
       }, void 0, /*#__PURE__*/_jsx(StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {
         textAlign: textAlign,
         wrapWords: wrapWords

package/esm/v3/styles.js

@@ -11,7 +11,7 @@ const StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
   let {
     theme
   } = _ref2;
-  return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
+  return `${theme.space.xxxs} ${theme.space.xs}`;
 }, _ref3 => {
   let {
     theme
@@ -29,7 +29,7 @@ const StyledTooltipText = /*#__PURE__*/styled.div.withConfig({
   let {
     wrapWords
   } = _ref5;
-  return wrapWords ? "word-break: break-all;" : "white-space: normal;";
+  return wrapWords ? `word-break: break-all;` : `white-space: normal;`;
 });
 const StyledMouseOverDetectionBox = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1jxtr2y-2"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "2.4.2-rc.11",
+  "version": "2.4.2-rc.14",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "module": "./esm/index.js",
@@ -104,15 +104,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.2-rc.11",
-    "@elliemae/ds-classnames": "2.4.2-rc.11",
-    "@elliemae/ds-popper": "2.4.2-rc.11",
-    "@elliemae/ds-popperjs": "2.4.2-rc.11",
-    "@elliemae/ds-portal": "2.4.2-rc.11",
-    "@elliemae/ds-props-helpers": "2.4.2-rc.11",
-    "@elliemae/ds-shared": "2.4.2-rc.11",
-    "@elliemae/ds-system": "2.4.2-rc.11",
-    "@elliemae/ds-utilities": "2.4.2-rc.11",
+    "@elliemae/ds-button": "2.4.2-rc.14",
+    "@elliemae/ds-classnames": "2.4.2-rc.14",
+    "@elliemae/ds-popper": "2.4.2-rc.14",
+    "@elliemae/ds-popperjs": "2.4.2-rc.14",
+    "@elliemae/ds-portal": "2.4.2-rc.14",
+    "@elliemae/ds-props-helpers": "2.4.2-rc.14",
+    "@elliemae/ds-shared": "2.4.2-rc.14",
+    "@elliemae/ds-system": "2.4.2-rc.14",
+    "@elliemae/ds-utilities": "2.4.2-rc.14",
     "@popperjs/core": "~2.9.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5"