@nulogy/components 8.7.0 → 8.7.1

package/dist/main.js

@@ -25772,6 +25772,8 @@
         focusedIndex = _useState[0],
         setFocusedIndex = _useState[1];
 
+    var prevFocusedIndex = React.useRef(focusedIndex);
+
     var focusPrevious = function focusPrevious() {
       setFocusedIndex(function (prevFocusedIndex) {
         return (prevFocusedIndex - 1 + refs.length) % refs.length;
@@ -25803,7 +25805,10 @@
         refs[focusedIndex].focus();
       };
 
-      updateFocused();
+      if (prevFocusedIndex.current !== focusedIndex) {
+        updateFocused();
+        prevFocusedIndex.current = focusedIndex;
+      }
     }, [focusedIndex, refs]);
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children({
       focusedIndex: focusedIndex,

package/dist/main.module.js

@@ -25746,6 +25746,8 @@ var FocusManager = function FocusManager(_ref) {
       focusedIndex = _useState[0],
       setFocusedIndex = _useState[1];
 
+  var prevFocusedIndex = useRef(focusedIndex);
+
   var focusPrevious = function focusPrevious() {
     setFocusedIndex(function (prevFocusedIndex) {
       return (prevFocusedIndex - 1 + refs.length) % refs.length;
@@ -25777,7 +25779,10 @@ var FocusManager = function FocusManager(_ref) {
       refs[focusedIndex].focus();
     };
 
-    updateFocused();
+    if (prevFocusedIndex.current !== focusedIndex) {
+      updateFocused();
+      prevFocusedIndex.current = focusedIndex;
+    }
   }, [focusedIndex, refs]);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children({
     focusedIndex: focusedIndex,

package/dist/src/Radio/RadioGroup.story.d.ts

@@ -19,6 +19,11 @@ export declare const RadioGroupWithAllProps: {
     story: {
         name: string;
     };
+    parameters: {
+        chromatic: {
+            diffThreshold: number;
+        };
+    };
 };
 export declare const WithErrorMessage: {
     (): JSX.Element;

package/dist/src/Switcher/Switcher.story.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export declare const WithSelectedValue: () => JSX.Element;
+export declare const WithOtherInteractiveElements: () => JSX.Element;
 export declare const WithContent: () => JSX.Element;
 declare const _default: {
     title: string;

package/dist/src/Tabs/Tabs.story.d.ts

@@ -10,6 +10,7 @@ export declare const WithADefaultSelectedIndex: {
         name: string;
     };
 };
+export declare const WithOtherInteractiveElements: () => JSX.Element;
 export declare const SetToFitted: {
     (): JSX.Element;
     story: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.7.0",
+  "version": "8.7.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {