@semcore/utils - npm Package Compare versions

Comparing version 4.22.0 to 4.22.1-prerelease.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [4.22.1] - 2024-04-05
+
+### Added
+
+- Added option `keyboardFocusEnhance` to control should the enhance make components focusable.
+
 ## [4.22.0] - 2024-03-20
@@ -7,0 +13,0 @@

lib/components/invalid-state-pattern/InvalidStatePattern.js

@@ -13,4 +13,4 @@ "use strict";
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_1g7u7_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1g7u7_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_1g7u7_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_1yxfx_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1yxfx_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1yxfx_gg_"
 });
@@ -17,0 +17,0 @@ var InvalidStatePatternComponent = function InvalidStatePatternComponent() {

lib/enhances/keyboardFocusEnhance.d.ts

@@ -26,3 +26,3 @@ import React from 'react';
 };
-declare const keyboardFocusEnhance: () => KeyboardFocusEnhanceHook;
+declare const keyboardFocusEnhance: (makeFocusable?: boolean) => KeyboardFocusEnhanceHook;
 export default keyboardFocusEnhance;

lib/enhances/keyboardFocusEnhance.js

@@ -69,7 +69,8 @@ "use strict";
 var keyboardFocusEnhance = function keyboardFocusEnhance() {
+  var makeFocusable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   return function (props) {
-    var _props$tabIndex = props.tabIndex,
-      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-      disabled = props.disabled,
+    var _props$tabIndex;
+    var disabled = props.disabled,
       autoFocus = props.autoFocus;
+    var tabIndex = (_props$tabIndex = props.tabIndex) !== null && _props$tabIndex !== void 0 ? _props$tabIndex : makeFocusable ? 0 : undefined;
     var _React$useState = _react["default"].useState(false),
@@ -76,0 +77,0 @@ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),

lib/injectStyle.js

@@ -33,3 +33,3 @@ "use strict";
         // @ts-ignore
-        var version = "4.22.0";
+        var version = "4.22.1";
         sh = document.createElement('style');
@@ -36,0 +36,0 @@ sh.setAttribute('data-ui-v', version);

package.json

 {
   "name": "@semcore/utils",
   "description": "Semrush Utils Component",
-  "version": "4.22.0",
+  "version": "4.22.1-prerelease.0",
   "main": "lib/index.js",
@@ -31,3 +31,3 @@ "sideEffects": false,
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.19.1-prerelease.0",
     "react": "16.8 - 18",
@@ -34,0 +34,0 @@ "react-dom": "16.8 - 18"

New alerts

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

Improved metrics

Total package byte prevSize

1091101

increased by0.09%

Lines of code

11709

increased by0.02%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes