@bouko/react 2.7.9 → 2.8.1

package/dist/hooks/element/with-audio.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from "react";
+export type DivRef = RefObject<HTMLDivElement | null>;
+export type AudioRef = RefObject<HTMLAudioElement | null>;
+export declare function withAudio(ref: AudioRef, fn: (el: HTMLAudioElement) => void): void;

package/dist/hooks/element/with-audio.js

@@ -0,0 +1,6 @@
+export function withAudio(ref, fn) {
+    const el = ref.current;
+    if (!el)
+        return;
+    return fn(el);
+}

package/dist/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { default as useContainer } from "./element/container";
 export { default as useResize } from "./element/resize";
 export { default as useInterval } from "./clock/interval";
 export { default as useSound } from "./audio/sound";
+export { withAudio, type DivRef, type AudioRef } from "./element/with-audio";

package/dist/hooks/index.js

@@ -3,3 +3,4 @@ export { default as useContainer } from "./element/container";
 export { default as useResize } from "./element/resize";
 export { default as useInterval } from "./clock/interval";
 export { default as useSound } from "./audio/sound";
+export { withAudio } from "./element/with-audio";

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "2.7.9",
+  "version": "2.8.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",