@amboss/design-system 3.3.2 → 3.3.3

package/build/esm/shared/useKeyboard.d.ts

@@ -14,4 +14,5 @@ import type { RefObject } from "react";
  *
  * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.
  */
-export declare function useKeyboard(config: Record<string, (e: KeyboardEvent) => void | boolean>, ref: RefObject<any>, isActive: boolean): void;
+export type KeyboardConfig = Record<string, (e: KeyboardEvent) => void | boolean>;
+export declare function useKeyboard(config: KeyboardConfig, ref: RefObject<any>, isActive: boolean, onlyRefIsActive?: boolean): void;

package/build/esm/shared/useKeyboard.js

@@ -1 +1 @@
-import{useEffect}from"react";import{useDocument}from"./useDocument";export function useKeyboard(config,ref,isActive){let document=useDocument(),handleKeyboard=event=>{if(!isActive||document.activeElement!==ref.current&&!ref.current?.contains(document.activeElement))return;let targetConfigKey=Object.keys(config).find(targetKeys=>targetKeys.split(" ").includes(event.code));targetConfigKey&&(event.preventDefault(),!1===config[targetConfigKey](event)&&event.stopPropagation())};useEffect(()=>(document.addEventListener("keydown",handleKeyboard),()=>{document.removeEventListener("keydown",handleKeyboard)}))}
+import{useEffect}from"react";import{useDocument}from"./useDocument";export function useKeyboard(config,ref,isActive,onlyRefIsActive=!1){let document=useDocument(),handleKeyboard=event=>{if(!isActive||onlyRefIsActive&&document.activeElement!==ref.current||!onlyRefIsActive&&document.activeElement!==ref.current&&!ref.current?.contains(document.activeElement))return;let targetConfigKey=Object.keys(config).find(targetKeys=>targetKeys.split(" ").includes(event.code));targetConfigKey&&(event.preventDefault(),!1===config[targetConfigKey](event)&&event.stopPropagation())};useEffect(()=>(document.addEventListener("keydown",handleKeyboard),()=>{document.removeEventListener("keydown",handleKeyboard)}))}

package/build/esm/shared/useOutsideClick.js

@@ -1 +1 @@
-import{useEffect,useCallback}from"react";import{useWindow}from"./useWindow";export const useOutsideClick=(ref,handler,isActive)=>{let window=useWindow(),outsideClickEvent=useCallback(e=>{let target=e.target;target&&target.isConnected&&ref&&ref.current&&!ref.current.contains(target)&&handler(e)},[handler,ref]);useEffect(()=>(isActive&&window.addEventListener("click",outsideClickEvent),()=>{window.removeEventListener("click",outsideClickEvent)}),[isActive,window,outsideClickEvent])};
+import{useEffect,useCallback}from"react";import{useWindow}from"./useWindow";export const useOutsideClick=(ref,handler,isActive)=>{let window=useWindow(),outsideClickEvent=useCallback(e=>{let target=e.target;target&&target.isConnected&&ref&&ref.current&&!ref.current.contains(target)&&handler(e)},[handler,ref]);useEffect(()=>(isActive&&setTimeout(()=>window.addEventListener("click",outsideClickEvent)),()=>{window.removeEventListener("click",outsideClickEvent)}),[isActive,window,outsideClickEvent])};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",