@commercetools-uikit/tooltip - npm Package Compare versions

Comparing version 0.0.0-canary-20240902123520 to 0.0.0-canary-20240916085337

dist/commercetools-uikit-tooltip.cjs.dev.js

@@ -24,3 +24,2 @@ 'use strict';
 var utils = require('@commercetools-uikit/utils');
-var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var _styled = require('@emotion/styled/base');
@@ -46,8 +45,21 @@ var designSystem = require('@commercetools-uikit/design-system');
 
-var _templateObject, _templateObject2;
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const growIn = react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n"])));
-const growOut = react.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n"])));
+const growIn = react.keyframes`
+  from {
+    transform: scale(0);
+  }
+  to {
+    transform: scale(1);
+  }
+`;
+const growOut = react.keyframes`
+  from {
+    transform: scale(1);
+  }
+  to {
+    transform: scale(0);
+  }
+`;
 const getAnimation = state => {
@@ -57,7 +69,7 @@ switch (state) {
       return {
-        animation: "".concat(growIn, " 80ms")
+        animation: `${growIn} 80ms`
       };
     case 'exiting':
       return {
-        animation: "".concat(growOut, " 80ms")
+        animation: `${growOut} 80ms`
       };
@@ -74,6 +86,6 @@ default:
     case 'right':
-      return "0 ".concat(designSystem.designTokens.spacing10);
+      return `0 ${designSystem.designTokens.spacing10}`;
     case 'top':
     case 'bottom':
-      return "".concat(designSystem.designTokens.spacing10, " 0");
+      return `${designSystem.designTokens.spacing10} 0`;
     default:
@@ -97,8 +109,8 @@ return '';
     customStyles = _ref2.customStyles;
-  const constraintTokenName = "constraint".concat(constraint);
+  const constraintTokenName = `constraint${constraint}`;
   return _objectSpread$1({
     fontFamily: 'inherit',
-    margin: "".concat(getOffsetMargin({
+    margin: `${getOffsetMargin({
       placement
-    }), " !important"),
+    })} !important`,
     maxWidth: constraintTokenName in designSystem.designTokens ? designSystem.designTokens[constraintTokenName] : 'auto',
@@ -142,13 +154,12 @@ // so hovering over the tooltip when the tooltip overlaps the component
 const Tooltip = props => {
-  var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
   const enterTimer = react$1.useRef();
   const leaveTimer = react$1.useRef();
-  if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) {
-    process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.BodyComponent), "ui-kit/Tooltip: the prop 'components.BodyComponent' is not a valid React element.") : void 0;
+  if (props.components?.BodyComponent) {
+    process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.BodyComponent), `ui-kit/Tooltip: the prop 'components.BodyComponent' is not a valid React element.`) : void 0;
   }
-  if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) {
-    process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.TooltipWrapperComponent), "ui-kit/Tooltip: the prop 'components.TooltipWrapperComponent' is not a valid React element.") : void 0;
+  if (props.components?.TooltipWrapperComponent) {
+    process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.TooltipWrapperComponent), `ui-kit/Tooltip: the prop 'components.TooltipWrapperComponent' is not a valid React element.`) : void 0;
   }
-  if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) {
-    process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.WrapperComponent), "ui-kit/Tooltip: the prop 'components.WrapperComponent' is not a valid React element.") : void 0;
+  if (props.components?.WrapperComponent) {
+    process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.WrapperComponent), `ui-kit/Tooltip: the prop 'components.WrapperComponent' is not a valid React element.`) : void 0;
   }
@@ -229,3 +240,3 @@ react$1.useEffect(() => {
       leaveTimer.current = _setTimeout__default["default"](() => {
-        const tooltipElement = popperInstance === null || popperInstance === void 0 ? void 0 : popperInstance.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
+        const tooltipElement = popperInstance?.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
         if (tooltipElement) {
@@ -274,5 +285,5 @@ tooltipElement.addEventListener('animationend', () => handleClose());
   } : {};
-  const WrapperComponent = ((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.WrapperComponent) || Wrapper;
-  const BodyComponent = ((_props$components5 = props.components) === null || _props$components5 === void 0 ? void 0 : _props$components5.BodyComponent) || Body;
-  const TooltipWrapperComponent = ((_props$components6 = props.components) === null || _props$components6 === void 0 ? void 0 : _props$components6.TooltipWrapperComponent) || TooltipWrapper;
+  const WrapperComponent = props.components?.WrapperComponent || Wrapper;
+  const BodyComponent = props.components?.BodyComponent || Body;
+  const TooltipWrapperComponent = props.components?.TooltipWrapperComponent || TooltipWrapper;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -291,3 +302,3 @@ children: [jsxRuntime.jsx(WrapperComponent, _objectSpread(_objectSpread({}, eventListeners), {}, {
           placement: popper.placement,
-          customStyles: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body
+          customStyles: props.styles?.body
         })), process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdWaUIiLCJmaWxlIjoidG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBpbnNwaXJlZCBmcm9tIGh0dHBzOi8vZ2l0aHViLmNvbS9tdWktb3JnL21hdGVyaWFsLXVpL2Jsb2IvOWVjYzhkYjhhYmJmYjgyOTExMWQzYjVjMDY3ODI2NzgyNzk4NDAyNC9wYWNrYWdlcy9tYXRlcmlhbC11aS9zcmMvVG9vbHRpcC9Ub29sdGlwLmpzXG5pbXBvcnQgeyBNb2RpZmllcnMgfSBmcm9tICdwb3BwZXIuanMnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50VHlwZSxcbiAgRm9jdXNFdmVudCxcbiAgQ2hhbmdlRXZlbnQsXG4gIExlZ2FjeVJlZixcbiAgQ1NTUHJvcGVydGllcyxcbiAgUmVhY3RFbGVtZW50LFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIGNsb25lRWxlbWVudCxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IHVzZVBvcHBlciBmcm9tICd1c2UtcG9wcGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZUZpZWxkSWQgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBjcmVhdGVTZXF1ZW50aWFsSWQsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQge1xuICBXcmFwcGVyLFxuICBCb2R5LFxuICBnZXRCb2R5U3R5bGVzLFxuICBnZXRUb29sdGlwU3R5bGVzLFxufSBmcm9tICcuL3Rvb2x0aXAuc3R5bGVzJztcblxuY29uc3Qgc2VxdWVudGlhbElkID0gY3JlYXRlU2VxdWVudGlhbElkKCd0b29sdGlwLScpO1xuXG5leHBvcnQgdHlwZSBUQ29tcG9uZW50cyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgcmVuZGVyZWQgYXMgdGhlIHRvb2x0aXAgYm9keS5cbiAgICovXG4gIEJvZHlDb21wb25lbnQ/OiBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogV2hlcmUgdGhlIHRvb2x0aXAgc2hvdWxkIGJlIHJlbmRlcmVkLiBUaGlzIGNhbiBiZSB1c2VmdWwgdG8gcmVuZGVyIHRoZSB0b29sdGlwIGludG8gYW5vdGhlciBwYXJ0IG9mIHRoZSBkb2N1bWVudCwgdXNpbmcgUmVhY3QgcG9ydGFsLlxuICAgKi9cbiAgVG9vbHRpcFdyYXBwZXJDb21wb25lbnQ/OiBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogQSBjdXN0b20gY29tcG9uZW50IHdyYXBwZXIgZm9yIHRoZSB0b29sdGlwLlxuICAgKi9cbiAgV3JhcHBlckNvbXBvbmVudD86IENvbXBvbmVudFR5cGU7XG59O1xuXG5leHBvcnQgdHlwZSBUVG9vbHRpcFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50O1xuXG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbWlsbGlzZWNvbmRzKSBiZXR3ZWVuIHRoZSBzdGFydCBvZiB0aGUgdXNlciBpbnRlcmFjdGlvbiwgYW5kIHNob3dpbmcgdGhlIHRvb2x0aXAuXG4gICAqL1xuICBzaG93QWZ0ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbWlsbGlzZWNvbmRzKSBiZXR3ZWVuIHRoZSBlbmQgb2YgdGhlIHVzZXIgaW50ZXJhY3Rpb24sIGFuZCB0aGUgY2xvc2luZyBvZiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIGNsb3NlQWZ0ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBDdXN0b20gY3NzLWluLWpzIG9iamVjdCBzdHlsZXMgZm9yIHRoZSB0b29sdGlwIGJvZHkuXG4gICAqL1xuICBzdHlsZXM/OiBSZWNvcmQ8c3RyaW5nLCBDU1NQcm9wZXJ0aWVzPjtcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIHRvb2x0aXAgc2hvdWxkIG5vdCBhcHBlYXIuXG4gICAqL1xuICBvZmY6IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBbiBpZGVudGlmaWVyIGZvciB0aGUgdG9vbHRpcCwgdXNlZCBmb3IgYGFyaWEtZGVzY3JpYmVkYnlgLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBBIGNhbGxiYWNrIGZ1bmN0aW9uLCBjYWxsZWQgd2hlbiB0aGUgdG9vbHRpcCBpcyBjbG9zaW5nLlxuICAgKi9cbiAgb25DbG9zZT86IChlPzogQ2hhbmdlRXZlbnQgfCBGb2N1c0V2ZW50KSA9PiB2b2lkO1xuICAvKipcbiAgICogQSBjYWxsYmFjayBmdW5jdGlvbiwgY2FsbGVkIHdoZW4gdGhlIHRvb2x0aXAgaXMgb3BlbmluZy5cbiAgICovXG4gIG9uT3Blbj86IChlPzogQ2hhbmdlRXZlbnQgfCBGb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBpc09wZW4/OiBib29sZWFuO1xuICAvKipcbiAgICogSG93IHRoZSB0b29sdGlwIGlzIHBvc2l0aW9uZWQgcmVsYXRpdmUgdG8gdGhlIGNoaWxkIGVsZW1lbnQuXG4gICAqL1xuICBwbGFjZW1lbnQ/OlxuICAgIHwgJ3RvcCdcbiAgICB8ICd0b3Atc3RhcnQnXG4gICAgfCAndG9wLWVuZCdcbiAgICB8ICdyaWdodCdcbiAgICB8ICdyaWdodC1zdGFydCdcbiAgICB8ICdyaWdodC1lbmQnXG4gICAgfCAnYm90dG9tJ1xuICAgIHwgJ2JvdHRvbS1zdGFydCdcbiAgICB8ICdib3R0b20tZW5kJ1xuICAgIHwgJ2xlZnQnXG4gICAgfCAnbGVmdC1zdGFydCdcbiAgICB8ICdsZWZ0LWVuZCc7XG4gIC8qKlxuICAgKiBUaGUgbWVzc2FnZSB0byBzaG93IGluIHRoZSB0b29sdGlwLlxuICAgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqXG4gICAqIFByb3ZpZGVzIGEgd2F5IHRvIGZpbmUtdHVuZSBhbiBhcHBlYXJhbmNlIG9mIHVuZGVybHlpbmcgUG9wcGVyIHRvb2x0aXAgZWxlbWVudC4gRm9yIG1vcmUgaW5mb3JtYXRpb24sIHBsZWFzZSBjaGVjayBbUG9wcGVyLmpzIGRvY3VtZW50YXRpb25dKGh0dHBzOi8vcG9wcGVyLmpzLm9yZy9wb3BwZXItZG9jdW1lbnRhdGlvbi5odG1sI21vZGlmaWVycykuXG4gICAqL1xuICBtb2RpZmllcnM/OiBNb2RpZmllcnM7XG4gIC8qKlxuICAgKiBDdXN0b21pemUgdGhlIGFwcGVhcmFuY2Ugb2YgY2VydGFpbiBlbGVtZW50cyBvZiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIGNvbXBvbmVudHM/OiBUQ29tcG9uZW50cztcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIGhvcml6b250YWxDb25zdHJhaW50PzpcbiAgICB8IDFcbiAgICB8IDJcbiAgICB8IDNcbiAgICB8IDRcbiAgICB8IDVcbiAgICB8IDZcbiAgICB8IDdcbiAgICB8IDhcbiAgICB8IDlcbiAgICB8IDEwXG4gICAgfCAxMVxuICAgIHwgMTJcbiAgICB8IDEzXG4gICAgfCAxNFxuICAgIHwgMTVcbiAgICB8IDE2XG4gICAgfCAnc2NhbGUnXG4gICAgfCAnYXV0byc7XG59O1xuXG5leHBvcnQgdHlwZSBUVG9vbHRpcFN0YXRlID0gJ2Nsb3NlZCcgfCAnZW50ZXJpbmcnIHwgJ29wZW5lZCcgfCAnZXhpdGluZyc7XG5cbmNvbnN0IFRvb2x0aXBXcmFwcGVyID0gKHByb3BzOiBQaWNrPFRUb29sdGlwUHJvcHMsICdjaGlsZHJlbic+KSA9PiAoXG4gIDw+e3Byb3BzLmNoaWxkcmVufTwvPlxuKTtcblRvb2x0aXBXcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1Rvb2x0aXBXcmFwcGVyQ29tcG9uZW50JztcblxuY29uc3QgdG9vbHRpcERlZmF1bHRQcm9wczogUGljazxcbiAgVFRvb2x0aXBQcm9wcyxcbiAgJ3Nob3dBZnRlcicgfCAnY2xvc2VBZnRlcicgfCAnaG9yaXpvbnRhbENvbnN0cmFpbnQnIHwgJ29mZicgfCAncGxhY2VtZW50J1xuPiA9IHtcbiAgc2hvd0FmdGVyOiAzMDAsXG4gIGNsb3NlQWZ0ZXI6IDIwMCxcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6ICdzY2FsZScsXG4gIG9mZjogZmFsc2UsXG4gIHBsYWNlbWVudDogJ3RvcCcsXG59O1xuXG5jb25zdCBUb29sdGlwID0gKHByb3BzOiBUVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IGVudGVyVGltZXIgPSB1c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIGNvbnN0IGxlYXZlVGltZXIgPSB1c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG5cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LkJvZHlDb21wb25lbnQpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmNvbXBvbmVudHMuQm9keUNvbXBvbmVudCksXG4gICAgICBgdWkta2l0L1Rvb2x0aXA6IHRoZSBwcm9wICdjb21wb25lbnRzLkJvZHlDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGlzVmFsaWRFbGVtZW50VHlwZShwcm9wcy5jb21wb25lbnRzLlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50KSxcbiAgICAgIGB1aS1raXQvVG9vbHRpcDogdGhlIHByb3AgJ2NvbXBvbmVudHMuVG9vbHRpcFdyYXBwZXJDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LldyYXBwZXJDb21wb25lbnQpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmNvbXBvbmVudHMuV3JhcHBlckNvbXBvbmVudCksXG4gICAgICBgdWkta2l0L1Rvb2x0aXA6IHRoZSBwcm9wICdjb21wb25lbnRzLldyYXBwZXJDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZW50ZXJUaW1lci5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dChlbnRlclRpbWVyLmN1cnJlbnQpO1xuICAgICAgfVxuICAgICAgaWYgKGxlYXZlVGltZXIuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQobGVhdmVUaW1lci5jdXJyZW50KTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgY29uc3QgeyByZWZlcmVuY2UsIHBvcHBlciwgcG9wcGVySW5zdGFuY2UgfSA9IHVzZVBvcHBlcih7XG4gICAgcGxhY2VtZW50OiBwcm9wcy5wbGFjZW1lbnQsXG4gICAgbW9kaWZpZXJzOiBwcm9wcy5tb2RpZmllcnMsXG4gIH0pO1xuICBjb25zdCBbc3RhdGUsIHNldFN0YXRlXSA9IHVzZVN0YXRlPFRUb29sdGlwU3RhdGU+KCdjbG9zZWQnKTtcblxuICBjb25zdCBpc0NvbnRyb2xsZWQgPSAhaXNOaWwocHJvcHMuaXNPcGVuKTtcbiAgY29uc3QgdG9vbHRpcElzT3BlbiA9IGlzQ29udHJvbGxlZFxuICAgID8gcHJvcHMuaXNPcGVuXG4gICAgOiBzdGF0ZSA9PT0gJ29wZW5lZCcgfHwgc3RhdGUgPT09ICdleGl0aW5nJztcbiAgY29uc3QgaWQgPSB1c2VGaWVsZElkKHByb3BzLmlkLCBzZXF1ZW50aWFsSWQpO1xuXG4gIGNvbnN0IHsgb25DbG9zZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50PzogQ2hhbmdlRXZlbnQgfCBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzQ29udHJvbGxlZCkge1xuICAgICAgICBzZXRTdGF0ZSgnY2xvc2VkJyk7XG4gICAgICB9XG4gICAgICBpZiAob25DbG9zZSkge1xuICAgICAgICBvbkNsb3NlKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc0NvbnRyb2xsZWQsIG9uQ2xvc2VdXG4gICk7XG5cbiAgY29uc3QgeyBvbkZvY3VzLCBvbk1vdXNlT3ZlciB9ID0gcHJvcHMuY2hpbGRyZW4ucHJvcHM7XG4gIGNvbnN0IHsgc2hvd0FmdGVyLCBvbk9wZW4gfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVFbnRlciA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudD86IENoYW5nZUV2ZW50IHwgRm9jdXNFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50KSB7XG4gICAgICAgIGlmIChldmVudC50eXBlID09PSAnbW91c2VvdmVyJyAmJiBvbk1vdXNlT3Zlcikge1xuICAgICAgICAgIG9uTW91c2VPdmVyKGV2ZW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChldmVudC50eXBlID09PSAnZm9jdXMnICYmIG9uRm9jdXMpIHtcbiAgICAgICAgICBvbkZvY3VzKGV2ZW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChzdGF0ZSAhPT0gJ29wZW5lZCcgJiYgIWlzQ29udHJvbGxlZCkge1xuICAgICAgICAgIHNldFN0YXRlKCdlbnRlcmluZycpO1xuICAgICAgICAgIGVudGVyVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgc2V0U3RhdGUoJ29wZW5lZCcpO1xuXG4gICAgICAgICAgICBpZiAob25PcGVuKSB7XG4gICAgICAgICAgICAgIG9uT3BlbihldmVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSwgc2hvd0FmdGVyKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uRm9jdXMsIG9uT3Blbiwgb25Nb3VzZU92ZXIsIGlzQ29udHJvbGxlZCwgc3RhdGUsIHNob3dBZnRlcl1cbiAgKTtcblxuICBjb25zdCB7IG9uQmx1ciwgb25Nb3VzZUxlYXZlIH0gPSBwcm9wcy5jaGlsZHJlbi5wcm9wcztcbiAgY29uc3QgeyBjbG9zZUFmdGVyIH0gPSBwcm9wcztcblxuICBjb25zdCBoYW5kbGVMZWF2ZSA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KGVudGVyVGltZXIuY3VycmVudCk7XG4gICAgICBjbGVhclRpbWVvdXQobGVhdmVUaW1lci5jdXJyZW50KTtcblxuICAgICAgaWYgKGV2ZW50LnR5cGUgPT09ICdtb3VzZWxlYXZlJyAmJiBvbk1vdXNlTGVhdmUpIHtcbiAgICAgICAgb25Nb3VzZUxlYXZlKGV2ZW50KTtcbiAgICAgIH1cblxuICAgICAgaWYgKGV2ZW50LnR5cGUgPT09ICdibHVyJyAmJiBvbkJsdXIpIHtcbiAgICAgICAgb25CbHVyKGV2ZW50KTtcbiAgICAgIH1cblxuICAgICAgaWYgKGNsb3NlQWZ0ZXIgJiYgc3RhdGUgPT09ICdvcGVuZWQnKSB7XG4gICAgICAgIGxlYXZlVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHRvb2x0aXBFbGVtZW50ID0gcG9wcGVySW5zdGFuY2U/LnBvcHBlci5xdWVyeVNlbGVjdG9yKFxuICAgICAgICAgICAgJ1tkYXRhLXRlc3RpZD1cInRvb2x0aXAtbWVzc2FnZS13cmFwcGVyXCJdJ1xuICAgICAgICAgICkgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICAgICAgICBpZiAodG9vbHRpcEVsZW1lbnQpIHtcbiAgICAgICAgICAgIHRvb2x0aXBFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2FuaW1hdGlvbmVuZCcsICgpID0+XG4gICAgICAgICAgICAgIGhhbmRsZUNsb3NlKClcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgc2V0U3RhdGUoJ2V4aXRpbmcnKTtcbiAgICAgICAgfSwgY2xvc2VBZnRlcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBoYW5kbGVDbG9zZShldmVudCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbY2xvc2VBZnRlciwgb25CbHVyLCBvbk1vdXNlTGVhdmUsIGhhbmRsZUNsb3NlLCBzdGF0ZSwgcG9wcGVySW5zdGFuY2VdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBpZiB0b29sdGlwIHdhcyBvcGVuLCBhbmQgdGhlbiBjb21wb25lbnRcbiAgICAvLyB1cGRhdGVkIHRvIGJlIG9mZiwgd2Ugc2hvdWxkIGNsb3NlIHRoZSB0b29sdGlwXG4gICAgaWYgKHN0YXRlID09PSAnb3BlbmVkJyAmJiBwcm9wcy5vZmYpIHtcbiAgICAgIGlmIChjbG9zZUFmdGVyKSB7XG4gICAgICAgIGxlYXZlVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICAgIH0sIGNsb3NlQWZ0ZXIpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9wcy5vZmYsIGNsb3NlQWZ0ZXIsIGhhbmRsZUNsb3NlLCBzdGF0ZV0pO1xuXG4gIGNvbnN0IGNoaWxkcmVuUHJvcHMgPSB7XG4gICAgLy8gZG9uJ3QgcGFzcyBldmVudCBsaXN0ZW5lcnMgdG8gY2hpbGRyZW5cbiAgICBvbkZvY3VzOiBudWxsLFxuICAgIG9uTW91c2VPdmVyOiBudWxsLFxuICAgIG9uTW91c2VMZWF2ZTogbnVsbCxcbiAgICBvbkJsdXI6IG51bGwsXG4gIH07XG5cbiAgY29uc3QgdG9vbHRpcFByb3BzID0gIXByb3BzLm9mZlxuICAgID8ge1xuICAgICAgICAnYXJpYS1kZXNjcmliZWRieSc6IHRvb2x0aXBJc09wZW4gPyBpZCA6IG51bGwsXG4gICAgICAgIC8vIGZvciBzZW8gYW5kIGFjY2Vzc2liaWxpdHksIHdlIGFkZCB0aGUgdG9vbHRpcCdzIHRpdGxlXG4gICAgICAgIC8vIGFzIGEgbmF0aXZlIHRpdGxlIHdoZW4gdGhlIHRpdGxlIGlzIGhpZGRlblxuICAgICAgICB0aXRsZTpcbiAgICAgICAgICAhdG9vbHRpcElzT3BlbiAmJlxuICAgICAgICAgIHN0YXRlICE9PSAnZW50ZXJpbmcnICYmXG4gICAgICAgICAgdHlwZW9mIHByb3BzLnRpdGxlID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgPyBwcm9wcy50aXRsZVxuICAgICAgICAgICAgOiBudWxsLFxuICAgICAgfVxuICAgIDoge307XG5cbiAgY29uc3QgZXZlbnRMaXN0ZW5lcnMgPSAhcHJvcHMub2ZmXG4gICAgPyB7XG4gICAgICAgIG9uTW91c2VFbnRlcjogaGFuZGxlRW50ZXIsXG4gICAgICAgIG9uTW91c2VMZWF2ZTogaGFuZGxlTGVhdmUsXG4gICAgICAgIG9uRm9jdXM6IGhhbmRsZUVudGVyLFxuICAgICAgICBvbkJsdXI6IGhhbmRsZUxlYXZlLFxuICAgICAgfVxuICAgIDoge307XG5cbiAgY29uc3QgV3JhcHBlckNvbXBvbmVudCA9IHByb3BzLmNvbXBvbmVudHM/LldyYXBwZXJDb21wb25lbnQgfHwgV3JhcHBlcjtcbiAgY29uc3QgQm9keUNvbXBvbmVudCA9IHByb3BzLmNvbXBvbmVudHM/LkJvZHlDb21wb25lbnQgfHwgQm9keTtcbiAgY29uc3QgVG9vbHRpcFdyYXBwZXJDb21wb25lbnQgPVxuICAgIHByb3BzLmNvbXBvbmVudHM/LlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50IHx8IFRvb2x0aXBXcmFwcGVyO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxXcmFwcGVyQ29tcG9uZW50XG4gICAgICAgIHsuLi5ldmVudExpc3RlbmVyc31cbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvcjogeWVzLCByZWYgY2FuIGJlIHVuZGVmaW5lZFxuICAgICAgICByZWY9e3JlZmVyZW5jZS5yZWZ9XG4gICAgICA+XG4gICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuY2hpbGRyZW4sIHtcbiAgICAgICAgICAuLi5jaGlsZHJlblByb3BzLFxuICAgICAgICAgIC4uLnRvb2x0aXBQcm9wcyxcbiAgICAgICAgfSl9XG4gICAgICA8L1dyYXBwZXJDb21wb25lbnQ+XG4gICAgICB7dG9vbHRpcElzT3BlbiAmJiAoXG4gICAgICAgIDxUb29sdGlwV3JhcHBlckNvbXBvbmVudD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAvLyByZWYgYWNjZXB0cyBgTGVnYWN5UmVmYCwgd2hpY2ggaXMgYSB1bmlvbiBvZiBgUmVmT2JqZWN0YCBhbmQgYHN0cmluZ2BcbiAgICAgICAgICAgIC8vIHByb3BwZXIucmVmIHJldHVybnMgYFJlZk9iamVjdGBcbiAgICAgICAgICAgIHJlZj17cG9wcGVyLnJlZiBhcyBMZWdhY3lSZWY8SFRNTERpdkVsZW1lbnQ+fVxuICAgICAgICAgICAgY3NzPXtjc3Moe1xuICAgICAgICAgICAgICAuLi5wb3BwZXIuc3R5bGVzLFxuICAgICAgICAgICAgICAuLi5nZXRCb2R5U3R5bGVzKHtcbiAgICAgICAgICAgICAgICBjb25zdHJhaW50OiBwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludCxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ6IHBvcHBlci5wbGFjZW1lbnQsXG4gICAgICAgICAgICAgICAgY3VzdG9tU3R5bGVzOiBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICBkYXRhLXBsYWNlbWVudD17cG9wcGVyLnBsYWNlbWVudH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAuLi5nZXRUb29sdGlwU3R5bGVzKHN0YXRlKSxcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG9vbHRpcC1tZXNzYWdlLXdyYXBwZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8Qm9keUNvbXBvbmVudD57cHJvcHMudGl0bGV9PC9Cb2R5Q29tcG9uZW50PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvVG9vbHRpcFdyYXBwZXJDb21wb25lbnQ+XG4gICAgICApfVxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5kaXNwbGF5TmFtZSA9ICdUb29sVGlwJztcblRvb2x0aXAuZGVmYXVsdFByb3BzID0gdG9vbHRpcERlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcDtcbiJdfQ== */"),
@@ -331,5 +342,5 @@ "data-placement": popper.placement,
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.10.0";
+var version = "19.11.0";
 
 exports["default"] = Tooltip$1;
 exports.version = version;

dist/commercetools-uikit-tooltip.cjs.prod.js

@@ -24,3 +24,2 @@ 'use strict';
 var utils = require('@commercetools-uikit/utils');
-var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var _styled = require('@emotion/styled/base');
@@ -45,7 +44,20 @@ var designSystem = require('@commercetools-uikit/design-system');
 
-var _templateObject, _templateObject2;
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const growIn = react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n"])));
-const growOut = react.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n"])));
+const growIn = react.keyframes`
+  from {
+    transform: scale(0);
+  }
+  to {
+    transform: scale(1);
+  }
+`;
+const growOut = react.keyframes`
+  from {
+    transform: scale(1);
+  }
+  to {
+    transform: scale(0);
+  }
+`;
 const getAnimation = state => {
@@ -55,7 +67,7 @@ switch (state) {
       return {
-        animation: "".concat(growIn, " 80ms")
+        animation: `${growIn} 80ms`
       };
     case 'exiting':
       return {
-        animation: "".concat(growOut, " 80ms")
+        animation: `${growOut} 80ms`
       };
@@ -72,6 +84,6 @@ default:
     case 'right':
-      return "0 ".concat(designSystem.designTokens.spacing10);
+      return `0 ${designSystem.designTokens.spacing10}`;
     case 'top':
     case 'bottom':
-      return "".concat(designSystem.designTokens.spacing10, " 0");
+      return `${designSystem.designTokens.spacing10} 0`;
     default:
@@ -92,8 +104,8 @@ return '';
     customStyles = _ref2.customStyles;
-  const constraintTokenName = "constraint".concat(constraint);
+  const constraintTokenName = `constraint${constraint}`;
   return _objectSpread$1({
     fontFamily: 'inherit',
-    margin: "".concat(getOffsetMargin({
+    margin: `${getOffsetMargin({
       placement
-    }), " !important"),
+    })} !important`,
     maxWidth: constraintTokenName in designSystem.designTokens ? designSystem.designTokens[constraintTokenName] : 'auto',
@@ -129,8 +141,7 @@ // so hovering over the tooltip when the tooltip overlaps the component
 const Tooltip = props => {
-  var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
   const enterTimer = react$1.useRef();
   const leaveTimer = react$1.useRef();
-  if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) ;
-  if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) ;
-  if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) ;
+  if (props.components?.BodyComponent) ;
+  if (props.components?.TooltipWrapperComponent) ;
+  if (props.components?.WrapperComponent) ;
   react$1.useEffect(() => {
@@ -210,3 +221,3 @@ return () => {
       leaveTimer.current = _setTimeout__default["default"](() => {
-        const tooltipElement = popperInstance === null || popperInstance === void 0 ? void 0 : popperInstance.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
+        const tooltipElement = popperInstance?.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
         if (tooltipElement) {
@@ -255,5 +266,5 @@ tooltipElement.addEventListener('animationend', () => handleClose());
   } : {};
-  const WrapperComponent = ((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.WrapperComponent) || Wrapper;
-  const BodyComponent = ((_props$components5 = props.components) === null || _props$components5 === void 0 ? void 0 : _props$components5.BodyComponent) || Body;
-  const TooltipWrapperComponent = ((_props$components6 = props.components) === null || _props$components6 === void 0 ? void 0 : _props$components6.TooltipWrapperComponent) || TooltipWrapper;
+  const WrapperComponent = props.components?.WrapperComponent || Wrapper;
+  const BodyComponent = props.components?.BodyComponent || Body;
+  const TooltipWrapperComponent = props.components?.TooltipWrapperComponent || TooltipWrapper;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -272,3 +283,3 @@ children: [jsxRuntime.jsx(WrapperComponent, _objectSpread(_objectSpread({}, eventListeners), {}, {
           placement: popper.placement,
-          customStyles: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body
+          customStyles: props.styles?.body
         })), "" , "" ),
@@ -293,5 +304,5 @@ "data-placement": popper.placement,
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.10.0";
+var version = "19.11.0";
 
 exports["default"] = Tooltip$1;
 exports.version = version;

dist/commercetools-uikit-tooltip.esm.js

@@ -20,3 +20,2 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { createSequentialId, warning } from '@commercetools-uikit/utils';
-import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
 import _styled from '@emotion/styled/base';
@@ -26,8 +25,21 @@ import { designTokens } from '@commercetools-uikit/design-system';
 
-var _templateObject, _templateObject2;
 function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const growIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n"])));
-const growOut = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n"])));
+const growIn = keyframes`
+  from {
+    transform: scale(0);
+  }
+  to {
+    transform: scale(1);
+  }
+`;
+const growOut = keyframes`
+  from {
+    transform: scale(1);
+  }
+  to {
+    transform: scale(0);
+  }
+`;
 const getAnimation = state => {
@@ -37,7 +49,7 @@ switch (state) {
       return {
-        animation: "".concat(growIn, " 80ms")
+        animation: `${growIn} 80ms`
       };
     case 'exiting':
       return {
-        animation: "".concat(growOut, " 80ms")
+        animation: `${growOut} 80ms`
       };
@@ -54,6 +66,6 @@ default:
     case 'right':
-      return "0 ".concat(designTokens.spacing10);
+      return `0 ${designTokens.spacing10}`;
     case 'top':
     case 'bottom':
-      return "".concat(designTokens.spacing10, " 0");
+      return `${designTokens.spacing10} 0`;
     default:
@@ -77,8 +89,8 @@ return '';
     customStyles = _ref2.customStyles;
-  const constraintTokenName = "constraint".concat(constraint);
+  const constraintTokenName = `constraint${constraint}`;
   return _objectSpread$1({
     fontFamily: 'inherit',
-    margin: "".concat(getOffsetMargin({
+    margin: `${getOffsetMargin({
       placement
-    }), " !important"),
+    })} !important`,
     maxWidth: constraintTokenName in designTokens ? designTokens[constraintTokenName] : 'auto',
@@ -122,13 +134,12 @@ // so hovering over the tooltip when the tooltip overlaps the component
 const Tooltip = props => {
-  var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
   const enterTimer = useRef();
   const leaveTimer = useRef();
-  if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) {
-    process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.BodyComponent), "ui-kit/Tooltip: the prop 'components.BodyComponent' is not a valid React element.") : void 0;
+  if (props.components?.BodyComponent) {
+    process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.BodyComponent), `ui-kit/Tooltip: the prop 'components.BodyComponent' is not a valid React element.`) : void 0;
   }
-  if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) {
-    process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.TooltipWrapperComponent), "ui-kit/Tooltip: the prop 'components.TooltipWrapperComponent' is not a valid React element.") : void 0;
+  if (props.components?.TooltipWrapperComponent) {
+    process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.TooltipWrapperComponent), `ui-kit/Tooltip: the prop 'components.TooltipWrapperComponent' is not a valid React element.`) : void 0;
   }
-  if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) {
-    process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.WrapperComponent), "ui-kit/Tooltip: the prop 'components.WrapperComponent' is not a valid React element.") : void 0;
+  if (props.components?.WrapperComponent) {
+    process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.WrapperComponent), `ui-kit/Tooltip: the prop 'components.WrapperComponent' is not a valid React element.`) : void 0;
   }
@@ -209,3 +220,3 @@ useEffect(() => {
       leaveTimer.current = _setTimeout(() => {
-        const tooltipElement = popperInstance === null || popperInstance === void 0 ? void 0 : popperInstance.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
+        const tooltipElement = popperInstance?.popper.querySelector('[data-testid="tooltip-message-wrapper"]');
         if (tooltipElement) {
@@ -254,5 +265,5 @@ tooltipElement.addEventListener('animationend', () => handleClose());
   } : {};
-  const WrapperComponent = ((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.WrapperComponent) || Wrapper;
-  const BodyComponent = ((_props$components5 = props.components) === null || _props$components5 === void 0 ? void 0 : _props$components5.BodyComponent) || Body;
-  const TooltipWrapperComponent = ((_props$components6 = props.components) === null || _props$components6 === void 0 ? void 0 : _props$components6.TooltipWrapperComponent) || TooltipWrapper;
+  const WrapperComponent = props.components?.WrapperComponent || Wrapper;
+  const BodyComponent = props.components?.BodyComponent || Body;
+  const TooltipWrapperComponent = props.components?.TooltipWrapperComponent || TooltipWrapper;
   return jsxs(Fragment, {
@@ -271,3 +282,3 @@ children: [jsx(WrapperComponent, _objectSpread(_objectSpread({}, eventListeners), {}, {
           placement: popper.placement,
-          customStyles: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body
+          customStyles: props.styles?.body
         })), process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdWaUIiLCJmaWxlIjoidG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBpbnNwaXJlZCBmcm9tIGh0dHBzOi8vZ2l0aHViLmNvbS9tdWktb3JnL21hdGVyaWFsLXVpL2Jsb2IvOWVjYzhkYjhhYmJmYjgyOTExMWQzYjVjMDY3ODI2NzgyNzk4NDAyNC9wYWNrYWdlcy9tYXRlcmlhbC11aS9zcmMvVG9vbHRpcC9Ub29sdGlwLmpzXG5pbXBvcnQgeyBNb2RpZmllcnMgfSBmcm9tICdwb3BwZXIuanMnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50VHlwZSxcbiAgRm9jdXNFdmVudCxcbiAgQ2hhbmdlRXZlbnQsXG4gIExlZ2FjeVJlZixcbiAgQ1NTUHJvcGVydGllcyxcbiAgUmVhY3RFbGVtZW50LFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIGNsb25lRWxlbWVudCxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IHVzZVBvcHBlciBmcm9tICd1c2UtcG9wcGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZUZpZWxkSWQgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBjcmVhdGVTZXF1ZW50aWFsSWQsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQge1xuICBXcmFwcGVyLFxuICBCb2R5LFxuICBnZXRCb2R5U3R5bGVzLFxuICBnZXRUb29sdGlwU3R5bGVzLFxufSBmcm9tICcuL3Rvb2x0aXAuc3R5bGVzJztcblxuY29uc3Qgc2VxdWVudGlhbElkID0gY3JlYXRlU2VxdWVudGlhbElkKCd0b29sdGlwLScpO1xuXG5leHBvcnQgdHlwZSBUQ29tcG9uZW50cyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgcmVuZGVyZWQgYXMgdGhlIHRvb2x0aXAgYm9keS5cbiAgICovXG4gIEJvZHlDb21wb25lbnQ/OiBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogV2hlcmUgdGhlIHRvb2x0aXAgc2hvdWxkIGJlIHJlbmRlcmVkLiBUaGlzIGNhbiBiZSB1c2VmdWwgdG8gcmVuZGVyIHRoZSB0b29sdGlwIGludG8gYW5vdGhlciBwYXJ0IG9mIHRoZSBkb2N1bWVudCwgdXNpbmcgUmVhY3QgcG9ydGFsLlxuICAgKi9cbiAgVG9vbHRpcFdyYXBwZXJDb21wb25lbnQ/OiBDb21wb25lbnRUeXBlO1xuICAvKipcbiAgICogQSBjdXN0b20gY29tcG9uZW50IHdyYXBwZXIgZm9yIHRoZSB0b29sdGlwLlxuICAgKi9cbiAgV3JhcHBlckNvbXBvbmVudD86IENvbXBvbmVudFR5cGU7XG59O1xuXG5leHBvcnQgdHlwZSBUVG9vbHRpcFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50O1xuXG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbWlsbGlzZWNvbmRzKSBiZXR3ZWVuIHRoZSBzdGFydCBvZiB0aGUgdXNlciBpbnRlcmFjdGlvbiwgYW5kIHNob3dpbmcgdGhlIHRvb2x0aXAuXG4gICAqL1xuICBzaG93QWZ0ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbWlsbGlzZWNvbmRzKSBiZXR3ZWVuIHRoZSBlbmQgb2YgdGhlIHVzZXIgaW50ZXJhY3Rpb24sIGFuZCB0aGUgY2xvc2luZyBvZiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIGNsb3NlQWZ0ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBDdXN0b20gY3NzLWluLWpzIG9iamVjdCBzdHlsZXMgZm9yIHRoZSB0b29sdGlwIGJvZHkuXG4gICAqL1xuICBzdHlsZXM/OiBSZWNvcmQ8c3RyaW5nLCBDU1NQcm9wZXJ0aWVzPjtcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIHRvb2x0aXAgc2hvdWxkIG5vdCBhcHBlYXIuXG4gICAqL1xuICBvZmY6IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBbiBpZGVudGlmaWVyIGZvciB0aGUgdG9vbHRpcCwgdXNlZCBmb3IgYGFyaWEtZGVzY3JpYmVkYnlgLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBBIGNhbGxiYWNrIGZ1bmN0aW9uLCBjYWxsZWQgd2hlbiB0aGUgdG9vbHRpcCBpcyBjbG9zaW5nLlxuICAgKi9cbiAgb25DbG9zZT86IChlPzogQ2hhbmdlRXZlbnQgfCBGb2N1c0V2ZW50KSA9PiB2b2lkO1xuICAvKipcbiAgICogQSBjYWxsYmFjayBmdW5jdGlvbiwgY2FsbGVkIHdoZW4gdGhlIHRvb2x0aXAgaXMgb3BlbmluZy5cbiAgICovXG4gIG9uT3Blbj86IChlPzogQ2hhbmdlRXZlbnQgfCBGb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBpc09wZW4/OiBib29sZWFuO1xuICAvKipcbiAgICogSG93IHRoZSB0b29sdGlwIGlzIHBvc2l0aW9uZWQgcmVsYXRpdmUgdG8gdGhlIGNoaWxkIGVsZW1lbnQuXG4gICAqL1xuICBwbGFjZW1lbnQ/OlxuICAgIHwgJ3RvcCdcbiAgICB8ICd0b3Atc3RhcnQnXG4gICAgfCAndG9wLWVuZCdcbiAgICB8ICdyaWdodCdcbiAgICB8ICdyaWdodC1zdGFydCdcbiAgICB8ICdyaWdodC1lbmQnXG4gICAgfCAnYm90dG9tJ1xuICAgIHwgJ2JvdHRvbS1zdGFydCdcbiAgICB8ICdib3R0b20tZW5kJ1xuICAgIHwgJ2xlZnQnXG4gICAgfCAnbGVmdC1zdGFydCdcbiAgICB8ICdsZWZ0LWVuZCc7XG4gIC8qKlxuICAgKiBUaGUgbWVzc2FnZSB0byBzaG93IGluIHRoZSB0b29sdGlwLlxuICAgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqXG4gICAqIFByb3ZpZGVzIGEgd2F5IHRvIGZpbmUtdHVuZSBhbiBhcHBlYXJhbmNlIG9mIHVuZGVybHlpbmcgUG9wcGVyIHRvb2x0aXAgZWxlbWVudC4gRm9yIG1vcmUgaW5mb3JtYXRpb24sIHBsZWFzZSBjaGVjayBbUG9wcGVyLmpzIGRvY3VtZW50YXRpb25dKGh0dHBzOi8vcG9wcGVyLmpzLm9yZy9wb3BwZXItZG9jdW1lbnRhdGlvbi5odG1sI21vZGlmaWVycykuXG4gICAqL1xuICBtb2RpZmllcnM/OiBNb2RpZmllcnM7XG4gIC8qKlxuICAgKiBDdXN0b21pemUgdGhlIGFwcGVhcmFuY2Ugb2YgY2VydGFpbiBlbGVtZW50cyBvZiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIGNvbXBvbmVudHM/OiBUQ29tcG9uZW50cztcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgdG9vbHRpcC5cbiAgICovXG4gIGhvcml6b250YWxDb25zdHJhaW50PzpcbiAgICB8IDFcbiAgICB8IDJcbiAgICB8IDNcbiAgICB8IDRcbiAgICB8IDVcbiAgICB8IDZcbiAgICB8IDdcbiAgICB8IDhcbiAgICB8IDlcbiAgICB8IDEwXG4gICAgfCAxMVxuICAgIHwgMTJcbiAgICB8IDEzXG4gICAgfCAxNFxuICAgIHwgMTVcbiAgICB8IDE2XG4gICAgfCAnc2NhbGUnXG4gICAgfCAnYXV0byc7XG59O1xuXG5leHBvcnQgdHlwZSBUVG9vbHRpcFN0YXRlID0gJ2Nsb3NlZCcgfCAnZW50ZXJpbmcnIHwgJ29wZW5lZCcgfCAnZXhpdGluZyc7XG5cbmNvbnN0IFRvb2x0aXBXcmFwcGVyID0gKHByb3BzOiBQaWNrPFRUb29sdGlwUHJvcHMsICdjaGlsZHJlbic+KSA9PiAoXG4gIDw+e3Byb3BzLmNoaWxkcmVufTwvPlxuKTtcblRvb2x0aXBXcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1Rvb2x0aXBXcmFwcGVyQ29tcG9uZW50JztcblxuY29uc3QgdG9vbHRpcERlZmF1bHRQcm9wczogUGljazxcbiAgVFRvb2x0aXBQcm9wcyxcbiAgJ3Nob3dBZnRlcicgfCAnY2xvc2VBZnRlcicgfCAnaG9yaXpvbnRhbENvbnN0cmFpbnQnIHwgJ29mZicgfCAncGxhY2VtZW50J1xuPiA9IHtcbiAgc2hvd0FmdGVyOiAzMDAsXG4gIGNsb3NlQWZ0ZXI6IDIwMCxcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6ICdzY2FsZScsXG4gIG9mZjogZmFsc2UsXG4gIHBsYWNlbWVudDogJ3RvcCcsXG59O1xuXG5jb25zdCBUb29sdGlwID0gKHByb3BzOiBUVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IGVudGVyVGltZXIgPSB1c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIGNvbnN0IGxlYXZlVGltZXIgPSB1c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG5cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LkJvZHlDb21wb25lbnQpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmNvbXBvbmVudHMuQm9keUNvbXBvbmVudCksXG4gICAgICBgdWkta2l0L1Rvb2x0aXA6IHRoZSBwcm9wICdjb21wb25lbnRzLkJvZHlDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGlzVmFsaWRFbGVtZW50VHlwZShwcm9wcy5jb21wb25lbnRzLlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50KSxcbiAgICAgIGB1aS1raXQvVG9vbHRpcDogdGhlIHByb3AgJ2NvbXBvbmVudHMuVG9vbHRpcFdyYXBwZXJDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LldyYXBwZXJDb21wb25lbnQpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnRUeXBlKHByb3BzLmNvbXBvbmVudHMuV3JhcHBlckNvbXBvbmVudCksXG4gICAgICBgdWkta2l0L1Rvb2x0aXA6IHRoZSBwcm9wICdjb21wb25lbnRzLldyYXBwZXJDb21wb25lbnQnIGlzIG5vdCBhIHZhbGlkIFJlYWN0IGVsZW1lbnQuYFxuICAgICk7XG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZW50ZXJUaW1lci5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dChlbnRlclRpbWVyLmN1cnJlbnQpO1xuICAgICAgfVxuICAgICAgaWYgKGxlYXZlVGltZXIuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQobGVhdmVUaW1lci5jdXJyZW50KTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgY29uc3QgeyByZWZlcmVuY2UsIHBvcHBlciwgcG9wcGVySW5zdGFuY2UgfSA9IHVzZVBvcHBlcih7XG4gICAgcGxhY2VtZW50OiBwcm9wcy5wbGFjZW1lbnQsXG4gICAgbW9kaWZpZXJzOiBwcm9wcy5tb2RpZmllcnMsXG4gIH0pO1xuICBjb25zdCBbc3RhdGUsIHNldFN0YXRlXSA9IHVzZVN0YXRlPFRUb29sdGlwU3RhdGU+KCdjbG9zZWQnKTtcblxuICBjb25zdCBpc0NvbnRyb2xsZWQgPSAhaXNOaWwocHJvcHMuaXNPcGVuKTtcbiAgY29uc3QgdG9vbHRpcElzT3BlbiA9IGlzQ29udHJvbGxlZFxuICAgID8gcHJvcHMuaXNPcGVuXG4gICAgOiBzdGF0ZSA9PT0gJ29wZW5lZCcgfHwgc3RhdGUgPT09ICdleGl0aW5nJztcbiAgY29uc3QgaWQgPSB1c2VGaWVsZElkKHByb3BzLmlkLCBzZXF1ZW50aWFsSWQpO1xuXG4gIGNvbnN0IHsgb25DbG9zZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50PzogQ2hhbmdlRXZlbnQgfCBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzQ29udHJvbGxlZCkge1xuICAgICAgICBzZXRTdGF0ZSgnY2xvc2VkJyk7XG4gICAgICB9XG4gICAgICBpZiAob25DbG9zZSkge1xuICAgICAgICBvbkNsb3NlKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc0NvbnRyb2xsZWQsIG9uQ2xvc2VdXG4gICk7XG5cbiAgY29uc3QgeyBvbkZvY3VzLCBvbk1vdXNlT3ZlciB9ID0gcHJvcHMuY2hpbGRyZW4ucHJvcHM7XG4gIGNvbnN0IHsgc2hvd0FmdGVyLCBvbk9wZW4gfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVFbnRlciA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudD86IENoYW5nZUV2ZW50IHwgRm9jdXNFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50KSB7XG4gICAgICAgIGlmIChldmVudC50eXBlID09PSAnbW91c2VvdmVyJyAmJiBvbk1vdXNlT3Zlcikge1xuICAgICAgICAgIG9uTW91c2VPdmVyKGV2ZW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChldmVudC50eXBlID09PSAnZm9jdXMnICYmIG9uRm9jdXMpIHtcbiAgICAgICAgICBvbkZvY3VzKGV2ZW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChzdGF0ZSAhPT0gJ29wZW5lZCcgJiYgIWlzQ29udHJvbGxlZCkge1xuICAgICAgICAgIHNldFN0YXRlKCdlbnRlcmluZycpO1xuICAgICAgICAgIGVudGVyVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgc2V0U3RhdGUoJ29wZW5lZCcpO1xuXG4gICAgICAgICAgICBpZiAob25PcGVuKSB7XG4gICAgICAgICAgICAgIG9uT3BlbihldmVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSwgc2hvd0FmdGVyKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uRm9jdXMsIG9uT3Blbiwgb25Nb3VzZU92ZXIsIGlzQ29udHJvbGxlZCwgc3RhdGUsIHNob3dBZnRlcl1cbiAgKTtcblxuICBjb25zdCB7IG9uQmx1ciwgb25Nb3VzZUxlYXZlIH0gPSBwcm9wcy5jaGlsZHJlbi5wcm9wcztcbiAgY29uc3QgeyBjbG9zZUFmdGVyIH0gPSBwcm9wcztcblxuICBjb25zdCBoYW5kbGVMZWF2ZSA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KGVudGVyVGltZXIuY3VycmVudCk7XG4gICAgICBjbGVhclRpbWVvdXQobGVhdmVUaW1lci5jdXJyZW50KTtcblxuICAgICAgaWYgKGV2ZW50LnR5cGUgPT09ICdtb3VzZWxlYXZlJyAmJiBvbk1vdXNlTGVhdmUpIHtcbiAgICAgICAgb25Nb3VzZUxlYXZlKGV2ZW50KTtcbiAgICAgIH1cblxuICAgICAgaWYgKGV2ZW50LnR5cGUgPT09ICdibHVyJyAmJiBvbkJsdXIpIHtcbiAgICAgICAgb25CbHVyKGV2ZW50KTtcbiAgICAgIH1cblxuICAgICAgaWYgKGNsb3NlQWZ0ZXIgJiYgc3RhdGUgPT09ICdvcGVuZWQnKSB7XG4gICAgICAgIGxlYXZlVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHRvb2x0aXBFbGVtZW50ID0gcG9wcGVySW5zdGFuY2U/LnBvcHBlci5xdWVyeVNlbGVjdG9yKFxuICAgICAgICAgICAgJ1tkYXRhLXRlc3RpZD1cInRvb2x0aXAtbWVzc2FnZS13cmFwcGVyXCJdJ1xuICAgICAgICAgICkgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICAgICAgICBpZiAodG9vbHRpcEVsZW1lbnQpIHtcbiAgICAgICAgICAgIHRvb2x0aXBFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2FuaW1hdGlvbmVuZCcsICgpID0+XG4gICAgICAgICAgICAgIGhhbmRsZUNsb3NlKClcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgc2V0U3RhdGUoJ2V4aXRpbmcnKTtcbiAgICAgICAgfSwgY2xvc2VBZnRlcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBoYW5kbGVDbG9zZShldmVudCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbY2xvc2VBZnRlciwgb25CbHVyLCBvbk1vdXNlTGVhdmUsIGhhbmRsZUNsb3NlLCBzdGF0ZSwgcG9wcGVySW5zdGFuY2VdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBpZiB0b29sdGlwIHdhcyBvcGVuLCBhbmQgdGhlbiBjb21wb25lbnRcbiAgICAvLyB1cGRhdGVkIHRvIGJlIG9mZiwgd2Ugc2hvdWxkIGNsb3NlIHRoZSB0b29sdGlwXG4gICAgaWYgKHN0YXRlID09PSAnb3BlbmVkJyAmJiBwcm9wcy5vZmYpIHtcbiAgICAgIGlmIChjbG9zZUFmdGVyKSB7XG4gICAgICAgIGxlYXZlVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICAgIH0sIGNsb3NlQWZ0ZXIpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9wcy5vZmYsIGNsb3NlQWZ0ZXIsIGhhbmRsZUNsb3NlLCBzdGF0ZV0pO1xuXG4gIGNvbnN0IGNoaWxkcmVuUHJvcHMgPSB7XG4gICAgLy8gZG9uJ3QgcGFzcyBldmVudCBsaXN0ZW5lcnMgdG8gY2hpbGRyZW5cbiAgICBvbkZvY3VzOiBudWxsLFxuICAgIG9uTW91c2VPdmVyOiBudWxsLFxuICAgIG9uTW91c2VMZWF2ZTogbnVsbCxcbiAgICBvbkJsdXI6IG51bGwsXG4gIH07XG5cbiAgY29uc3QgdG9vbHRpcFByb3BzID0gIXByb3BzLm9mZlxuICAgID8ge1xuICAgICAgICAnYXJpYS1kZXNjcmliZWRieSc6IHRvb2x0aXBJc09wZW4gPyBpZCA6IG51bGwsXG4gICAgICAgIC8vIGZvciBzZW8gYW5kIGFjY2Vzc2liaWxpdHksIHdlIGFkZCB0aGUgdG9vbHRpcCdzIHRpdGxlXG4gICAgICAgIC8vIGFzIGEgbmF0aXZlIHRpdGxlIHdoZW4gdGhlIHRpdGxlIGlzIGhpZGRlblxuICAgICAgICB0aXRsZTpcbiAgICAgICAgICAhdG9vbHRpcElzT3BlbiAmJlxuICAgICAgICAgIHN0YXRlICE9PSAnZW50ZXJpbmcnICYmXG4gICAgICAgICAgdHlwZW9mIHByb3BzLnRpdGxlID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgPyBwcm9wcy50aXRsZVxuICAgICAgICAgICAgOiBudWxsLFxuICAgICAgfVxuICAgIDoge307XG5cbiAgY29uc3QgZXZlbnRMaXN0ZW5lcnMgPSAhcHJvcHMub2ZmXG4gICAgPyB7XG4gICAgICAgIG9uTW91c2VFbnRlcjogaGFuZGxlRW50ZXIsXG4gICAgICAgIG9uTW91c2VMZWF2ZTogaGFuZGxlTGVhdmUsXG4gICAgICAgIG9uRm9jdXM6IGhhbmRsZUVudGVyLFxuICAgICAgICBvbkJsdXI6IGhhbmRsZUxlYXZlLFxuICAgICAgfVxuICAgIDoge307XG5cbiAgY29uc3QgV3JhcHBlckNvbXBvbmVudCA9IHByb3BzLmNvbXBvbmVudHM/LldyYXBwZXJDb21wb25lbnQgfHwgV3JhcHBlcjtcbiAgY29uc3QgQm9keUNvbXBvbmVudCA9IHByb3BzLmNvbXBvbmVudHM/LkJvZHlDb21wb25lbnQgfHwgQm9keTtcbiAgY29uc3QgVG9vbHRpcFdyYXBwZXJDb21wb25lbnQgPVxuICAgIHByb3BzLmNvbXBvbmVudHM/LlRvb2x0aXBXcmFwcGVyQ29tcG9uZW50IHx8IFRvb2x0aXBXcmFwcGVyO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxXcmFwcGVyQ29tcG9uZW50XG4gICAgICAgIHsuLi5ldmVudExpc3RlbmVyc31cbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvcjogeWVzLCByZWYgY2FuIGJlIHVuZGVmaW5lZFxuICAgICAgICByZWY9e3JlZmVyZW5jZS5yZWZ9XG4gICAgICA+XG4gICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuY2hpbGRyZW4sIHtcbiAgICAgICAgICAuLi5jaGlsZHJlblByb3BzLFxuICAgICAgICAgIC4uLnRvb2x0aXBQcm9wcyxcbiAgICAgICAgfSl9XG4gICAgICA8L1dyYXBwZXJDb21wb25lbnQ+XG4gICAgICB7dG9vbHRpcElzT3BlbiAmJiAoXG4gICAgICAgIDxUb29sdGlwV3JhcHBlckNvbXBvbmVudD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAvLyByZWYgYWNjZXB0cyBgTGVnYWN5UmVmYCwgd2hpY2ggaXMgYSB1bmlvbiBvZiBgUmVmT2JqZWN0YCBhbmQgYHN0cmluZ2BcbiAgICAgICAgICAgIC8vIHByb3BwZXIucmVmIHJldHVybnMgYFJlZk9iamVjdGBcbiAgICAgICAgICAgIHJlZj17cG9wcGVyLnJlZiBhcyBMZWdhY3lSZWY8SFRNTERpdkVsZW1lbnQ+fVxuICAgICAgICAgICAgY3NzPXtjc3Moe1xuICAgICAgICAgICAgICAuLi5wb3BwZXIuc3R5bGVzLFxuICAgICAgICAgICAgICAuLi5nZXRCb2R5U3R5bGVzKHtcbiAgICAgICAgICAgICAgICBjb25zdHJhaW50OiBwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludCxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ6IHBvcHBlci5wbGFjZW1lbnQsXG4gICAgICAgICAgICAgICAgY3VzdG9tU3R5bGVzOiBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICBkYXRhLXBsYWNlbWVudD17cG9wcGVyLnBsYWNlbWVudH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICAuLi5nZXRUb29sdGlwU3R5bGVzKHN0YXRlKSxcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG9vbHRpcC1tZXNzYWdlLXdyYXBwZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8Qm9keUNvbXBvbmVudD57cHJvcHMudGl0bGV9PC9Cb2R5Q29tcG9uZW50PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvVG9vbHRpcFdyYXBwZXJDb21wb25lbnQ+XG4gICAgICApfVxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5kaXNwbGF5TmFtZSA9ICdUb29sVGlwJztcblRvb2x0aXAuZGVmYXVsdFByb3BzID0gdG9vbHRpcERlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcDtcbiJdfQ== */"),
@@ -311,4 +322,4 @@ "data-placement": popper.placement,
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.10.0";
+var version = "19.11.0";
 
 export { Tooltip$1 as default, version };

package.json

 {
   "name": "@commercetools-uikit/tooltip",
   "description": "Tooltips display informative text when users hover over or focus on an element.",
-  "version": "0.0.0-canary-20240902123520",
+  "version": "0.0.0-canary-20240916085337",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
@@ -32,6 +32,6 @@ "repository": {
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/constraints": "0.0.0-canary-20240902123520",
-    "@commercetools-uikit/design-system": "0.0.0-canary-20240902123520",
-    "@commercetools-uikit/hooks": "0.0.0-canary-20240902123520",
-    "@commercetools-uikit/utils": "0.0.0-canary-20240902123520",
+    "@commercetools-uikit/constraints": "0.0.0-canary-20240916085337",
+    "@commercetools-uikit/design-system": "0.0.0-canary-20240916085337",
+    "@commercetools-uikit/hooks": "0.0.0-canary-20240916085337",
+    "@commercetools-uikit/utils": "0.0.0-canary-20240916085337",
     "@emotion/react": "^11.10.5",
@@ -38,0 +38,0 @@ "@emotion/styled": "^11.10.5",

No alert changes

Improved metrics

Lines of code

1310

increased by2.58%

Worsened metrics

Total package byte prevSize

133276

decreased by-2.55%

Dependency changes

• + Added@commercetools-uikit/constraints@0.0.0-canary-20240916085337(transitive)

• + Added@commercetools-uikit/design-system@0.0.0-canary-20240916085337(transitive)

• + Added@commercetools-uikit/hooks@0.0.0-canary-20240916085337(transitive)

• + Added@commercetools-uikit/utils@0.0.0-canary-20240916085337(transitive)

• - Removed@commercetools-uikit/constraints@0.0.0-canary-20240902123520(transitive)

• - Removed@commercetools-uikit/design-system@0.0.0-canary-20240902123520(transitive)

• - Removed@commercetools-uikit/hooks@0.0.0-canary-20240902123520(transitive)

• - Removed@commercetools-uikit/utils@0.0.0-canary-20240902123520(transitive)

• Updated@commercetools-uikit/constraints@0.0.0-canary-20240916085337

• Updated@commercetools-uikit/design-system@0.0.0-canary-20240916085337

• Updated@commercetools-uikit/hooks@0.0.0-canary-20240916085337

• Updated@commercetools-uikit/utils@0.0.0-canary-20240916085337