@elvia/elvis-tooltip - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

CHANGELOG.json

@@ -5,2 +5,14 @@ {
     {
+      "date": "17.10.22",
+      "version": "1.0.5",
+      "changelog": [
+        {
+          "type": "patch",
+          "changes": [
+            "Added an internal function to allow different elements to position and trigger the tooltip. "
+          ]
+        }
+      ]
+    },
+    {
       "date": "07.10.22",
@@ -7,0 +19,0 @@ "version": "1.0.4",

dist/react/js/elvia-tooltip.js

@@ -5,179 +5,3 @@ /*
  */
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Tooltip = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _elvisToolbox = require("@elvia/elvis-toolbox");
-
-var _styledComponents = require("./styledComponents");
-
-var _mapPosition = require("./mapPosition");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Tooltip = function Tooltip(_ref) {
-  var className = _ref.className,
-      _ref$isDisabled = _ref.isDisabled,
-      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-      inlineStyle = _ref.inlineStyle,
-      _ref$content = _ref.content,
-      content = _ref$content === void 0 ? '' : _ref$content,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? 'top' : _ref$position,
-      _ref$showDelay = _ref.showDelay,
-      showDelay = _ref$showDelay === void 0 ? 400 : _ref$showDelay,
-      trigger = _ref.trigger,
-      webcomponent = _ref.webcomponent;
-  var timeoutId = 0;
-  var triggerRef = (0, _react.useRef)(null);
-  var overlayRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      fadeOut = _useState2[0],
-      setFadeOut = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(position),
-      _useState4 = _slicedToArray(_useState3, 2),
-      actualPosition = _useState4[0],
-      setActualPosition = _useState4[1];
-
-  var _useConnectedOverlay = (0, _elvisToolbox.useConnectedOverlay)(triggerRef, overlayRef, {
-    alignWidths: false,
-    verticalPosition: (0, _mapPosition.mapPositionToVerticalPosition)(position),
-    horizontalPosition: (0, _mapPosition.mapPositionToHorizontalPosition)(position),
-    offset: 8 + _styledComponents.arrowSize
-  }),
-      isShowing = _useConnectedOverlay.isShowing,
-      setIsShowing = _useConnectedOverlay.setIsShowing,
-      verticalPosition = _useConnectedOverlay.verticalPosition,
-      horizontalPosition = _useConnectedOverlay.horizontalPosition,
-      updatePreferredPosition = _useConnectedOverlay.updatePreferredPosition;
-
-  var onOpen = function onOpen() {
-    var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
-    if ((0, _elvisToolbox.isSsr)()) {
-      setFadeOut(false);
-      setIsShowing(true);
-    } else {
-      window.clearTimeout(timeoutId);
-      timeoutId = window.setTimeout(function () {
-        setFadeOut(false);
-        setIsShowing(true);
-      }, delay ? showDelay : 0);
-    }
-  };
-
-  var onClose = function onClose() {
-    if (!(0, _elvisToolbox.isSsr)()) {
-      window.clearTimeout(timeoutId);
-    }
-
-    setFadeOut(true);
-  };
-
-  var onAnimationEnd = function onAnimationEnd() {
-    if (fadeOut) {
-      setIsShowing(false);
-    }
-  };
-  /** Get trigger slot */
-
-
-  (0, _react.useEffect)(function () {
-    if (!webcomponent) {
-      return;
-    }
-
-    if (triggerRef.current && webcomponent.getSlot('trigger')) {
-      triggerRef.current.innerHTML = '';
-      triggerRef.current.appendChild(webcomponent.getSlot('trigger'));
-    }
-  }, [webcomponent]);
-  /** Update position from new position-prop */
-
-  (0, _react.useEffect)(function () {
-    var newPosition = position || 'top';
-    setActualPosition(newPosition);
-    updatePreferredPosition((0, _mapPosition.mapPositionToVerticalPosition)(newPosition), (0, _mapPosition.mapPositionToHorizontalPosition)(newPosition));
-  }, [position]);
-  /** Get content slot when the overlayRef is populated */
-
-  (0, _react.useEffect)(function () {
-    if (isShowing && overlayRef.current && webcomponent !== null && webcomponent !== void 0 && webcomponent.getSlot('content')) {
-      overlayRef.current.innerHTML = '';
-      overlayRef.current.appendChild(webcomponent.getSlot('content'));
-      /** We need to update the position, because the dimensions of the
-       * overlay has changed.
-       */
-
-      updatePreferredPosition();
-    }
-  }, [isShowing]);
-  /** Update arrow position when overlay hook adjusts position */
-
-  (0, _react.useEffect)(function () {
-    var newActualPosition = 'top';
-
-    if (horizontalPosition === 'left' || horizontalPosition === 'right') {
-      newActualPosition = horizontalPosition;
-    } else if (verticalPosition === 'bottom') {
-      newActualPosition = verticalPosition;
-    }
-
-    setActualPosition(newActualPosition);
-  }, [verticalPosition, horizontalPosition]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styledComponents.TriggerContainer, {
-    onMouseEnter: function onMouseEnter() {
-      return onOpen(true);
-    },
-    onMouseLeave: onClose,
-    onFocus: function onFocus() {
-      return onOpen(false);
-    },
-    onBlur: onClose,
-    ref: triggerRef
-  }, trigger), isShowing && !isDisabled && (0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_styledComponents.TooltipPopup, {
-    position: actualPosition,
-    ref: overlayRef,
-    className: className !== null && className !== void 0 ? className : '',
-    style: _objectSpread({}, inlineStyle),
-    fadeOut: fadeOut,
-    onAnimationEnd: onAnimationEnd,
-    "aria-live": "polite"
-  }, content), document.body));
-};
-
-exports.Tooltip = Tooltip;
-var _default = Tooltip;
-exports.default = _default;
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tooltip=void 0;var _react=_interopRequireWildcard(require("react")),_reactDom=require("react-dom"),_elvisToolbox=require("@elvia/elvis-toolbox"),_styledComponents=require("./styledComponents"),_mapPosition=require("./mapPosition");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f=[],g=!0,h=!1;try{for(c=c.call(a);!(g=(d=c.next()).done)&&(f.push(d.value),!(b&&f.length===b));g=!0);}catch(a){h=!0,e=a}finally{try{g||null==c["return"]||c["return"]()}finally{if(h)throw e}}return f}}function _arrayWithHoles(a){if(Array.isArray(a))return a}var Tooltip=function(a){var b=a.className,c=a.isDisabled,d=a.inlineStyle,e=a.content,f=void 0===e?"":e,g=a.position,h=void 0===g?"top":g,i=a.showDelay,j=void 0===i?400:i,k=a.trigger,l=a.triggerAreaRef,m=a.webcomponent,n=0,o=(0,_react.useRef)(null),p=(0,_react.useRef)(null),q=(0,_react.useState)(!1),r=_slicedToArray(q,2),s=r[0],t=r[1],u=(0,_react.useState)(h),v=_slicedToArray(u,2),w=v[0],x=v[1],y=(0,_elvisToolbox.useConnectedOverlay)(o,p,{alignWidths:!1,verticalPosition:(0,_mapPosition.mapPositionToVerticalPosition)(h),horizontalPosition:(0,_mapPosition.mapPositionToHorizontalPosition)(h),offset:8+_styledComponents.arrowSize}),z=y.isShowing,A=y.setIsShowing,B=y.verticalPosition,C=y.horizontalPosition,D=y.updatePreferredPosition,E=function(){var a=!(0<arguments.length&&void 0!==arguments[0])||arguments[0];(0,_elvisToolbox.isSsr)()?(t(!1),A(!0)):(window.clearTimeout(n),n=window.setTimeout(function(){t(!1),A(!0)},a?j:0))},F=function(){(0,_elvisToolbox.isSsr)()||window.clearTimeout(n),t(!0)};return(0,_react.useEffect)(function(){!m||o.current&&m.getSlot("trigger")&&(o.current.innerHTML="",o.current.appendChild(m.getSlot("trigger")))},[m]),(0,_react.useEffect)(function(){var a=null===l||void 0===l?void 0:l.current;if(a){var b=function(){E()},c=function(){F()};return a.addEventListener("mouseenter",b),a.addEventListener("mouseleave",c),function(){a.removeEventListener("mouseenter",b),a.removeEventListener("mouseleave",c)}}},[l,null===l||void 0===l?void 0:l.current]),(0,_react.useEffect)(function(){var a=h||"top";x(a),D((0,_mapPosition.mapPositionToVerticalPosition)(a),(0,_mapPosition.mapPositionToHorizontalPosition)(a))},[h]),(0,_react.useEffect)(function(){z&&p.current&&null!==m&&void 0!==m&&m.getSlot("content")&&(p.current.innerHTML="",p.current.appendChild(m.getSlot("content")),D())},[z]),(0,_react.useEffect)(function(){var a="top";"left"===C||"right"===C?a=C:"bottom"===B&&(a=B),x(a)},[B,C]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(_styledComponents.TriggerContainer,{onMouseEnter:function onMouseEnter(){return!(null!==l&&void 0!==l&&l.current)&&E(!0)},onMouseLeave:function onMouseLeave(){return!(null!==l&&void 0!==l&&l.current)&&F()},onFocus:function onFocus(){return!(null!==l&&void 0!==l&&l.current)&&E(!1)},onBlur:function onBlur(){return!(null!==l&&void 0!==l&&l.current)&&F()},ref:o},k),z&&!(void 0!==c&&c)&&(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_styledComponents.TooltipPopup,{position:w,ref:p,className:null!==b&&void 0!==b?b:"",style:_objectSpread({},d),fadeOut:s,onAnimationEnd:function onAnimationEnd(){s&&A(!1)},"aria-live":"polite"},f),document.body))};exports.Tooltip=Tooltip;var _default=Tooltip;exports.default=_default;
+//# sourceMappingURL=elvia-tooltip.js.map

dist/react/js/elviaTooltip.types.d.ts

 import type { ElvisComponentWrapper } from '@elvia/elvis-component-wrapper';
-import { CSSProperties } from 'react';
+import { CSSProperties, RefObject } from 'react';
 export declare type TooltipPosition = 'bottom' | 'top' | 'left' | 'right';
@@ -13,2 +13,6 @@ export interface TooltipProps {
     webcomponent?: ElvisComponentWrapper;
+    /**
+     * @internal
+     */
+    triggerAreaRef?: RefObject<HTMLElement>;
 }

dist/react/js/elviaTooltip.types.js

@@ -5,2 +5,3 @@ /*
  */
-"use strict";
+"use strict";
+//# sourceMappingURL=elviaTooltip.types.js.map

dist/react/js/mapPosition.js

@@ -5,27 +5,3 @@ /*
  */
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mapPositionToVerticalPosition = exports.mapPositionToHorizontalPosition = void 0;
-
-var mapPositionToVerticalPosition = function mapPositionToVerticalPosition(position) {
-  if (position === 'left' || position === 'right') {
-    return 'center';
-  }
-
-  return position;
-};
-
-exports.mapPositionToVerticalPosition = mapPositionToVerticalPosition;
-
-var mapPositionToHorizontalPosition = function mapPositionToHorizontalPosition(position) {
-  if (position === 'bottom' || position === 'top') {
-    return 'center';
-  }
-
-  return position;
-};
-
-exports.mapPositionToHorizontalPosition = mapPositionToHorizontalPosition;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mapPositionToVerticalPosition=exports.mapPositionToHorizontalPosition=void 0;var mapPositionToVerticalPosition=function(a){return"left"===a||"right"===a?"center":a};exports.mapPositionToVerticalPosition=mapPositionToVerticalPosition;var mapPositionToHorizontalPosition=function(a){return"bottom"===a||"top"===a?"center":a};exports.mapPositionToHorizontalPosition=mapPositionToHorizontalPosition;
+//# sourceMappingURL=mapPosition.js.map

dist/react/js/styledComponents.js

@@ -5,73 +5,3 @@ /*
  */
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.colors = exports.arrowSize = exports.TriggerContainer = exports.TooltipPopup = exports.TooltipFadeOut = exports.TooltipFadeIn = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _elvisColors = require("@elvia/elvis-colors");
-
-var _elvisTypography = require("@elvia/elvis-typography");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var arrowSize = 6;
-exports.arrowSize = arrowSize;
-var colors = {
-  tooltipText: (0, _elvisColors.getColor)('white'),
-  tooltipBg: (0, _elvisColors.getColor)('grey-80')
-};
-exports.colors = colors;
-var TooltipFadeIn = (0, _styledComponents.keyframes)(["from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}"]);
-exports.TooltipFadeIn = TooltipFadeIn;
-var TooltipFadeOut = (0, _styledComponents.keyframes)(["from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.7)}"]);
-exports.TooltipFadeOut = TooltipFadeOut;
-
-var TriggerContainer = _styledComponents.default.span.withConfig({
-  displayName: "styledComponents__TriggerContainer",
-  componentId: "sc-jdpnf4-0"
-})(["display:inline-block;"]);
-
-exports.TriggerContainer = TriggerContainer;
-
-var TooltipPopup = _styledComponents.default.div.withConfig({
-  displayName: "styledComponents__TooltipPopup",
-  componentId: "sc-jdpnf4-1"
-})(["", " color:", ";background:", ";display:flex;align-items:center;justify-content:center;padding:0.5rem 0.625rem;border-radius:0.25rem;position:absolute;animation:", " 200ms 1ms forwards;max-width:min(350px,96%);width:max-content;opacity:0;z-index:99999;&::after{content:'';position:absolute;width:0;height:0;}", " ", ""], (0, _elvisTypography.getTypographyCss)('text-sm'), colors.tooltipText, colors.tooltipBg, TooltipFadeIn, function (props) {
-  switch (props.position) {
-    case 'top':
-      {
-        return (0, _styledComponents.css)(["transform-origin:center bottom;&::after{border-left:", "px solid transparent;border-right:", "px solid transparent;border-top:", "px solid ", ";top:100%;}"], arrowSize, arrowSize, arrowSize, colors.tooltipBg);
-      }
-
-    case 'left':
-      {
-        return (0, _styledComponents.css)(["transform-origin:right center;&::after{border-top:", "px solid transparent;border-bottom:", "px solid transparent;border-left:", "px solid ", ";left:100%;}"], arrowSize, arrowSize, arrowSize, colors.tooltipBg);
-      }
-
-    case 'right':
-      {
-        return (0, _styledComponents.css)(["transform-origin:left center;&::after{border-top:", "px solid transparent;border-bottom:", "px solid transparent;border-right:", "px solid ", ";right:100%;}"], arrowSize, arrowSize, arrowSize, colors.tooltipBg);
-      }
-
-    default:
-      {
-        return (0, _styledComponents.css)(["transform-origin:center top;&::after{border-left:", "px solid transparent;border-right:", "px solid transparent;border-bottom:", "px solid ", ";bottom:100%;}"], arrowSize, arrowSize, arrowSize, colors.tooltipBg);
-      }
-  }
-}, function (props) {
-  if (props.fadeOut) {
-    return (0, _styledComponents.css)(["animation:", " 200ms ease;"], TooltipFadeOut);
-  }
-
-  return '';
-});
-
-exports.TooltipPopup = TooltipPopup;
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.colors=exports.arrowSize=exports.TriggerContainer=exports.TooltipPopup=exports.TooltipFadeOut=exports.TooltipFadeIn=void 0;var _styledComponents=_interopRequireWildcard(require("styled-components")),_elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var arrowSize=6;exports.arrowSize=6;var colors={tooltipText:(0,_elvisColors.getColor)("white"),tooltipBg:(0,_elvisColors.getColor)("grey-80")};exports.colors=colors;var TooltipFadeIn=(0,_styledComponents.keyframes)(["from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}"]);exports.TooltipFadeIn=TooltipFadeIn;var TooltipFadeOut=(0,_styledComponents.keyframes)(["from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.7)}"]);exports.TooltipFadeOut=TooltipFadeOut;var TriggerContainer=_styledComponents.default.span.withConfig({displayName:"styledComponents__TriggerContainer",componentId:"sc-jdpnf4-0"})(["display:inline-block;"]);exports.TriggerContainer=TriggerContainer;var TooltipPopup=_styledComponents.default.div.withConfig({displayName:"styledComponents__TooltipPopup",componentId:"sc-jdpnf4-1"})([""," color:",";background:",";display:flex;align-items:center;justify-content:center;padding:0.5rem 0.625rem;border-radius:0.25rem;position:absolute;animation:"," 200ms 1ms forwards;max-width:min(350px,96%);width:max-content;opacity:0;z-index:99999;&::after{content:'';position:absolute;width:0;height:0;}"," ",""],(0,_elvisTypography.getTypographyCss)("text-sm"),colors.tooltipText,colors.tooltipBg,TooltipFadeIn,function(a){switch(a.position){case"top":return(0,_styledComponents.css)(["transform-origin:center bottom;&::after{border-left:","px solid transparent;border-right:","px solid transparent;border-top:","px solid ",";top:100%;}"],arrowSize,arrowSize,arrowSize,colors.tooltipBg);case"left":return(0,_styledComponents.css)(["transform-origin:right center;&::after{border-top:","px solid transparent;border-bottom:","px solid transparent;border-left:","px solid ",";left:100%;}"],arrowSize,arrowSize,arrowSize,colors.tooltipBg);case"right":return(0,_styledComponents.css)(["transform-origin:left center;&::after{border-top:","px solid transparent;border-bottom:","px solid transparent;border-right:","px solid ",";right:100%;}"],arrowSize,arrowSize,arrowSize,colors.tooltipBg);default:return(0,_styledComponents.css)(["transform-origin:center top;&::after{border-left:","px solid transparent;border-right:","px solid transparent;border-bottom:","px solid ",";bottom:100%;}"],arrowSize,arrowSize,arrowSize,colors.tooltipBg);}},function(a){return a.fadeOut?(0,_styledComponents.css)(["animation:"," 200ms ease;"],TooltipFadeOut):""});exports.TooltipPopup=TooltipPopup;
+//# sourceMappingURL=styledComponents.js.map

package.json

 {
   "name": "@elvia/elvis-tooltip",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
@@ -5,0 +5,0 @@ "license": "MIT",

react.d.ts

@@ -0,0 +0,0 @@ declare module '@elvia/elvis-tooltip/react';

react.js

 export { default as Tooltip } from './dist/react/js/elvia-tooltip.js';

README.md

@@ -0,0 +0,0 @@ # Elvia Tooltip

src/react/mapPosition.ts

@@ -0,0 +0,0 @@ import { OverlayHorizontalPosition, OverlayVerticalPosition } from '@elvia/elvis-toolbox';

web_component.js

 export { default as Tooltip } from './dist/web_component/js/elvia-tooltip';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

170109

increased by8.92%

Number of package files

24

increased by20%

Worsened metrics

Lines of code

1024

decreased by-11.88%

Number of low quality alerts

3

increased by200%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes