@jelper/hooks 0.1.2 → 0.3.0

package/lib/useAsync.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var useSafeState_1 = __importDefault(require("./useSafeState"));
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+var useCreate_1 = __importDefault(require("./useCreate"));
+var useAsync = function (asyncFn, opt) {
+    if (opt === void 0) { opt = {
+        immediate: false,
+        catchParam: false,
+    }; }
+    var _a = (0, useSafeState_1.default)(null), data = _a[0], setData = _a[1];
+    var _b = (0, useSafeState_1.default)(opt.defParam || {}), param = _b[0], setParam = _b[1];
+    var _c = (0, useSafeState_1.default)(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, useSafeState_1.default)(null), error = _d[0], setError = _d[1];
+    var run = (0, useRtCb_1.default)(function (runParam) {
+        var currParam = opt.catchParam ? __assign(__assign({}, param), (runParam || {})) : runParam;
+        setLoading(true);
+        setError(null);
+        return asyncFn(currParam)
+            .then(opt.format)
+            .then(function (resData) {
+            setData(resData);
+            setParam(currParam);
+        }, setError)
+            .finally(function () {
+            setLoading(false);
+        });
+    });
+    (0, useCreate_1.default)(function () {
+        if (opt.immediate) {
+            run(param);
+        }
+    });
+    return { data: data, run: run, loading: loading, error: error };
+};
+exports.default = useAsync;

package/lib/useBoolState.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useSafeState_1 = __importDefault(require("./useSafeState"));
+var useBoolState = function (value) {
+    var _a = (0, useSafeState_1.default)(value), val = _a[0], setVal = _a[1];
+    var switchFn = (0, react_1.useCallback)(function (switchValue) {
+        if (typeof switchValue === 'boolean') {
+            setVal(switchValue);
+        }
+        else {
+            setVal(function (oldVal) { return !oldVal; });
+        }
+    }, []);
+    return [val, switchFn];
+};
+exports.default = useBoolState;

package/lib/useCreate.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useCreate = function (cb) {
+    (0, react_1.useState)(cb);
+};
+exports.default = useCreate;

package/lib/useDebounce.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var lodash_es_1 = require("lodash-es");
+var react_1 = require("react");
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+var useDebounce = function (cb, wait, opts) {
+    var rtCb = (0, useRtCb_1.default)(cb);
+    return (0, react_1.useMemo)(function () {
+        return (0, lodash_es_1.debounce)(function () {
+            var arg = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                arg[_i] = arguments[_i];
+            }
+            rtCb.apply(void 0, arg);
+        }, wait, opts);
+    }, []);
+};
+exports.default = useDebounce;

package/lib/useInterval.js

@@ -0,0 +1,30 @@
+"use strict";
+/*
+ * @Author: apathyjade
+ * @Date: 2023-12-14 16:51:29
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2024-03-14 16:32:55
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+var useInterval = function (callback, delay) {
+    var timerRef = (0, react_1.useRef)();
+    var clearTimer = (0, react_1.useCallback)(function () {
+        if (timerRef.current) {
+            window.clearInterval(timerRef.current);
+        }
+    }, []);
+    var cb = (0, useRtCb_1.default)(callback);
+    (0, react_1.useEffect)(function () {
+        timerRef.current = window.setInterval(cb, delay);
+        return function () {
+            clearTimer();
+        };
+    }, [delay]);
+    return clearTimer;
+};
+exports.default = useInterval;

package/lib/useIsUnmount.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useIsUnmount = function () {
+    var ref = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(function () {
+        return function () {
+            ref.current = false;
+        };
+    }, []);
+    return (0, react_1.useCallback)(function () { return !ref.current; }, []);
+};
+exports.default = useIsUnmount;

package/lib/useListener.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+var useRtEffect_1 = __importDefault(require("./useRtEffect"));
+var useListener = function (type, listener, options) {
+    var cb = (0, useRtCb_1.default)(listener);
+    var remove = (0, react_1.useCallback)(function () {
+        window.removeEventListener(type, cb);
+    }, []);
+    (0, useRtEffect_1.default)(function () {
+        window.addEventListener(type, cb, options);
+        return function () {
+            window.removeEventListener(type, cb);
+        };
+    });
+    return remove;
+};
+exports.default = useListener;

package/lib/useMount.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useRtRef_1 = __importDefault(require("./useRtRef"));
+var useMount = function (cb) {
+    var ref = (0, useRtRef_1.default)(cb);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call(ref);
+    });
+};
+exports.default = useMount;

package/lib/useParamsState.js

@@ -0,0 +1,26 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useSafeState_1 = __importDefault(require("./useSafeState"));
+function useParamsState(defData) {
+    var _a = (0, useSafeState_1.default)(defData), data = _a[0], setData = _a[1];
+    var update = (0, react_1.useCallback)(function (params) {
+        setData(function (oldVal) { return (__assign(__assign({}, (oldVal || {})), params)); });
+    }, []);
+    return [data, update, setData];
+}
+exports.default = useParamsState;

package/lib/useResizeObserver.js

@@ -0,0 +1,56 @@
+"use strict";
+/*
+ * @Author: apathyjade
+ * @Date: 2023-11-24 10:52:51
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2024-03-14 16:34:42
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useSafeCb_1 = __importDefault(require("./useSafeCb"));
+var resizeObserver = null;
+var observeCatch = null;
+function init() {
+    if (resizeObserver) {
+        return;
+    }
+    observeCatch = new Map();
+    resizeObserver = new window.ResizeObserver(function (targets) {
+        targets === null || targets === void 0 ? void 0 : targets.forEach(function (item) {
+            var _a;
+            (_a = observeCatch === null || observeCatch === void 0 ? void 0 : observeCatch.get(item === null || item === void 0 ? void 0 : item.target)) === null || _a === void 0 ? void 0 : _a(item);
+        });
+    });
+}
+var observe = function (target, cb) {
+    if (!resizeObserver) {
+        init();
+    }
+    observeCatch === null || observeCatch === void 0 ? void 0 : observeCatch.set(target, cb);
+    resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(target);
+};
+var unobserve = function (target) {
+    if (!resizeObserver) {
+        init();
+    }
+    resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve(target);
+    observeCatch === null || observeCatch === void 0 ? void 0 : observeCatch.delete(target);
+};
+function useResizeObserver(dom, cb) {
+    var selfObserve = (0, useSafeCb_1.default)(function () {
+        observe(dom, cb);
+    }, [dom, cb]);
+    var selfUnobserve = (0, useSafeCb_1.default)(function () {
+        unobserve(dom);
+    }, [dom]);
+    (0, react_1.useEffect)(function () {
+        observe(dom, cb);
+        return function () { return unobserve(dom); };
+    }, [dom, cb]);
+    return [selfObserve, selfUnobserve];
+}
+exports.default = useResizeObserver;
+;

package/lib/useRtCb.js

@@ -0,0 +1,28 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var useSafeCb_1 = __importDefault(require("./useSafeCb"));
+var useRtRef_1 = __importDefault(require("./useRtRef"));
+var useRtCb = function (cb, deps) {
+    var ref = (0, useRtRef_1.default)(cb);
+    return (0, useSafeCb_1.default)(function () {
+        var _a;
+        var arg = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            arg[_i] = arguments[_i];
+        }
+        return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([ref], arg, false));
+    }, deps);
+};
+exports.default = useRtCb;

package/lib/useRtEffect.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+var useRtEffect = function (cb, deps) {
+    var rtCb = (0, useRtCb_1.default)(cb, deps);
+    (0, react_1.useEffect)(rtCb, [rtCb]);
+};
+exports.default = useRtEffect;

package/lib/useRtRef.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useRtRef(val) {
+    var ref = (0, react_1.useRef)();
+    ref.current = val;
+    return ref;
+}
+exports.default = useRtRef;
+;

package/lib/useRtState.js

@@ -0,0 +1,34 @@
+"use strict";
+/*
+ * @Author: jade <apathyjade@outlook.com>
+ * @Version: 0.0.1
+ * @Date: 2023-04-05 14:39:52
+ * @Last Modified by:   jade
+ * @Last Modified Time: 2023-04-05 14:39:52
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+var defEqual = function (a, b) { return a === b; };
+function useRtState(value, onChange, opts) {
+    var _a = (opts || {}).isEqual, isEqual = _a === void 0 ? defEqual : _a;
+    var _b = (0, react_1.useState)(value), val = _b[0], setVal = _b[1];
+    var updateValue = (0, useRtCb_1.default)(function (value) {
+        setVal(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }, []);
+    var _c = (0, react_1.useState)(value), oldValue = _c[0], setOldValue = _c[1];
+    (0, react_1.useEffect)(function () {
+        if (!isEqual(value, oldValue)) {
+            setOldValue(value);
+            if (!isEqual(value, val)) {
+                updateValue(value);
+            }
+        }
+    }, [value, oldValue, val]);
+    return [val, setVal];
+}
+exports.default = useRtState;

package/lib/useSafeCb.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useIsUnmount_1 = __importDefault(require("./useIsUnmount"));
+var useSafeCb = function (cb, deps) {
+    var isUnmount = (0, useIsUnmount_1.default)();
+    return (0, react_1.useCallback)(function () {
+        var arg = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            arg[_i] = arguments[_i];
+        }
+        if (!isUnmount()) {
+            return cb.apply(void 0, arg);
+        }
+    }, deps || []);
+};
+exports.default = useSafeCb;

package/lib/useSafeState.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useSafeCb_1 = __importDefault(require("./useSafeCb"));
+var useSafeState = function (value) {
+    var _a = (0, react_1.useState)(value), state = _a[0], setState = _a[1];
+    var setCb = (0, useSafeCb_1.default)(setState);
+    return [state, setCb];
+};
+exports.default = useSafeState;

package/lib/useThrottle.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var lodash_es_1 = require("lodash-es");
+var react_1 = require("react");
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+/**
+ * 用于节流函数的钩子函数
+ * @param cb - 要节流的函数
+ * @param wait - 节流延迟时间，默认为0
+ * @param opts - 节流选项对象，默认为{}
+ * @returns 节流函数
+ */
+var useThrottle = function (cb, wait, opts) {
+    var rtCb = (0, useRtCb_1.default)(cb);
+    return (0, react_1.useMemo)(function () {
+        return (0, lodash_es_1.throttle)(function () {
+            var arg = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                arg[_i] = arguments[_i];
+            }
+            rtCb.apply(void 0, arg);
+        }, wait, opts);
+    }, []);
+};
+exports.default = useThrottle;

package/lib/useTimeout.js

@@ -0,0 +1,39 @@
+"use strict";
+/*
+ * @Author: apathyjade
+ * @Date: 2023-12-14 16:51:29
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2023-12-14 17:15:27
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+/**
+ * 使用定时器在指定延迟后执行回调函数
+ * @param callback - 回调函数
+ * @param delay - 延迟时间（毫秒）
+ * @returns clearTimer - 清除定时器的函数
+ */
+var useTimeout = function (callback, delay) {
+    var timerRef = (0, react_1.useRef)();
+    /**
+     * 清除定时器
+     */
+    var clearTimer = (0, react_1.useCallback)(function () {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+    }, []);
+    var cb = (0, useRtCb_1.default)(callback);
+    (0, react_1.useEffect)(function () {
+        timerRef.current = window.setTimeout(cb, delay);
+        return function () {
+            clearTimer();
+        };
+    }, [delay]);
+    return clearTimer;
+};
+exports.default = useTimeout;

package/lib/useUnmount.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useUnmount = function (cb) {
+    var ref = (0, react_1.useRef)(cb);
+    ref.current = cb;
+    (0, react_1.useEffect)(function () {
+        return function () {
+            ref.current();
+        };
+    }, []);
+};
+exports.default = useUnmount;

package/lib/useUpdateEffect.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useUpdateEffect(cb, deps) {
+    var ref = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(function () {
+        if (ref.current) {
+            ref.current = false;
+            return;
+        }
+        return cb();
+    }, deps);
+}
+exports.default = useUpdateEffect;
+;

package/package.json

@@ -1,9 +1,10 @@
 {
 	"name": "@jelper/hooks",
-	"version": "0.1.2",
+	"version": "0.3.0",
 	"description": "react hooks helper",
 	"main": "lib/index.js",
 	"module": "es/index.js",
+	"types": "types/index.d.ts",
 	"keywords": [
 		"store",
 		"helper"
@@ -12,13 +13,14 @@
 		"package.json",
 		"README.md",
 		"es/**",
-		"lib/**"
+		"lib/**",
+		"types/**"
 	],
 	"publishConfig": {
 		"access": "public"
 	},
 	"devDependencies": {
-		"@jelper/builder": "0.1.17",
+		"@jelper/builder": "0.2.0",
 		"@types/node": "~18.0.0",
 		"@types/react": "~18.2.17",
 		"@types/lodash-es": "~4.17.8"
@@ -32,6 +34,8 @@
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"build": "jelper build",
+		"build:debug": "jelper build --debug",
+		"build:help": "jelper build --help",
 		"serve": "jelper serve"
 	}
 }

package/types/index.d.ts

@@ -0,0 +1,20 @@
+export { default as useSafeState } from './useSafeState';
+export { default as useSafeCb } from './useSafeCb';
+export { default as useRtRef } from './useRtRef';
+export { default as useRtState } from './useRtState';
+export { default as useRtCb } from './useRtCb';
+export { default as useRtEffect } from './useRtEffect';
+export { default as useBoolState } from './useBoolState';
+export { default as useParamsState } from './useParamsState';
+export { default as useUpdateEffect } from './useUpdateEffect';
+export { default as useIsUnmount } from './useIsUnmount';
+export { default as useCreate } from './useCreate';
+export { default as useMount } from './useMount';
+export { default as useUnmount } from './useUnmount';
+export { default as useThrottle } from './useThrottle';
+export { default as useDebounce } from './useDebounce';
+export { default as useAsync } from './useAsync';
+export { default as useTimeout } from './useTimeout';
+export { default as useInterval } from './useInterval';
+export { default as useListener } from './useListener';
+export { default as useResizeObserver } from './useResizeObserver';

package/types/useAsync.d.ts

@@ -0,0 +1,13 @@
+interface Opt<T extends (...arg: any) => any, R> {
+    defParam?: Parameters<T>;
+    immediate?: boolean;
+    format?: (p: ReturnType<T>) => R;
+    catchParam?: boolean;
+}
+declare const useAsync: <T extends (...arg: any) => Promise<any>, R extends Object>(asyncFn: T, opt?: Opt<T, R>) => {
+    data: R | null | undefined;
+    run: ReturnFn<(runParam?: Partial<Parameters<T>>) => Promise<void>>;
+    loading: boolean | undefined;
+    error: null | undefined;
+};
+export default useAsync;

package/types/useBoolState.d.ts

@@ -0,0 +1,2 @@
+declare const useBoolState: (value: boolean) => (boolean | ((switchValue?: React.SetStateAction<boolean>) => void) | undefined)[];
+export default useBoolState;

package/types/useCreate.d.ts

@@ -0,0 +1,2 @@
+declare const useCreate: (cb: Function) => void;
+export default useCreate;

package/types/useDebounce.d.ts

@@ -0,0 +1,3 @@
+import { DebounceSettings, DebouncedFunc } from 'lodash-es';
+declare const useDebounce: <T extends (...args: any) => any>(cb: T, wait?: number, opts?: DebounceSettings) => DebouncedFunc<T>;
+export default useDebounce;

package/types/useInterval.d.ts

@@ -0,0 +1,2 @@
+declare const useInterval: (callback: DefFn, delay: number) => () => void;
+export default useInterval;

package/types/useIsUnmount.d.ts

@@ -0,0 +1,2 @@
+declare const useIsUnmount: () => (() => boolean);
+export default useIsUnmount;

package/types/useListener.d.ts

@@ -0,0 +1,2 @@
+declare const useListener: (type: keyof WindowEventMap, listener: () => any, options?: boolean | AddEventListenerOptions) => () => void;
+export default useListener;

package/types/useMount.d.ts

@@ -0,0 +1,2 @@
+declare const useMount: (cb: Function) => void;
+export default useMount;

package/types/useParamsState.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export default function useParamsState<T extends object>(defData: T): [
+    d: T | undefined,
+    u: React.Dispatch<React.SetStateAction<Partial<T | undefined>>>,
+    s: React.Dispatch<React.SetStateAction<T | undefined>>
+];

package/types/useResizeObserver.d.ts

@@ -0,0 +1 @@
+export default function useResizeObserver(dom: HTMLElement, cb: (dom: ResizeObserverEntry) => void): (() => void)[];

package/types/useRtCb.d.ts

@@ -0,0 +1,2 @@
+declare const useRtCb: <T extends DefFn, D extends any[]>(cb: T, deps?: D) => ReturnFn<T>;
+export default useRtCb;

package/types/useRtEffect.d.ts

@@ -0,0 +1,2 @@
+declare const useRtEffect: (cb: any, deps?: any[]) => void;
+export default useRtEffect;

package/types/useRtRef.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function useRtRef<T>(val: T): import("react").MutableRefObject<T | undefined>;

package/types/useRtState.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface Options<T> {
+    isEqual?: (a: T, b: T) => boolean;
+}
+export default function useRtState<T = any>(value: T, onChange?: (value: T) => void, opts?: Options<T>): (T | import("react").Dispatch<import("react").SetStateAction<T>>)[];
+export {};

package/types/useSafeCb.d.ts

@@ -0,0 +1,2 @@
+declare const useSafeCb: <T extends DefFn, D extends any[]>(cb: T, deps?: D) => T;
+export default useSafeCb;

package/types/useSafeState.d.ts

@@ -0,0 +1,5 @@
+declare const useSafeState: <T>(value?: T) => [
+    s: T | undefined,
+    setFn: React.Dispatch<React.SetStateAction<T | undefined>>
+];
+export default useSafeState;