@pdg/react-hook 1.0.26 → 1.0.28

package/dist/clearIntervalRef.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare function clearIntervalRef(ref: React.MutableRefObject<NodeJS.Timeout | undefined>): void;
+export declare function clearIntervalRef(ref: React.RefObject<NodeJS.Timeout | undefined>): void;
 export default clearIntervalRef;

package/dist/clearTimeoutRef.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare function clearTimeoutRef(ref: React.MutableRefObject<NodeJS.Timeout | undefined>): void;
+export declare function clearTimeoutRef(ref: React.RefObject<NodeJS.Timeout | undefined>): void;
 export default clearTimeoutRef;

package/dist/index.esm.js

@@ -143,14 +143,18 @@ function useAutoUpdateLayoutRefState(state, callback) {
     }, [ref, value]);
 }function useAutoUpdateRef(value) {
     var valueRef = useRef(value);
+    var _a = useState(0), setUpdateValue = _a[1];
     useFirstSkipEffect(function () {
         valueRef.current = value;
+        setUpdateValue(function (prev) { return prev + 1; });
     }, [value]);
     return valueRef;
 }function useAutoUpdateLayoutRef(value) {
     var valueRef = useRef(value);
+    var _a = useState(0), setUpdateValue = _a[1];
     useFirstSkipLayoutEffect(function () {
         valueRef.current = value;
+        setUpdateValue(function (prev) { return prev + 1; });
     }, [value]);
     return valueRef;
 }function usePerformance(name) {
@@ -181,7 +185,7 @@ function useAutoUpdateLayoutRefState(state, callback) {
         ref.current = undefined;
     }
 }function useTimeoutRef() {
-    var ref = useRef();
+    var ref = useRef(undefined);
     useEffect(function () {
         return function () {
             clearTimeoutRef(ref);
@@ -216,7 +220,7 @@ function useAutoUpdateLayoutRefState(state, callback) {
         ref.current = undefined;
     }
 }function useIntervalRef() {
-    var ref = useRef();
+    var ref = useRef(undefined);
     useEffect(function () {
         return function () {
             clearIntervalRef(ref);

package/dist/index.js

@@ -143,14 +143,18 @@ function useAutoUpdateLayoutRefState(state, callback) {
     }, [ref, value]);
 }function useAutoUpdateRef(value) {
     var valueRef = react.useRef(value);
+    var _a = react.useState(0), setUpdateValue = _a[1];
     useFirstSkipEffect(function () {
         valueRef.current = value;
+        setUpdateValue(function (prev) { return prev + 1; });
     }, [value]);
     return valueRef;
 }function useAutoUpdateLayoutRef(value) {
     var valueRef = react.useRef(value);
+    var _a = react.useState(0), setUpdateValue = _a[1];
     useFirstSkipLayoutEffect(function () {
         valueRef.current = value;
+        setUpdateValue(function (prev) { return prev + 1; });
     }, [value]);
     return valueRef;
 }function usePerformance(name) {
@@ -181,7 +185,7 @@ function useAutoUpdateLayoutRefState(state, callback) {
         ref.current = undefined;
     }
 }function useTimeoutRef() {
-    var ref = react.useRef();
+    var ref = react.useRef(undefined);
     react.useEffect(function () {
         return function () {
             clearTimeoutRef(ref);
@@ -216,7 +220,7 @@ function useAutoUpdateLayoutRefState(state, callback) {
         ref.current = undefined;
     }
 }function useIntervalRef() {
-    var ref = react.useRef();
+    var ref = react.useRef(undefined);
     react.useEffect(function () {
         return function () {
             clearIntervalRef(ref);

package/dist/useAutoUpdateLayoutRef.d.ts

@@ -1,3 +1,3 @@
-import { MutableRefObject } from 'react';
-export declare function useAutoUpdateLayoutRef<T>(value: T): MutableRefObject<T>;
+import { RefObject } from 'react';
+export declare function useAutoUpdateLayoutRef<T>(value: T): RefObject<T>;
 export default useAutoUpdateLayoutRef;

package/dist/useAutoUpdateLayoutRefState.d.ts

@@ -1,8 +1,8 @@
-import { MutableRefObject, SetStateAction } from 'react';
-export declare function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
-export declare function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
+import { RefObject, SetStateAction } from 'react';
+export declare function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>): [RefObject<T>, T, (value: SetStateAction<T>) => T];
+export declare function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [RefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
 export declare function useAutoUpdateLayoutRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
-    MutableRefObject<T extends never ? StateT : T>,
+    RefObject<T extends never ? StateT : T>,
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];

package/dist/useAutoUpdateRef.d.ts

@@ -1,3 +1,3 @@
-import { MutableRefObject } from 'react';
-export declare function useAutoUpdateRef<T>(value: T): MutableRefObject<T>;
+import { RefObject } from 'react';
+export declare function useAutoUpdateRef<T>(value: T): RefObject<T>;
 export default useAutoUpdateRef;

package/dist/useAutoUpdateRefState.d.ts

@@ -1,8 +1,8 @@
-import { MutableRefObject, SetStateAction } from 'react';
-export declare function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
-export declare function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
+import { RefObject, SetStateAction } from 'react';
+export declare function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>): [RefObject<T>, T, (value: SetStateAction<T>) => T];
+export declare function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [RefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
 export declare function useAutoUpdateRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
-    MutableRefObject<T extends never ? StateT : T>,
+    RefObject<T extends never ? StateT : T>,
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];

package/dist/useIntervalRef.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type UseIntervalReturnValue = [
-    React.MutableRefObject<NodeJS.Timeout | undefined>,
-    (callback: (ref: React.MutableRefObject<NodeJS.Timeout | undefined>) => void, ms?: number) => void
+    React.RefObject<NodeJS.Timeout | undefined>,
+    (callback: (ref: React.RefObject<NodeJS.Timeout | undefined>) => void, ms?: number) => void
 ];
 export declare function useIntervalRef(): UseIntervalReturnValue;
 export default useIntervalRef;

package/dist/useTimeoutRef.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type UseTimeoutReturnValue = [
-    React.MutableRefObject<NodeJS.Timeout | undefined>,
+    React.RefObject<NodeJS.Timeout | undefined>,
     (callback: (args: void) => void, ms?: number) => void
 ];
 export declare function useTimeoutRef(): UseTimeoutReturnValue;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -59,7 +59,7 @@
     "rollup": "^4.39.0",
     "rollup-plugin-delete": "^2.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-scss": "^4.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "sass": "^1.86.3",
     "typescript": "^5.8.3"