@pallasoft/ps-core-components 2.9.0 → 2.10.0

package/dist/esm/hooks/use-ps-debounced-value.js

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+import { Client } from '@pallasoft/ps-utilities';
+export const usePsDebouncedValue = (value, waitMs) => {
+    const [settled, setSettled] = useState(value);
+    useEffect(() => {
+        const debounced = Client.DebounceService.create((next) => setSettled(next), waitMs);
+        debounced.run(value);
+        return debounced.cancel;
+    }, [value, waitMs]);
+    return settled;
+};

package/dist/esm/index.js

@@ -43,6 +43,7 @@ export * from './hooks/use-ps-viewport';
 export * from './interfaces/ps-component-props';
 export * from './models/ps-voice-orb';
 export * from './models/ps-navigation-progress';
+export * from './hooks/use-ps-debounced-value';
 export * from './hooks/use-ps-navigation-progress';
 export * from './models/ps-draggable-grid';
 export * from './constants/ps-draggable-grid';

package/dist/hooks/use-ps-debounced-value.d.ts

@@ -0,0 +1 @@
+export declare const usePsDebouncedValue: <T>(value: T, waitMs: number) => T;

package/dist/hooks/use-ps-debounced-value.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsDebouncedValue = void 0;
+const react_1 = require("react");
+const ps_utilities_1 = require("@pallasoft/ps-utilities");
+const usePsDebouncedValue = (value, waitMs) => {
+    const [settled, setSettled] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        const debounced = ps_utilities_1.Client.DebounceService.create((next) => setSettled(next), waitMs);
+        debounced.run(value);
+        return debounced.cancel;
+    }, [value, waitMs]);
+    return settled;
+};
+exports.usePsDebouncedValue = usePsDebouncedValue;

package/dist/index.d.ts

@@ -43,6 +43,7 @@ export * from './hooks/use-ps-viewport';
 export * from './interfaces/ps-component-props';
 export * from './models/ps-voice-orb';
 export * from './models/ps-navigation-progress';
+export * from './hooks/use-ps-debounced-value';
 export * from './hooks/use-ps-navigation-progress';
 export * from './models/ps-draggable-grid';
 export * from './constants/ps-draggable-grid';

package/dist/index.js

@@ -59,6 +59,7 @@ __exportStar(require("./hooks/use-ps-viewport"), exports);
 __exportStar(require("./interfaces/ps-component-props"), exports);
 __exportStar(require("./models/ps-voice-orb"), exports);
 __exportStar(require("./models/ps-navigation-progress"), exports);
+__exportStar(require("./hooks/use-ps-debounced-value"), exports);
 __exportStar(require("./hooks/use-ps-navigation-progress"), exports);
 __exportStar(require("./models/ps-draggable-grid"), exports);
 __exportStar(require("./constants/ps-draggable-grid"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-core-components",
-	"version": "2.9.0",
+	"version": "2.10.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",
@@ -36,6 +36,7 @@
 		"@dnd-kit/utilities": "^3.2.2",
 		"@pallasoft/ps-design-system": "^1.3.0",
 		"@pallasoft/ps-icons": "^1.1.0",
+		"@pallasoft/ps-utilities": "^2.2.0",
 		"@portabletext/react": "^3.2.4",
 		"@portabletext/types": "^2.0.13",
 		"@radix-ui/react-accordion": "^1.2.12",