@semcore/tooltip - npm Package Compare versions

Comparing version 6.40.3 to 6.40.4-prerelease.0

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+## [6.40.4] - 2024-08-20
+
+### Fixed
+
+- Loosing focus in Description.Tooltip.
+- Enforce role `button` to DescriptionTooltip trigger.
+
 ## [6.40.3] - 2024-08-08
@@ -7,0 +14,0 @@

lib/cjs/Tooltip.js

@@ -33,11 +33,11 @@ "use strict";
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STooltip_133h8_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:228px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_133h8_gg_._theme_invert_133h8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_133h8_gg_._theme_warning_133h8_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_133h8_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_133h8_gg_{position:absolute;border:6px solid;border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_133h8_gg_:before{content:\"\";position:absolute;border:6px solid;border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_133h8_gg_._theme_invert_133h8_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_133h8_gg_._theme_invert_133h8_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_133h8_gg_._theme_warning_133h8_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_133h8_gg_._theme_warning_133h8_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___SArrow_133h8_gg_.__bgColor_133h8_gg_{border-color:var(--shadowColor_133h8)}.___SArrow_133h8_gg_.__bgColor_133h8_gg_::before{border-color:var(--bgColor_133h8)}.___STooltip_133h8_gg_[data-popper-placement^=top] .___SArrow_133h8_gg_,.___STooltip_133h8_gg_[data-popper-placement^=top] .___SArrow_133h8_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=top] .___SArrow_133h8_gg_::before{top:-7px;left:-6px}.___STooltip_133h8_gg_[data-popper-placement^=bottom] .___SArrow_133h8_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=bottom] .___SArrow_133h8_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=left] .___SArrow_133h8_gg_,.___STooltip_133h8_gg_[data-popper-placement^=left] .___SArrow_133h8_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=left] .___SArrow_133h8_gg_::before{top:-6px;left:-7px}.___STooltip_133h8_gg_[data-popper-placement^=right] .___SArrow_133h8_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=right] .___SArrow_133h8_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_133h8_gg_{position:relative}" /*__inner_css_end__*/, "133h8_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_133h8_gg_",
-  "_theme_invert": "_theme_invert_133h8_gg_",
-  "_theme_warning": "_theme_warning_133h8_gg_",
-  "__STooltipPortalledWrapper": "___STooltipPortalledWrapper_133h8_gg_",
-  "__SArrow": "___SArrow_133h8_gg_",
-  "_bgColor": "__bgColor_133h8_gg_",
-  "--shadowColor": "--shadowColor_133h8",
-  "--bgColor": "--bgColor_133h8"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STooltip_1laep_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:228px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_1laep_gg_._theme_invert_1laep_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_1laep_gg_._theme_warning_1laep_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_1laep_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_1laep_gg_{position:absolute;border:6px solid;border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_1laep_gg_:before{content:\"\";position:absolute;border:6px solid;border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_1laep_gg_._theme_invert_1laep_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_1laep_gg_._theme_invert_1laep_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_1laep_gg_._theme_warning_1laep_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_1laep_gg_._theme_warning_1laep_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___SArrow_1laep_gg_.__bgColor_1laep_gg_{border-color:var(--shadowColor_1laep)}.___SArrow_1laep_gg_.__bgColor_1laep_gg_::before{border-color:var(--bgColor_1laep)}.___STooltip_1laep_gg_[data-popper-placement^=top] .___SArrow_1laep_gg_,.___STooltip_1laep_gg_[data-popper-placement^=top] .___SArrow_1laep_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=top] .___SArrow_1laep_gg_::before{top:-7px;left:-6px}.___STooltip_1laep_gg_[data-popper-placement^=bottom] .___SArrow_1laep_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=bottom] .___SArrow_1laep_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=left] .___SArrow_1laep_gg_,.___STooltip_1laep_gg_[data-popper-placement^=left] .___SArrow_1laep_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=left] .___SArrow_1laep_gg_::before{top:-6px;left:-7px}.___STooltip_1laep_gg_[data-popper-placement^=right] .___SArrow_1laep_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=right] .___SArrow_1laep_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_1laep_gg_{position:relative}" /*__inner_css_end__*/, "1laep_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_1laep_gg_",
+  "_theme_invert": "_theme_invert_1laep_gg_",
+  "_theme_warning": "_theme_warning_1laep_gg_",
+  "__STooltipPortalledWrapper": "___STooltipPortalledWrapper_1laep_gg_",
+  "__SArrow": "___SArrow_1laep_gg_",
+  "_bgColor": "__bgColor_1laep_gg_",
+  "--shadowColor": "--shadowColor_1laep",
+  "--bgColor": "--bgColor_1laep"
 });
@@ -99,4 +99,3 @@ var Popper = _popper["default"][_core.CREATE_COMPONENT]();
         'aria-describedby': popperId,
-        popperId: popperId,
-        role: undefined
+        popperId: popperId
       };
@@ -261,9 +260,2 @@ }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this4), "handlePopperVisibleChange", function (visible) {
-      if (visible) {
-        setTimeout(function () {
-          _this4.popperRef.current.focus();
-        }, 0);
-      }
-    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this4), "handleTriggerKeyDown", function (event) {
@@ -292,3 +284,4 @@ if (_this4.asProps.interaction !== 'click') return;
         'aria-controls': visible ? "igc-".concat(this.asProps.uid, "-popper") : undefined,
-        onKeyDown: this.handleTriggerKeyDown
+        onKeyDown: this.handleTriggerKeyDown,
+        role: 'button'
       });
@@ -303,3 +296,4 @@ }
         role: 'dialog',
-        tabIndex: 0
+        tabIndex: 0,
+        autoFocus: 'enforced'
       });
@@ -306,0 +300,0 @@ }

lib/es6/Tooltip.js

@@ -27,11 +27,11 @@ import _get from "@babel/runtime/helpers/get";
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_133h8_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:228px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_133h8_gg_._theme_invert_133h8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_133h8_gg_._theme_warning_133h8_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_133h8_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_133h8_gg_{position:absolute;border:6px solid;border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_133h8_gg_:before{content:\"\";position:absolute;border:6px solid;border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_133h8_gg_._theme_invert_133h8_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_133h8_gg_._theme_invert_133h8_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_133h8_gg_._theme_warning_133h8_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_133h8_gg_._theme_warning_133h8_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___SArrow_133h8_gg_.__bgColor_133h8_gg_{border-color:var(--shadowColor_133h8)}.___SArrow_133h8_gg_.__bgColor_133h8_gg_::before{border-color:var(--bgColor_133h8)}.___STooltip_133h8_gg_[data-popper-placement^=top] .___SArrow_133h8_gg_,.___STooltip_133h8_gg_[data-popper-placement^=top] .___SArrow_133h8_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=top] .___SArrow_133h8_gg_::before{top:-7px;left:-6px}.___STooltip_133h8_gg_[data-popper-placement^=bottom] .___SArrow_133h8_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=bottom] .___SArrow_133h8_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=left] .___SArrow_133h8_gg_,.___STooltip_133h8_gg_[data-popper-placement^=left] .___SArrow_133h8_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=left] .___SArrow_133h8_gg_::before{top:-6px;left:-7px}.___STooltip_133h8_gg_[data-popper-placement^=right] .___SArrow_133h8_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_133h8_gg_[data-popper-placement^=right] .___SArrow_133h8_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_133h8_gg_{position:relative}" /*__inner_css_end__*/, "133h8_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_133h8_gg_",
-  "_theme_invert": "_theme_invert_133h8_gg_",
-  "_theme_warning": "_theme_warning_133h8_gg_",
-  "__STooltipPortalledWrapper": "___STooltipPortalledWrapper_133h8_gg_",
-  "__SArrow": "___SArrow_133h8_gg_",
-  "_bgColor": "__bgColor_133h8_gg_",
-  "--shadowColor": "--shadowColor_133h8",
-  "--bgColor": "--bgColor_133h8"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1laep_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:228px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_1laep_gg_._theme_invert_1laep_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_1laep_gg_._theme_warning_1laep_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_1laep_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_1laep_gg_{position:absolute;border:6px solid;border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_1laep_gg_:before{content:\"\";position:absolute;border:6px solid;border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_1laep_gg_._theme_invert_1laep_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_1laep_gg_._theme_invert_1laep_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_1laep_gg_._theme_warning_1laep_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_1laep_gg_._theme_warning_1laep_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___SArrow_1laep_gg_.__bgColor_1laep_gg_{border-color:var(--shadowColor_1laep)}.___SArrow_1laep_gg_.__bgColor_1laep_gg_::before{border-color:var(--bgColor_1laep)}.___STooltip_1laep_gg_[data-popper-placement^=top] .___SArrow_1laep_gg_,.___STooltip_1laep_gg_[data-popper-placement^=top] .___SArrow_1laep_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=top] .___SArrow_1laep_gg_::before{top:-7px;left:-6px}.___STooltip_1laep_gg_[data-popper-placement^=bottom] .___SArrow_1laep_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=bottom] .___SArrow_1laep_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=left] .___SArrow_1laep_gg_,.___STooltip_1laep_gg_[data-popper-placement^=left] .___SArrow_1laep_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=left] .___SArrow_1laep_gg_::before{top:-6px;left:-7px}.___STooltip_1laep_gg_[data-popper-placement^=right] .___SArrow_1laep_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1laep_gg_[data-popper-placement^=right] .___SArrow_1laep_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_1laep_gg_{position:relative}" /*__inner_css_end__*/, "1laep_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_1laep_gg_",
+  "_theme_invert": "_theme_invert_1laep_gg_",
+  "_theme_warning": "_theme_warning_1laep_gg_",
+  "__STooltipPortalledWrapper": "___STooltipPortalledWrapper_1laep_gg_",
+  "__SArrow": "___SArrow_1laep_gg_",
+  "_bgColor": "__bgColor_1laep_gg_",
+  "--shadowColor": "--shadowColor_1laep",
+  "--bgColor": "--bgColor_1laep"
 });
@@ -94,4 +94,3 @@ import { useZIndexStacking, ZIndexStackingContextProvider } from '@semcore/utils/lib/zIndexStacking';
         'aria-describedby': popperId,
-        popperId: popperId,
-        role: undefined
+        popperId: popperId
       };
@@ -256,9 +255,2 @@ }
     });
-    _defineProperty(_assertThisInitialized(_this4), "handlePopperVisibleChange", function (visible) {
-      if (visible) {
-        setTimeout(function () {
-          _this4.popperRef.current.focus();
-        }, 0);
-      }
-    });
     _defineProperty(_assertThisInitialized(_this4), "handleTriggerKeyDown", function (event) {
@@ -287,3 +279,4 @@ if (_this4.asProps.interaction !== 'click') return;
         'aria-controls': visible ? "igc-".concat(this.asProps.uid, "-popper") : undefined,
-        onKeyDown: this.handleTriggerKeyDown
+        onKeyDown: this.handleTriggerKeyDown,
+        role: 'button'
       });
@@ -298,3 +291,4 @@ }
         role: 'dialog',
-        tabIndex: 0
+        tabIndex: 0,
+        autoFocus: 'enforced'
       });
@@ -301,0 +295,0 @@ }

package.json

 {
   "name": "@semcore/tooltip",
   "description": "Semrush Tooltip Component",
-  "version": "6.40.3",
+  "version": "6.40.4-prerelease.0",
   "main": "lib/cjs/index.js",
@@ -14,3 +14,3 @@ "module": "lib/es6/index.js",
     "@semcore/flex-box": "5.31.2",
-    "@semcore/popper": "5.39.3",
+    "@semcore/popper": "5.39.4-prerelease.0",
     "@semcore/portal": "3.31.2"
@@ -17,0 +17,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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

136809

decreased by-0.67%

Lines of code

1061

decreased by-1.12%

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@semcore/popper@5.39.4-prerelease.0(transitive)

• - Removed@semcore/popper@5.39.3(transitive)

• Updated@semcore/popper@5.39.4-prerelease.0