@elvia/elvis-tooltip - npm Package Compare versions

Comparing version 1.2.3 to 1.3.0

CHANGELOG.json

@@ -5,2 +5,12 @@ {
     {
+      "date": "24.08.23",
+      "version": "1.3.0",
+      "changelog": [
+        {
+          "type": "new_feature",
+          "changes": ["Dark theme support."]
+        }
+      ]
+    },
+    {
       "date": "15.06.23",
@@ -7,0 +17,0 @@ "version": "1.2.3 ",

dist/react/js/elvia-tooltip.js

@@ -5,3 +5,5 @@ /*
  */
-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)}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=_toPropertyKey(b),b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"===_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!==_typeof(a)||null===a)return a;var c=a[Symbol.toPrimitive];if(c!==void 0){var d=c.call(a,b||"default");if("object"!==_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(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,h=[],i=!0,j=!1;try{if(f=(c=c.call(a)).next,0===b){if(Object(c)!==c)return;i=!1}else for(;!(i=(d=f.call(c)).done)&&(h.push(d.value),h.length!==b);i=!0);}catch(a){j=!0,e=a}finally{try{if(!i&&null!=c.return&&(g=c.return(),Object(g)!==g))return}finally{if(j)throw e}}return h}}function _arrayWithHoles(a){if(Array.isArray(a))return a}import React,{useEffect,useRef,useState}from"react";import{createPortal}from"react-dom";import{useConnectedOverlay,isSsr,TooltipPopup,useSlot}from"@elvia/elvis-toolbox";import{TriggerContainer}from"./styledComponents";import{mapPositionToHorizontalPosition,mapPositionToVerticalPosition}from"./mapPosition";export var Tooltip=function(a){var b=a.content,c=void 0===b?"":b,d=a.display,e=void 0===d?"inline-block":d,f=a.isDisabled,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.inlineStyle,n=a.className,o=a.webcomponent,p=0,q=useRef(j),r=useState(!1),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useSlot("trigger",o),w=v.ref,x=useRef(null),y=useState(!1),z=_slicedToArray(y,2),A=z[0],B=z[1],C=useState(h),D=_slicedToArray(C,2),E=D[0],F=D[1],G=useConnectedOverlay(w,x,{alignWidths:!1,verticalPosition:mapPositionToVerticalPosition(h),horizontalPosition:mapPositionToHorizontalPosition(h),offset:14}),H=G.isShowing,I=G.setIsShowing,J=G.verticalPosition,K=G.horizontalPosition,L=G.updatePreferredPosition;useSlot("content",o,{useEffectDependencies:[H],ref:x});var M=function onOpen(){var a=!(0<arguments.length&&void 0!==arguments[0])||arguments[0];isSsr()?(B(!1),I(!0)):p=window.setTimeout(function(){t||(B(!1),I(!0))},a?q.current:0)},N=function onClose(){isSsr()||window.clearTimeout(p),B(!0)};useEffect(function(){var a=null!==l&&void 0!==l&&l.current?l.current:w.current;if(a){var b=function onHover(){return M()},c=function onFocus(){return M(!1)},d=function close(){return N()};return a.addEventListener("mouseenter",b),a.addEventListener("mouseleave",d),a.addEventListener("focus",c),a.addEventListener("blur",d),function(){a.removeEventListener("mouseenter",b),a.removeEventListener("mouseleave",d),a.removeEventListener("focus",c),a.removeEventListener("blur",d)}}},[l,null===l||void 0===l?void 0:l.current,w,null===w||void 0===w?void 0:w.current]);/* Update on position change and content change */var O=function getContentMutationObserver(){var a=new MutationObserver(function(){L(mapPositionToVerticalPosition(h),mapPositionToHorizontalPosition(h))});return x.current&&a.observe(x.current,{childList:!0,subtree:!0,characterData:!0,attributes:!0}),a};return useEffect(function(){if(H){var a=O();return L(),function(){return a.disconnect()}}},[H,h]),useEffect(function(){var a="top";"left"===K||"right"===K?a=K:"bottom"===J&&(a=J),F(a)},[J,K]),useEffect(function(){q.current=j},[j]),useEffect(function(){return function(){return u(!0)}},[]),/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(TriggerContainer,{style:{display:e},ref:w},k),H&&!(void 0!==f&&f)&&createPortal(/*#__PURE__*/React.createElement(TooltipPopup,{position:E,ref:x,className:null!==n&&void 0!==n?n:"",style:_objectSpread({},m),fadeOut:A,onAnimationEnd:function onAnimationEnd(){A&&I(!1)},"aria-live":"polite"},c),document.body))};export default Tooltip;
+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)}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=_toPropertyKey(b),b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"===_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!==_typeof(a)||null===a)return a;var c=a[Symbol.toPrimitive];if(c!==void 0){var d=c.call(a,b||"default");if("object"!==_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(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,h=[],i=!0,j=!1;try{if(f=(c=c.call(a)).next,0===b){if(Object(c)!==c)return;i=!1}else for(;!(i=(d=f.call(c)).done)&&(h.push(d.value),h.length!==b);i=!0);}catch(a){j=!0,e=a}finally{try{if(!i&&null!=c.return&&(g=c.return(),Object(g)!==g))return}finally{if(j)throw e}}return h}}function _arrayWithHoles(a){if(Array.isArray(a))return a}import React,{useEffect,useRef,useState}from"react";import{createPortal}from"react-dom";import{useConnectedOverlay,isSsr,TooltipPopup,useSlot}from"@elvia/elvis-toolbox";import{TriggerContainer}from"./styledComponents";import{mapPositionToHorizontalPosition,mapPositionToVerticalPosition}from"./mapPosition";export var Tooltip=function(a){var b=a.content,c=void 0===b?"":b,d=a.display,e=void 0===d?"inline-block":d,f=a.isDisabled,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.inlineStyle,n=a.className,o=a.webcomponent,p=0,q=useRef(j),r=useState(!1),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useSlot("trigger",o),w=v.ref,x=useRef(null),y=useState(!1),z=_slicedToArray(y,2),A=z[0],B=z[1],C=useState(h),D=_slicedToArray(C,2),E=D[0],F=D[1],G=useConnectedOverlay(w,x,{alignWidths:!1,verticalPosition:mapPositionToVerticalPosition(h),horizontalPosition:mapPositionToHorizontalPosition(h),offset:14}),H=G.isShowing,I=G.setIsShowing,J=G.verticalPosition,K=G.horizontalPosition,L=G.updatePreferredPosition;// We use this ref for delay, since delay is used within an event listener.
+// The regular prop would not receive an updated value inside the event listener.
+useSlot("content",o,{useEffectDependencies:[H],ref:x});var M=function onOpen(){var a=!(0<arguments.length&&void 0!==arguments[0])||arguments[0];isSsr()?(B(!1),I(!0)):p=window.setTimeout(function(){t||(B(!1),I(!0))},a?q.current:0)},N=function onClose(){isSsr()||window.clearTimeout(p),B(!0)};useEffect(function(){var a=null!==l&&void 0!==l&&l.current?l.current:w.current;if(a){var b=function onHover(){return M()},c=function onFocus(){return M(!1)},d=function close(){return N()};return a.addEventListener("mouseenter",b),a.addEventListener("mouseleave",d),a.addEventListener("focus",c),a.addEventListener("blur",d),function(){a.removeEventListener("mouseenter",b),a.removeEventListener("mouseleave",d),a.removeEventListener("focus",c),a.removeEventListener("blur",d)}}},[l,null===l||void 0===l?void 0:l.current,w,null===w||void 0===w?void 0:w.current]);/* Update on position change and content change */var O=function getContentMutationObserver(){var a=new MutationObserver(function(){L(mapPositionToVerticalPosition(h),mapPositionToHorizontalPosition(h))});return x.current&&a.observe(x.current,{childList:!0,subtree:!0,characterData:!0,attributes:!0}),a};return useEffect(function(){if(H){var a=O();return L(),function(){return a.disconnect()}}},[H,h]),useEffect(function(){var a="top";"left"===K||"right"===K?a=K:"bottom"===J&&(a=J),F(a)},[J,K]),useEffect(function(){q.current=j},[j]),useEffect(function(){return function(){return u(!0)}},[]),/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(TriggerContainer,{style:{display:e},ref:w},k),H&&!(void 0!==f&&f)&&createPortal(/*#__PURE__*/React.createElement(TooltipPopup,{position:E,ref:x,className:null!==n&&void 0!==n?n:"",style:_objectSpread({},m),fadeOut:A,onAnimationEnd:function onAnimationEnd(){A&&I(!1)},"aria-live":"polite"},c),document.body))};export default Tooltip;
 //# sourceMappingURL=elvia-tooltip.js.map

package.json

 {
   "name": "@elvia/elvis-tooltip",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "license": "MIT",
@@ -17,3 +17,3 @@ "homepage": "https://design.elvia.io/components/tooltip",
     "@elvia/elvis-component-wrapper": "^4.1.3",
-    "@elvia/elvis-toolbox": "^9.2.0",
+    "@elvia/elvis-toolbox": "^9.6.0",
     "styled-components": "^5.3.3"
@@ -20,0 +20,0 @@ },

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

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

33756

increased by5.11%

Lines of code

500

increased by2.46%

Dependency changes

• Updated@elvia/elvis-toolbox@^9.6.0