@synerise/ds-utils 1.8.0 → 1.9.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.8.1...@synerise/ds-utils@1.9.0) (2026-05-22)
+
+### Features
+
+- **modal:** migration from antd ([3588b65](https://github.com/synerise/synerise-design/commit/3588b65fbe67838fed4ee5125090ad47d334e04b))
+
+## [1.8.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.8.0...@synerise/ds-utils@1.8.1) (2026-05-04)
+
+### Bug Fixes
+
+- add exports field to all component packages for correct ESM detection ([6eccfde](https://github.com/synerise/synerise-design/commit/6eccfde8f2dd73c59860793231fbd7bcd61813b4))
+
 # [1.8.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.7.1...@synerise/ds-utils@1.8.0) (2026-04-10)
 
 ### Features

package/README.md

@@ -18,6 +18,7 @@ List of utils:
 - useCombinedRefs,
 - useDelimiterEscape,
 - useElementInView,
+- useFocusTrap,
 - useIsMounted,
 - useKeyboardShortcuts,
 - useLatestRef,

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { useOnClickOutside, type HandledEventsType, } from './useOnClickOutside/
 export { renderWithHighlight } from './renderWithHighlight/renderWithHighlight';
 export { useStableId } from './useStableId/useStableId';
 export { useDebounce } from './useDebounce/useDebounce';
-export { default as selectColorByLetter } from './selectColorByLetter/selectColorByLetter';
+export { default as selectColorByLetter, type ColorObject, } from './selectColorByLetter/selectColorByLetter';
 export { default as focusWithArrowKeys } from './focusWithArrowKeys/focusWithArrowKeys';
 export { default as escapeRegEx } from './regex/regex';
 export { default as doubleClickListener } from './doubleClickListener/doubleClickListener';
@@ -26,5 +26,6 @@ export * from './useTraceUpdate';
 export * from './getPopupContainer';
 export * from './useLatestRef';
 export * from './useDelimiterEscape/useDelimiterEscape';
+export { useFocusTrap } from './useFocusTrap/useFocusTrap';
 export declare const NOOP: () => void;
 export type { DataAttributes, ExactlyOne, LiteralStringUnion, WithHTMLAttributes, DeepPartial, RequiredProps, ObjectStringKeys, } from './types/types';

package/dist/index.js

@@ -27,6 +27,7 @@ import { useTraceUpdate } from "./useTraceUpdate/index.js";
 import { getClosest, getPopupContainer } from "./getPopupContainer/getPopupContainer.js";
 import { useLatestRef } from "./useLatestRef/useLatestRef.js";
 import { useDelimiterEscape } from "./useDelimiterEscape/useDelimiterEscape.js";
+import { useFocusTrap } from "./useFocusTrap/useFocusTrap.js";
 const NOOP = () => {
 };
 export {
@@ -49,6 +50,7 @@ export {
   useDebounce,
   useDelimiterEscape,
   default13 as useElementInView,
+  useFocusTrap,
   useIsMounted,
   useKeyboardShortcuts,
   useLatestRef,

package/dist/useFocusTrap/useFocusTrap.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useFocusTrap: (containerRef: RefObject<HTMLElement | null>, active: boolean) => void;

package/dist/useFocusTrap/useFocusTrap.js

@@ -0,0 +1,46 @@
+import { useEffect } from "react";
+const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+const useFocusTrap = (containerRef, active) => {
+  useEffect(() => {
+    if (!active) {
+      return;
+    }
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const previouslyFocused = document.activeElement;
+    const focusable = container.querySelectorAll(FOCUSABLE_SELECTOR);
+    if (focusable.length > 0) {
+      focusable[0].focus();
+    } else {
+      container.focus();
+    }
+    const handleTabTrap = (e) => {
+      if (e.key !== "Tab") {
+        return;
+      }
+      const currentFocusable = container.querySelectorAll(FOCUSABLE_SELECTOR);
+      if (currentFocusable.length === 0) {
+        return;
+      }
+      const first = currentFocusable[0];
+      const last = currentFocusable[currentFocusable.length - 1];
+      if (e.shiftKey && document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", handleTabTrap);
+    return () => {
+      document.removeEventListener("keydown", handleTabTrap);
+      previouslyFocused?.focus();
+    };
+  }, [containerRef, active]);
+};
+export {
+  useFocusTrap
+};

package/package.json

@@ -1,10 +1,19 @@
 {
   "name": "@synerise/ds-utils",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
   "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./dist/*.js": "./dist/*.js",
+    "./dist/*": "./dist/*.js"
+  },
   "files": [
     "/dist",
     "CHANGELOG.md",
@@ -21,6 +30,7 @@
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
     "test": "vitest run",
+    "test:watch": "vitest",
     "types": "tsc --noEmit",
     "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -34,11 +44,13 @@
     "latinize": "^0.5.0",
     "uuid": "^8.3.2"
   },
+  "devDependencies": {
+    "vitest": "^4"
+  },
   "peerDependencies": {
     "@synerise/ds-core": "^1",
     "react": ">=16.9.0 <= 18.3.1",
-    "styled-components": "^5.3.3",
-    "vitest": "4"
+    "styled-components": "^5.3.3"
   },
-  "gitHead": "ce3c6d75efe8573a2b274853636f959b75a6cd32"
+  "gitHead": "f257f56d8991010593efd5ea9915335e813671a6"
 }