@bouko/react 2.4.2 → 2.4.4

package/dist/hooks/clock/interval.js

@@ -1,25 +1,25 @@
-"use client";
-import { useEffect, useRef } from "react";
-export default function useInterval({ action, duration, deps = [], oops }) {
-    const ref = useRef(async () => false);
-    useEffect(() => {
-        ref.current = action;
-    }, [action]);
-    useEffect(() => {
-        if (deps.some(v => v === undefined || v === null))
-            return;
-        const tick = async () => {
-            try {
-                const stop = await ref.current();
-                if (stop && id)
-                    clearInterval(id);
-            }
-            catch (err) {
-                oops?.(err.message);
-            }
-        };
-        const id = setInterval(tick, duration);
-        tick();
-        return () => clearInterval(id);
-    }, [duration, ...deps]);
-}
+"use client";
+import { useEffect, useRef } from "react";
+export default function useInterval({ action, duration, deps = [], oops }) {
+    const ref = useRef(async () => false);
+    useEffect(() => {
+        ref.current = action;
+    }, [action]);
+    useEffect(() => {
+        if (deps.some(v => v === undefined || v === null))
+            return;
+        const tick = async () => {
+            try {
+                const stop = await ref.current();
+                if (stop && id)
+                    clearInterval(id);
+            }
+            catch (err) {
+                oops?.(err.message);
+            }
+        };
+        const id = setInterval(tick, duration);
+        tick();
+        return () => clearInterval(id);
+    }, [duration, ...deps]);
+}

package/dist/hooks/color.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    variable: string;
+    color: string;
+    original: string;
+};
+export default function useColor({ variable, color, original }: Props): void;
+export {};

package/dist/hooks/color.js

@@ -0,0 +1,8 @@
+"use client";
+import { useEffect } from "react";
+export default function useColor({ variable, color, original }) {
+    useEffect(() => {
+        document.documentElement.style.setProperty(`--${variable}`, color);
+        return () => document.documentElement.style.setProperty(`--${variable}`, original);
+    }, []);
+}

package/dist/hooks/element/container.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export default function useContainer(): {
-    ref: import("react").RefObject<HTMLDivElement | null>;
-    container: HTMLElement | null | undefined;
-};
+export default function useContainer(): {
+    ref: import("react").RefObject<HTMLDivElement | null>;
+    container: HTMLElement | null | undefined;
+};

package/dist/hooks/element/container.js

@@ -1,7 +1,7 @@
-"use client";
-import { useRef } from "react";
-export default function useContainer() {
-    const ref = useRef(null);
-    const container = ref.current?.parentElement;
-    return { ref, container };
-}
+"use client";
+import { useRef } from "react";
+export default function useContainer() {
+    const ref = useRef(null);
+    const container = ref.current?.parentElement;
+    return { ref, container };
+}

package/dist/hooks/element/resize.d.ts

@@ -1 +1 @@
-export default function useResizeObserver(element: HTMLElement | null | undefined, action: () => void): void;
+export default function useResizeObserver(element: HTMLElement | null | undefined, action: () => void): void;

package/dist/hooks/element/resize.js

@@ -1,12 +1,12 @@
-"use client";
-import { useEffect } from "react";
-export default function useResizeObserver(element, action) {
-    useEffect(() => {
-        if (!element)
-            return;
-        const observer = new ResizeObserver(action);
-        observer.observe(element);
-        action();
-        return () => observer.disconnect();
-    }, [element, action]);
-}
+"use client";
+import { useEffect } from "react";
+export default function useResizeObserver(element, action) {
+    useEffect(() => {
+        if (!element)
+            return;
+        const observer = new ResizeObserver(action);
+        observer.observe(element);
+        action();
+        return () => observer.disconnect();
+    }, [element, action]);
+}

package/dist/hooks/index.d.ts

@@ -1,4 +1,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 { 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";

package/dist/hooks/index.js

@@ -1,4 +1,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 { 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";

package/dist/index.d.ts

@@ -1,15 +1,15 @@
-export { default as Input } from "./components/input";
-export { default as TextArea } from "./components/textarea";
-export { default as Select } from "./components/select";
-export { default as MultipleChoice } from "./components/multiple-choice";
-export { default as Attachment } from "./components/attachment";
-export { default as CheckBox } from "./components/checkbox";
-export { default as FadeCarousel } from "./components/fade-carousel";
-export * from "./components";
-export * from "./components/button";
-export * from "./components/search-bar";
-export * from "./core/types";
-export * from "./core/functions";
-export * from "./core/format";
-export * from "./components/form/functions";
-export * from "./hooks";
+export { default as Input } from "./components/input";
+export { default as TextArea } from "./components/textarea";
+export { default as Select } from "./components/select";
+export { default as MultipleChoice } from "./components/multiple-choice";
+export { default as Attachment } from "./components/attachment";
+export { default as CheckBox } from "./components/checkbox";
+export { default as FadeCarousel } from "./components/fade-carousel";
+export * from "./components";
+export * from "./components/button";
+export * from "./components/search-bar";
+export * from "./core/types";
+export * from "./core/functions";
+export * from "./core/format";
+export * from "./components/form/functions";
+export * from "./hooks";

package/dist/index.js

@@ -1,15 +1,15 @@
-export { default as Input } from "./components/input";
-export { default as TextArea } from "./components/textarea";
-export { default as Select } from "./components/select";
-export { default as MultipleChoice } from "./components/multiple-choice";
-export { default as Attachment } from "./components/attachment";
-export { default as CheckBox } from "./components/checkbox";
-export { default as FadeCarousel } from "./components/fade-carousel";
-export * from "./components";
-export * from "./components/button";
-export * from "./components/search-bar";
-export * from "./core/types";
-export * from "./core/functions";
-export * from "./core/format";
-export * from "./components/form/functions";
-export * from "./hooks";
+export { default as Input } from "./components/input";
+export { default as TextArea } from "./components/textarea";
+export { default as Select } from "./components/select";
+export { default as MultipleChoice } from "./components/multiple-choice";
+export { default as Attachment } from "./components/attachment";
+export { default as CheckBox } from "./components/checkbox";
+export { default as FadeCarousel } from "./components/fade-carousel";
+export * from "./components";
+export * from "./components/button";
+export * from "./components/search-bar";
+export * from "./core/types";
+export * from "./core/functions";
+export * from "./core/format";
+export * from "./components/form/functions";
+export * from "./hooks";

package/package.json

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