@synerise/ds-utils 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.0.0...@synerise/ds-utils@1.0.1) (2025-03-18)
+
+**Note:** Version bump only for package @synerise/ds-utils
+
+
+
+
+
 ## [0.32.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.32.2...@synerise/ds-utils@0.32.3) (2025-03-10)
 
 **Note:** Version bump only for package @synerise/ds-utils

package/dist/focusWithArrowKeys/focusWithArrowKeys.js

@@ -14,7 +14,7 @@ var focusWithArrowKeys = function focusWithArrowKeys(keyDownEvent, focusableItem
     if (isItemFocused) {
       var nextSibling = activeElement.nextElementSibling;
       var hasFocusableChildren = hasFocusableElementInside(activeElement, selector);
-      elementToFocusOn = nextSibling !== null && !hasFocusableChildren ? nextSibling : focusableElements[activeElementIndex + 1];
+      elementToFocusOn = nextSibling !== null && hasFocusableChildren ? nextSibling : focusableElements[activeElementIndex + 1];
     } else {
       elementToFocusOn = document.querySelector("." + focusableItemClass);
     }
@@ -30,7 +30,7 @@ var focusWithArrowKeys = function focusWithArrowKeys(keyDownEvent, focusableItem
     var _elementToFocusOn;
     if (isItemFocused) {
       var prevSibling = activeElement.previousElementSibling;
-      _elementToFocusOn = prevSibling !== null && !hasFocusableElementInside(prevSibling, selector) ? prevSibling : focusableElements[activeElementIndex - 1];
+      _elementToFocusOn = prevSibling !== null && hasFocusableElementInside(prevSibling, selector) ? prevSibling : focusableElements[activeElementIndex - 1];
     }
     if (_elementToFocusOn) {
       _elementToFocusOn.focus();

package/dist/index.d.ts

@@ -14,7 +14,9 @@ export { default as usePrevious } from './usePrevious/usePrevious';
 export { default as useElementInView } from './useElementInView/useElementInView';
 export { default as useOverscrollBlock } from './useOverscrollBlock/useOverscrollBlock';
 export { default as useResizeToFit } from './useResizeToFit/useResizeToFit';
+export * from './useScrollContain/useScrollContain';
 export * from './useSearchResults';
+export * from './useKeyboardShortcuts/useKeyboardShortcuts';
 export * from './omitKeys/omitKeys';
 export * from './useTraceUpdate';
 export * from './getPopupContainer';

package/dist/index.js

@@ -14,7 +14,9 @@ export { default as usePrevious } from './usePrevious/usePrevious';
 export { default as useElementInView } from './useElementInView/useElementInView';
 export { default as useOverscrollBlock } from './useOverscrollBlock/useOverscrollBlock';
 export { default as useResizeToFit } from './useResizeToFit/useResizeToFit';
+export * from './useScrollContain/useScrollContain';
 export * from './useSearchResults';
+export * from './useKeyboardShortcuts/useKeyboardShortcuts';
 export * from './omitKeys/omitKeys';
 export * from './useTraceUpdate';
 export * from './getPopupContainer';

package/dist/useKeyboardShortcuts/useKeyboardShortcuts.d.ts

@@ -0,0 +1,3 @@
+type ShortcutsConfig = Record<string, (event: KeyboardEvent) => void>;
+export declare const useKeyboardShortcuts: (keyConfig: ShortcutsConfig) => void;
+export {};

package/dist/useKeyboardShortcuts/useKeyboardShortcuts.js

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+export var useKeyboardShortcuts = function useKeyboardShortcuts(keyConfig) {
+  useEffect(function () {
+    var keyboardShortcuts = function keyboardShortcuts(event) {
+      keyConfig[event.key] && keyConfig[event.key](event);
+    };
+    document.addEventListener('keydown', keyboardShortcuts);
+    return function () {
+      document.removeEventListener('keydown', keyboardShortcuts);
+    };
+  }, [keyConfig]);
+};

package/dist/useScrollContain/useScrollContain.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useScrollContain: <ElementType extends HTMLElement>() => import("react").RefObject<ElementType>;

package/dist/useScrollContain/useScrollContain.js

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'react';
+export var useScrollContain = function useScrollContain() {
+  var elementRef = useRef(null);
+  useEffect(function () {
+    var blockWheel = function blockWheel(event) {
+      event.stopPropagation();
+      event.preventDefault();
+    };
+    var element;
+    if (elementRef.current) {
+      element = elementRef.current;
+      element.addEventListener('wheel', blockWheel);
+    }
+    return function () {
+      element && element.removeEventListener('wheel', blockWheel);
+    };
+  }, []);
+  return elementRef;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-utils",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -41,5 +41,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "e4c3690238a44b584b9ea41e4aa52b1eec42174b"
+  "gitHead": "218110f61f4371bc04d793b2b976b71d14e99e76"
 }