@synerise/ds-utils 1.7.1 → 1.8.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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
+
+- **table-new:** initial commit ([a524cb9](https://github.com/synerise/synerise-design/commit/a524cb9cfa464921edb9531ccf002dcc25a3b105))
+
 ## [1.7.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.7.0...@synerise/ds-utils@1.7.1) (2026-03-24)
 
 **Note:** Version bump only for package @synerise/ds-utils

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { default as toCamelCase } from './toCamelCase/toCamelCase';
 export { useOnClickOutside, type HandledEventsType, } from './useOnClickOutside/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 focusWithArrowKeys } from './focusWithArrowKeys/focusWithArrowKeys';
 export { default as escapeRegEx } from './regex/regex';

package/dist/index.js

@@ -3,6 +3,7 @@ import { default as default3 } from "./toCamelCase/toCamelCase.js";
 import { useOnClickOutside } from "./useOnClickOutside/useOnClickOutside.js";
 import { renderWithHighlight } from "./renderWithHighlight/renderWithHighlight.js";
 import { useStableId } from "./useStableId/useStableId.js";
+import { useDebounce } from "./useDebounce/useDebounce.js";
 import { default as default4 } from "./selectColorByLetter/selectColorByLetter.js";
 import { default as default5 } from "./focusWithArrowKeys/focusWithArrowKeys.js";
 import { default as default6 } from "./regex/regex.js";
@@ -45,6 +46,7 @@ export {
   default3 as toCamelCase,
   default10 as useBreakpoint,
   default11 as useCombinedRefs,
+  useDebounce,
   useDelimiterEscape,
   default13 as useElementInView,
   useIsMounted,

package/dist/useDebounce/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T extends unknown[]>(callback: (...args: T) => void, delay?: number) => (...args: T) => void;

package/dist/useDebounce/useDebounce.js

@@ -0,0 +1,22 @@
+import { useRef, useCallback, useEffect } from "react";
+const useDebounce = (callback, delay = 100) => {
+  const timerRef = useRef(null);
+  const debounced = useCallback((...args) => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+    }
+    timerRef.current = setTimeout(() => {
+      callback(...args);
+      timerRef.current = null;
+    }, delay);
+  }, [callback, delay]);
+  useEffect(() => () => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+    }
+  }, []);
+  return debounced;
+};
+export {
+  useDebounce
+};

package/dist/useResizeObserver/useResizeObserver.js

@@ -7,7 +7,6 @@ const useResizeObserver = (elementRef, resizeHandler) => {
         contentRect
       } = entries[0];
       setDimensions(contentRect);
-      resizeHandler && resizeHandler(contentRect);
     };
     if ("requestAnimationFrame" in window) {
       window.requestAnimationFrame(runHandler);
@@ -21,6 +20,9 @@ const useResizeObserver = (elementRef, resizeHandler) => {
   const disconnect = useCallback(() => {
     resizeObserver.disconnect();
   }, [resizeObserver]);
+  useEffect(() => {
+    resizeHandler && resizeHandler(dimensions);
+  }, [dimensions, resizeHandler]);
   useEffect(() => {
     if (elementRef.current) {
       observe();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-utils",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -17,13 +17,10 @@
   },
   "scripts": {
     "build": "vite build",
-    "build:css": "node ../../../scripts/style/less.js",
-    "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
     "build:watch": "vite build --watch",
-    "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
-    "test": "jest",
+    "test": "vitest run",
     "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"
@@ -40,7 +37,8 @@
   "peerDependencies": {
     "@synerise/ds-core": "^1",
     "react": ">=16.9.0 <= 18.3.1",
-    "styled-components": "^5.3.3"
+    "styled-components": "^5.3.3",
+    "vitest": "4"
   },
-  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
+  "gitHead": "ce3c6d75efe8573a2b274853636f959b75a6cd32"
 }

package/dist/useDelimiterEscape/__specs__/testCases.d.ts

@@ -1,6 +0,0 @@
-export declare const validTestCases: string[];
-export declare const invalidTestCases: string[];
-export declare const splitWithCommaEscapeTestCases: {
-    input: string;
-    expected: string[];
-}[];