@elvia/elvis-tooltip - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

CHANGELOG.json

@@ -5,2 +5,15 @@ {
     {
+      "date": "15.11.22",
+      "version": "1.1.3",
+      "changelog": [
+        {
+          "type": "bug_fix",
+          "changes": [
+            "Prevent triggering state change after component is destroyed.",
+            "Prevent tooltip sticking on screen after mouse leaving trigger."
+          ]
+        }
+      ]
+    },
+    {
       "date": "10.11.22",
@@ -7,0 +20,0 @@ "version": "1.1.2",

dist/react/js/elvia-tooltip.js

@@ -5,3 +5,3 @@ /*
  */
-"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.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=(0,_elvisToolbox.useSlot)("trigger",o),r=q.ref,s=(0,_react.useRef)(null),t=(0,_react.useState)(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=(0,_react.useState)(h),y=_slicedToArray(x,2),z=y[0],A=y[1],B=(0,_elvisToolbox.useConnectedOverlay)(r,s,{alignWidths:!1,verticalPosition:(0,_mapPosition.mapPositionToVerticalPosition)(h),horizontalPosition:(0,_mapPosition.mapPositionToHorizontalPosition)(h),offset:14}),C=B.isShowing,D=B.setIsShowing,E=B.verticalPosition,F=B.horizontalPosition,G=B.updatePreferredPosition;(0,_elvisToolbox.useSlot)("content",o,{useEffectDependencies:[C],ref:s});var H=function(){var a=!(0<arguments.length&&void 0!==arguments[0])||arguments[0];(0,_elvisToolbox.isSsr)()?(w(!1),D(!0)):(window.clearTimeout(p),p=window.setTimeout(function(){w(!1),D(!0)},a?j:0))},I=function(){(0,_elvisToolbox.isSsr)()||(window.clearTimeout(p),p=0),w(!0)};(0,_react.useEffect)(function(){var a=null===l||void 0===l?void 0:l.current;if(a){var b=function(){return H()},c=function(){return I()};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]);/* Update on position change and content change */var J=function(){var a=new MutationObserver(function(){G((0,_mapPosition.mapPositionToVerticalPosition)(h),(0,_mapPosition.mapPositionToHorizontalPosition)(h))});return s.current&&a.observe(s.current,{childList:!0,subtree:!0,characterData:!0,attributes:!0}),a};return(0,_react.useEffect)(function(){if(C){var a=J();return G(),function(){return a.disconnect()}}},[C,h]),(0,_react.useEffect)(function(){var a="top";"left"===F||"right"===F?a=F:"bottom"===E&&(a=E),A(a)},[E,F]),(0,_react.useEffect)(function(){var a=function cleanUpTimeout(){p&&!(0,_elvisToolbox.isSsr)()&&window.clearTimeout(p)};return function(){return a()}},[]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(_styledComponents.TriggerContainer,{style:{display:e},onMouseEnter:function onMouseEnter(){return!(null!==l&&void 0!==l&&l.current)&&H(!0)},onMouseLeave:function onMouseLeave(){return!(null!==l&&void 0!==l&&l.current)&&I()},onFocus:function onFocus(){return!(null!==l&&void 0!==l&&l.current)&&H(!1)},onBlur:function onBlur(){return!(null!==l&&void 0!==l&&l.current)&&I()},ref:r},k),C&&!(void 0!==f&&f)&&(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_elvisToolbox.TooltipPopup,{position:z,ref:s,className:null!==n&&void 0!==n?n:"",style:_objectSpread({},m),fadeOut:v,onAnimationEnd:function onAnimationEnd(){v&&D(!1)},"aria-live":"polite"},c),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.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=(0,_react.useState)(!1),r=_slicedToArray(q,2),s=r[0],t=r[1],u=(0,_elvisToolbox.useSlot)("trigger",o),v=u.ref,w=(0,_react.useRef)(null),x=(0,_react.useState)(!1),y=_slicedToArray(x,2),z=y[0],A=y[1],B=(0,_react.useState)(h),C=_slicedToArray(B,2),D=C[0],E=C[1],F=(0,_elvisToolbox.useConnectedOverlay)(v,w,{alignWidths:!1,verticalPosition:(0,_mapPosition.mapPositionToVerticalPosition)(h),horizontalPosition:(0,_mapPosition.mapPositionToHorizontalPosition)(h),offset:14}),G=F.isShowing,H=F.setIsShowing,I=F.verticalPosition,J=F.horizontalPosition,K=F.updatePreferredPosition;(0,_elvisToolbox.useSlot)("content",o,{useEffectDependencies:[G],ref:w});var L=function onOpen(){var a=!(0<arguments.length&&void 0!==arguments[0])||arguments[0];(0,_elvisToolbox.isSsr)()?(A(!1),H(!0)):p=window.setTimeout(function(){s||(A(!1),H(!0))},a?j:0)},M=function onClose(){(0,_elvisToolbox.isSsr)()||window.clearTimeout(p),A(!0)};(0,_react.useEffect)(function(){var a=null!==l&&void 0!==l&&l.current?l.current:v.current;if(a){var b=function onHover(){return L()},c=function onFocus(){return L(!1)},d=function close(){return M()};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,v,null===v||void 0===v?void 0:v.current]);/* Update on position change and content change */var N=function getContentMutationObserver(){var a=new MutationObserver(function(){K((0,_mapPosition.mapPositionToVerticalPosition)(h),(0,_mapPosition.mapPositionToHorizontalPosition)(h))});return w.current&&a.observe(w.current,{childList:!0,subtree:!0,characterData:!0,attributes:!0}),a};return(0,_react.useEffect)(function(){if(G){var a=N();return K(),function(){return a.disconnect()}}},[G,h]),(0,_react.useEffect)(function(){var a="top";"left"===J||"right"===J?a=J:"bottom"===I&&(a=I),E(a)},[I,J]),(0,_react.useEffect)(function(){return function(){return t(!0)}},[]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(_styledComponents.TriggerContainer,{style:{display:e},ref:v},k),G&&!(void 0!==f&&f)&&(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_elvisToolbox.TooltipPopup,{position:D,ref:w,className:null!==n&&void 0!==n?n:"",style:_objectSpread({},m),fadeOut:z,onAnimationEnd:function onAnimationEnd(){z&&H(!1)},"aria-live":"polite"},c),document.body))};exports.Tooltip=Tooltip;var _default=Tooltip;exports.default=_default;
 //# sourceMappingURL=elvia-tooltip.js.map

dist/web_component/js/elvia-tooltip.js

@@ -13,4 +13,3 @@ /*
     return {
-      "name": "elvis-tooltip",
-      "elementName": "elvia-tooltip",
+      "reactName": "Tooltip",
       "attributes": [{
@@ -40,5 +39,3 @@ "name": "trigger",
         "type": "object"
-      }],
-      "reactName": "Tooltip",
-      "slotItems": true
+      }]
     };
@@ -45,0 +42,0 @@ }

package.json

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

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

Lines of code

837

increased by1.21%

Worsened metrics

Total package byte prevSize

169399

decreased by-0.18%

No dependency changes