@norges-domstoler/dds-components 0.0.0-dev-20250122123133 → 0.0.0-dev-20250122123924

package/dist/index.d.mts

@@ -524,9 +524,10 @@ declare const isKeyboardEvent: (e: Event | KeyboardEvent$1<Element>) => e is Key
  * @param size antall elementer i gruppen.
  * @param active om fokus skal kontrolleres av hooken. Når status blir inaktiv vil fokusrekkefølge nullstilles.
  * @param direction retning elementene blas i.
+ * @param noWrap om indeksen skal 'wrappe' rundt til 0 hvis den går over size - 1, eller til size - 1 hvis den går under 0.
  * @returns hook par: indeksen til fokuserte elemenentet og funksjonen som håndterer fokus.
  */
-declare function useRoveFocus(size?: number, active?: boolean, direction?: Direction$1): [number, Dispatch<SetStateAction<number>>];
+declare function useRoveFocus(size?: number, active?: boolean, direction?: Direction$1, noWrap?: boolean): [number, Dispatch<SetStateAction<number>>];
 
 declare enum ScreenSize {
     XSmall = 0,

package/dist/index.d.ts

@@ -524,9 +524,10 @@ declare const isKeyboardEvent: (e: Event | KeyboardEvent$1<Element>) => e is Key
  * @param size antall elementer i gruppen.
  * @param active om fokus skal kontrolleres av hooken. Når status blir inaktiv vil fokusrekkefølge nullstilles.
  * @param direction retning elementene blas i.
+ * @param noWrap om indeksen skal 'wrappe' rundt til 0 hvis den går over size - 1, eller til size - 1 hvis den går under 0.
  * @returns hook par: indeksen til fokuserte elemenentet og funksjonen som håndterer fokus.
  */
-declare function useRoveFocus(size?: number, active?: boolean, direction?: Direction$1): [number, Dispatch<SetStateAction<number>>];
+declare function useRoveFocus(size?: number, active?: boolean, direction?: Direction$1, noWrap?: boolean): [number, Dispatch<SetStateAction<number>>];
 
 declare enum ScreenSize {
     XSmall = 0,

package/dist/index.js

@@ -2929,7 +2929,7 @@ function useReturnFocusOnBlur(active, onBlur, triggerElement) {
 // src/hooks/useRoveFocus.tsx
 var import_react22 = require("react");
 var isKeyboardEvent = (e) => e.key !== void 0;
-function useRoveFocus(size2, active, direction = "column") {
+function useRoveFocus(size2, active, direction = "column", noWrap) {
   const [currentFocusIndex, setCurrentFocusIndex] = (0, import_react22.useState)(-1);
   const nextKey = direction === "row" ? "ArrowRight" : "ArrowDown";
   const previousKey = direction === "row" ? "ArrowLeft" : "ArrowUp";
@@ -2938,16 +2938,19 @@ function useRoveFocus(size2, active, direction = "column") {
       if (!size2 || !isKeyboardEvent(e)) return;
       if (e.key === nextKey) {
         e.preventDefault();
-        setCurrentFocusIndex((prev) => prev === size2 - 1 ? 0 : prev + 1);
+        setCurrentFocusIndex((prev) => {
+          if (prev === size2 - 1) return noWrap ? prev : 0;
+          return prev + 1;
+        });
       } else if (e.key === previousKey) {
         e.preventDefault();
         setCurrentFocusIndex((prev) => {
-          if (prev === -1 || prev === 0) return size2 - 1;
+          if (prev === -1 || prev === 0) return noWrap ? prev : size2 - 1;
           return prev - 1;
         });
       }
     },
-    [size2, setCurrentFocusIndex]
+    [size2, setCurrentFocusIndex, direction, noWrap]
   );
   (0, import_react22.useEffect)(() => {
     if (!active) {