@elliemae/ds-tooltip 2.0.0-alpha.9 → 2.0.0-next.4

package/cjs/v1/DSTooltip.js

@@ -69,7 +69,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--${tooltipType} ${className}`,
+      className: "tooltip-container--".concat(tooltipType, " ").concat(className),
       innerRef: innerRef,
       children: Content
     })),
@@ -93,9 +93,7 @@ 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(interaction.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. 
-    Cannot be used with disabled elements. 
-    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. \n    Cannot be used with disabled elements. \n    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

@@ -4,6 +4,7 @@ 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');
 var react = require('react');
 var reactDesc = require('react-desc');
 var DSPortal = require('@elliemae/ds-portal');

package/cjs/v2/propTypes.js

@@ -13,9 +13,7 @@ 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. 
-      Cannot be used with disabled elements. 
-      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. \n      Cannot be used with disabled elements. \n      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,36 +2,18 @@
 
 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);
 
-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);
-    }
-`;
+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 StyledTooltipContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1dtjf9j-0"
 })(["&[data-popper-reference-hidden='true']{display:none;pointer-events:none;}"]);
@@ -41,15 +23,13 @@ const StyledAnimatedTooltip = /*#__PURE__*/styled__default["default"].div.withCo
   theme
 }) => theme.space.l, ({
   theme
-}) => `${theme.space.xxxs} ${theme.space.xs}`, ({
+}) => "".concat(theme.space.xxxs, " ").concat(theme.space.xs), ({
   theme
 }) => theme.colors.neutral[600], ({
   showTooltip
 }) => showTooltip ? 'visible' : 'hidden', ({
   showTooltip
-}) => dsSystem.css`
-      animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;
-    `);
+}) => dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n      animation: ", " 0.1s ease-in;\n    "])), showTooltip ? showAnimation : hideAnimation));
 const StyledTriggerComponentContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1dtjf9j-2"
 })(["display:inline-block;"]);

package/cjs/v3/index.js

@@ -5,6 +5,7 @@ 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');
 var react = require('react');
 var dsPopperjs = require('@elliemae/ds-popperjs');
 var reactDesc = require('react-desc');
@@ -58,7 +59,7 @@ const DSTooltipV3 = props => {
       showPopover: showPopover
     }, extraPopperJsProps), {}, {
       children: /*#__PURE__*/_jsx__default["default"]("div", {
-        "data-testid": `${TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`
+        "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, {}, void 0, text)))
     })), /*#__PURE__*/jsxRuntime.jsx("div", {
       onMouseOver: showTooltip,
@@ -67,7 +68,7 @@ const DSTooltipV3 = props => {
       onBlur: hideTooltip,
       onKeyDown: handleEscKey,
       ref: setReferenceElement,
-      "data-testid": `${TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`,
+      "data-testid": "".concat(TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
       children: children
     })]
   });

package/cjs/v3/styleds.js

@@ -14,7 +14,7 @@ const StyledTooltipContainer = /*#__PURE__*/styled__default["default"].div.withC
   theme
 }) => theme.space.l, ({
   theme
-}) => `${theme.space.xxxs} ${theme.space.xs}`, ({
+}) => "".concat(theme.space.xxxs, " ").concat(theme.space.xs), ({
   theme
 }) => theme.colors.neutral[600]);
 const StyledTooltipText = /*#__PURE__*/styled__default["default"].div.withConfig({

package/esm/v1/DSTooltip.js

@@ -57,7 +57,7 @@ const DSTooltip = _ref => {
   return /*#__PURE__*/_jsx(DSPopper, {
     blockName: tooltipBlockName,
     contentComponent: /*#__PURE__*/jsx(TooltipContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTooltipProps), {}, {
-      className: `tooltip-container--${tooltipType} ${className}`,
+      className: "tooltip-container--".concat(tooltipType, " ").concat(className),
       innerRef: innerRef,
       children: Content
     })),
@@ -81,9 +81,7 @@ 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. 
-    Cannot be used with disabled elements. 
-    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired,
+  triggerComponent: PropTypes.element.description("The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired,
   isOpen: PropTypes.bool.description('Whether the tooltip is visible or not').defaultValue(undefined),
   onOpen: PropTypes.func.description('Handler when the tooltip opens'),
   springAnimationComponent: PropTypes.element.description('Spring animation component'),

package/esm/v2/DSTooltip.js

@@ -1,5 +1,6 @@
 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,9 +9,7 @@ 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. 
-      Cannot be used with disabled elements. 
-      https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired,
+  triggerComponent: PropTypes.element.description("The component that will open/close the tooltip. \n      Cannot be used with disabled elements. \n      https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired,
   getIsOpen: PropTypes.func.description('Whether the tooltip is visible or not'),
   onOpen: PropTypes.func.description('Callback when the tooltip opens'),
   showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),

package/esm/v2/styles.js

@@ -1,29 +1,10 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
 import styled from 'styled-components';
 import { kfrm, css } from '@elliemae/ds-system';
 
-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);
-    }
-`;
+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;}"]);
@@ -33,15 +14,13 @@ const StyledAnimatedTooltip = /*#__PURE__*/styled.div.withConfig({
   theme
 }) => theme.space.l, ({
   theme
-}) => `${theme.space.xxxs} ${theme.space.xs}`, ({
+}) => "".concat(theme.space.xxxs, " ").concat(theme.space.xs), ({
   theme
 }) => theme.colors.neutral[600], ({
   showTooltip
 }) => showTooltip ? 'visible' : 'hidden', ({
   showTooltip
-}) => css`
-      animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;
-    `);
+}) => 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;"]);

package/esm/v3/index.js

@@ -1,6 +1,7 @@
 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 { useState, useCallback } from 'react';
 import { DSPopperJS } from '@elliemae/ds-popperjs';
 import { describe } from 'react-desc';
@@ -48,7 +49,7 @@ const DSTooltipV3 = props => {
       showPopover: showPopover
     }, extraPopperJsProps), {}, {
       children: /*#__PURE__*/_jsx("div", {
-        "data-testid": `${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`
+        "data-testid": "".concat(TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
       }, void 0, /*#__PURE__*/_jsx(StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {}, void 0, text)))
     })), /*#__PURE__*/jsx("div", {
       onMouseOver: showTooltip,
@@ -57,7 +58,7 @@ const DSTooltipV3 = props => {
       onBlur: hideTooltip,
       onKeyDown: handleEscKey,
       ref: setReferenceElement,
-      "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`,
+      "data-testid": "".concat(TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
       children: children
     })]
   });

package/esm/v3/styleds.js

@@ -6,7 +6,7 @@ const StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
   theme
 }) => theme.space.l, ({
   theme
-}) => `${theme.space.xxxs} ${theme.space.xs}`, ({
+}) => "".concat(theme.space.xxxs, " ").concat(theme.space.xs), ({
   theme
 }) => theme.colors.neutral[600]);
 const StyledTooltipText = /*#__PURE__*/styled.div.withConfig({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "module": "./esm/index.js",
@@ -92,11 +92,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-alpha.9",
-    "@elliemae/ds-popper": "2.0.0-alpha.9",
-    "@elliemae/ds-shared": "2.0.0-alpha.9",
-    "@elliemae/ds-system": "2.0.0-alpha.9",
-    "@elliemae/ds-utilities": "2.0.0-alpha.9",
+    "@elliemae/ds-classnames": "2.0.0-next.4",
+    "@elliemae/ds-popper": "2.0.0-next.4",
+    "@elliemae/ds-shared": "2.0.0-next.4",
+    "@elliemae/ds-system": "2.0.0-next.4",
+    "@elliemae/ds-utilities": "2.0.0-next.4",
     "@popperjs/core": "2.9.3",
     "react-desc": "^4.1.3",
     "react-popper": "2.2.5"

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}