@grantpearceuk/hooks 0.1.0

package/lib/cjs/useDarkMode/index.js

@@ -0,0 +1,18 @@
+"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 useMediaQuery_1 = __importDefault(require("../useMediaQuery"));
+var useStorage_1 = require("../useStorage");
+function useDarkMode() {
+    var _a = (0, useStorage_1.useLocalStorage)("useDarkMode"), darkMode = _a[0], setDarkMode = _a[1];
+    var prefersDarkMode = (0, useMediaQuery_1.default)("(prefers-color-scheme: dark)");
+    var enabled = darkMode !== null && darkMode !== void 0 ? darkMode : prefersDarkMode;
+    (0, react_1.useEffect)(function () {
+        document.body.classList.toggle("dark-mode", enabled);
+    }, [enabled]);
+    return [enabled, setDarkMode];
+}
+exports.default = useDarkMode;

package/lib/cjs/useDebounce/index.d.ts

@@ -0,0 +1,2 @@
+import { Callback, Dependencies } from "./types";
+export default function useDebounce(callback: Callback, delay: number, dependencies: Dependencies): void;

package/lib/cjs/useDebounce/index.js

@@ -0,0 +1,22 @@
+"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 react_1 = require("react");
+var useTimeout_1 = __importDefault(require("../useTimeout"));
+function useDebounce(callback, delay, dependencies) {
+    var _a = (0, useTimeout_1.default)(callback, delay), reset = _a.reset, clear = _a.clear;
+    (0, react_1.useEffect)(reset, __spreadArray(__spreadArray([], dependencies, true), [reset], false));
+    (0, react_1.useEffect)(clear, [clear]);
+}
+exports.default = useDebounce;

package/lib/cjs/useDebugInformation/index.d.ts

@@ -0,0 +1,8 @@
+interface DebugInformation {
+    count: number;
+    changedProps: Record<string, unknown>;
+    timeSinceLastRender: number;
+    lastRenderTimestamp: number;
+}
+export default function useDebugInformation(componentName: string, props: Record<string, unknown>): DebugInformation;
+export {};

package/lib/cjs/useDebugInformation/index.js

@@ -0,0 +1,44 @@
+"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 useRenderCount_1 = __importDefault(require("../useRenderCount"));
+function useDebugInformation(componentName, props) {
+    var count = (0, useRenderCount_1.default)();
+    var changedProps = (0, react_1.useRef)({});
+    var previousProps = (0, react_1.useRef)(props);
+    var lastRenderTimestamp = (0, react_1.useRef)(Date.now());
+    var propKeys = Object.keys(__assign(__assign({}, props), previousProps));
+    changedProps.current = propKeys.reduce(function (obj, key) {
+        var _a;
+        if (props[key] === previousProps.current[key])
+            return obj;
+        return __assign(__assign({}, obj), (_a = {}, _a[key] = { previous: previousProps.current[key], current: props[key] }, _a));
+    }, {});
+    var info = {
+        count: count,
+        changedProps: changedProps.current,
+        timeSinceLastRender: Date.now() - lastRenderTimestamp.current,
+        lastRenderTimestamp: lastRenderTimestamp.current,
+    };
+    (0, react_1.useEffect)(function () {
+        previousProps.current = props;
+        lastRenderTimestamp.current = Date.now();
+        console.log("[debug-info]", componentName, info);
+    });
+    return info;
+}
+exports.default = useDebugInformation;

package/lib/cjs/useDeepCompareEffect/index.d.ts

@@ -0,0 +1,2 @@
+export declare type Dependencies = [unknown] | [];
+export default function useDeepCompareEffect(callback: () => void, dependencies?: Dependencies): void;

package/lib/cjs/useDeepCompareEffect/index.js

@@ -0,0 +1,16 @@
+"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 isEqual_1 = __importDefault(require("lodash/fp/isEqual"));
+function useDeepCompareEffect(callback, dependencies) {
+    if (dependencies === void 0) { dependencies = []; }
+    var currentDependenciesRef = (0, react_1.useRef)([]);
+    if (!(0, isEqual_1.default)(currentDependenciesRef.current, dependencies)) {
+        currentDependenciesRef.current = dependencies;
+    }
+    (0, react_1.useEffect)(callback, [currentDependenciesRef.current]);
+}
+exports.default = useDeepCompareEffect;

package/lib/cjs/useEffectOnce/index.d.ts

@@ -0,0 +1 @@
+export default function useEffectOnce(callback: () => void): void;

package/lib/cjs/useEffectOnce/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useEffectOnce(callback) {
+    (0, react_1.useEffect)(callback, []);
+}
+exports.default = useEffectOnce;

package/lib/cjs/useEventListener/index.d.ts

@@ -0,0 +1,2 @@
+import { Callback, EventElement } from "./types";
+export default function useEventListener(eventType: string, callback: Callback, element?: EventElement): void;

package/lib/cjs/useEventListener/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useEventListener(eventType, callback, element) {
+    if (element === void 0) { element = window; }
+    var callbackRef = (0, react_1.useRef)(callback);
+    (0, react_1.useEffect)(function () {
+        callbackRef.current = callback;
+    }, [callback]);
+    (0, react_1.useEffect)(function () {
+        if (element == null)
+            return;
+        var handler = function (e) { return callbackRef.current(e); };
+        element.addEventListener(eventType, handler);
+        return function () { return element.removeEventListener(eventType, handler); };
+    }, [eventType, element]);
+}
+exports.default = useEventListener;

package/lib/cjs/useFetch/index.d.ts

@@ -0,0 +1,2 @@
+import { Dependencies, Fetch } from "./types";
+export default function useFetch(url: string, options?: Record<string, unknown | never>, dependencies?: Dependencies): Fetch;

package/lib/cjs/useFetch/index.js

@@ -0,0 +1,82 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var useAsync_1 = __importDefault(require("../useAsync"));
+var DEFAULT_OPTIONS = {
+    headers: { "Content-Type": "application/json" },
+};
+function useFetch(url, options, dependencies) {
+    var _this = this;
+    if (options === void 0) { options = {}; }
+    if (dependencies === void 0) { dependencies = []; }
+    return (0, useAsync_1.default)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var _this = this;
+        return __generator(this, function (_a) {
+            return [2 /*return*/, fetch(url, __assign(__assign({}, DEFAULT_OPTIONS), options)).then(function (res) { return __awaiter(_this, void 0, void 0, function () {
+                    var json;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                if (res.ok)
+                                    return [2 /*return*/, res.json()];
+                                return [4 /*yield*/, res.json()];
+                            case 1:
+                                json = _a.sent();
+                                return [4 /*yield*/, Promise.reject(json)];
+                            case 2: return [2 /*return*/, _a.sent()];
+                        }
+                    });
+                }); })];
+        });
+    }); }, dependencies);
+}
+exports.default = useFetch;

package/lib/cjs/useGenerateHtmlId/index.d.ts

@@ -0,0 +1,3 @@
+declare type GenerateID = () => (suffix: string) => string;
+declare const useGenerateHtmlId: GenerateID;
+export default useGenerateHtmlId;

package/lib/cjs/useGenerateHtmlId/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var counter = 0;
+var useGenerateHtmlId = function () {
+    var id = (0, react_1.useMemo)(function () { return ++counter; }, []);
+    return function (suffix) { return "id" + id + "_" + suffix; };
+};
+exports.default = useGenerateHtmlId;

package/lib/cjs/useGeolocation/index.d.ts

@@ -0,0 +1,2 @@
+import { GeolocationResponse, Options } from "./types";
+export default function useGeolocation(options?: Options): GeolocationResponse;

package/lib/cjs/useGeolocation/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useGeolocation(options) {
+    if (options === void 0) { options = undefined; }
+    var _a = (0, react_1.useState)(true), loading = _a[0], setLoading = _a[1];
+    var _b = (0, react_1.useState)(), error = _b[0], setError = _b[1];
+    var _c = (0, react_1.useState)({}), data = _c[0], setData = _c[1];
+    (0, react_1.useEffect)(function () {
+        var successHandler = function (geoLocation) {
+            console.log("s", geoLocation);
+            setLoading(false);
+            setError(null);
+            setData(geoLocation.coords);
+        };
+        var errorHandler = function (geoLocation) {
+            setError(geoLocation);
+            setLoading(false);
+        };
+        navigator.geolocation.getCurrentPosition(successHandler, errorHandler, options);
+        var id = navigator.geolocation.watchPosition(successHandler, errorHandler, options);
+        return function () { return navigator.geolocation.clearWatch(id); };
+    }, [options]);
+    return { loading: loading, error: error, data: data };
+}
+exports.default = useGeolocation;

package/lib/cjs/useHover/index.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from "react";
+export default function useHover(ref: MutableRefObject<undefined>): boolean;

package/lib/cjs/useHover/index.js

@@ -0,0 +1,17 @@
+"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 useEventListener_1 = __importDefault(require("../useEventListener"));
+function useHover(ref) {
+    var _a = (0, react_1.useState)(false), hovered = _a[0], setHovered = _a[1];
+    (0, react_1.useEffect)(function () {
+        setHovered(false);
+    }, [ref.current]);
+    (0, useEventListener_1.default)("mouseover", function () { return setHovered(true); }, ref.current);
+    (0, useEventListener_1.default)("mouseout", function () { return setHovered(false); }, ref.current);
+    return hovered;
+}
+exports.default = useHover;

package/lib/cjs/useLongPress/index.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from "react";
+export default function useLongPress(ref: MutableRefObject<undefined>, cb: () => void, { delay }?: {
+    delay?: number | undefined;
+}): void;

package/lib/cjs/useLongPress/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var useEffectOnce_1 = __importDefault(require("../useEffectOnce"));
+var useEventListener_1 = __importDefault(require("../useEventListener"));
+var useTimeout_1 = __importDefault(require("../useTimeout"));
+function useLongPress(ref, cb, _a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.delay, delay = _c === void 0 ? 250 : _c;
+    var _d = (0, useTimeout_1.default)(cb, delay), reset = _d.reset, clear = _d.clear;
+    (0, useEffectOnce_1.default)(clear);
+    (0, useEventListener_1.default)("mousedown", reset, ref.current);
+    (0, useEventListener_1.default)("touchstart", reset, ref.current);
+    (0, useEventListener_1.default)("mouseup", clear, ref.current);
+    (0, useEventListener_1.default)("mouseleave", clear, ref.current);
+    (0, useEventListener_1.default)("touchend", clear, ref.current);
+}
+exports.default = useLongPress;

package/lib/cjs/useMediaQuery/index.d.ts

@@ -0,0 +1 @@
+export default function useMediaQuery(mediaQuery: string): boolean;

package/lib/cjs/useMediaQuery/index.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 useEventListener_1 = __importDefault(require("../useEventListener"));
+function useMediaQuery(mediaQuery) {
+    var _a = (0, react_1.useState)(false), isMatch = _a[0], setIsMatch = _a[1];
+    var _b = (0, react_1.useState)(undefined), mediaQueryList = _b[0], setMediaQueryList = _b[1];
+    (0, react_1.useEffect)(function () {
+        var list = window.matchMedia(mediaQuery);
+        setMediaQueryList(list);
+        setIsMatch(list.matches);
+    }, [mediaQuery]);
+    (0, useEventListener_1.default)("change", function (event) {
+        var e = event;
+        setIsMatch(e.matches);
+    }, mediaQueryList);
+    return isMatch;
+}
+exports.default = useMediaQuery;

package/lib/cjs/useOnScreen/index.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from "react";
+export default function useOnScreen(ref: MutableRefObject<undefined>, rootMargin?: string): boolean;

package/lib/cjs/useOnScreen/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useOnScreen(ref, rootMargin) {
+    if (rootMargin === void 0) { rootMargin = "0px"; }
+    var _a = (0, react_1.useState)(false), isVisible = _a[0], setIsVisible = _a[1];
+    (0, react_1.useEffect)(function () {
+        if (ref.current == null)
+            return;
+        var observer = new IntersectionObserver(function (_a) {
+            var entry = _a[0];
+            return setIsVisible(entry.isIntersecting);
+        }, { rootMargin: rootMargin });
+        observer.observe(ref.current);
+        return function () {
+            if (ref.current == null)
+                return;
+            observer.unobserve(ref.current);
+        };
+    }, [ref.current, rootMargin]);
+    return isVisible;
+}
+exports.default = useOnScreen;

package/lib/cjs/useOnlineStatus/index.d.ts

@@ -0,0 +1 @@
+export default function useOnlineStatus(): boolean;

package/lib/cjs/useOnlineStatus/index.js

@@ -0,0 +1,14 @@
+"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 useEventListener_1 = __importDefault(require("../useEventListener"));
+function useOnlineStatus() {
+    var _a = (0, react_1.useState)(navigator.onLine), online = _a[0], setOnline = _a[1];
+    (0, useEventListener_1.default)("online", function () { return setOnline(navigator.onLine); });
+    (0, useEventListener_1.default)("offline", function () { return setOnline(navigator.onLine); });
+    return online;
+}
+exports.default = useOnlineStatus;

package/lib/cjs/usePagination/index.d.ts

@@ -0,0 +1,9 @@
+interface PaginationResponse {
+    data: Record<string, unknown>[];
+    totalPages: number;
+    currentPage: number;
+    nextPage: () => void;
+    previousPage: () => void;
+}
+export default function usePagination(data: Record<string, unknown>[], pageSize: number): PaginationResponse;
+export {};

package/lib/cjs/usePagination/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function usePagination(data, pageSize) {
+    var _a = (0, react_1.useState)(0), pageIndex = _a[0], setPageIndex = _a[1];
+    var totalPages = Math.ceil(data.length / pageSize);
+    var filteredData = data.slice(pageIndex * pageSize, (pageIndex + 1) * pageSize);
+    var nextPage = function () {
+        setPageIndex(Math.min(pageIndex + 1, totalPages - 1));
+    };
+    var previousPage = function () {
+        setPageIndex(Math.max(pageIndex - 1, 0));
+    };
+    return {
+        data: filteredData,
+        currentPage: pageIndex + 1,
+        totalPages: totalPages,
+        nextPage: nextPage,
+        previousPage: previousPage,
+    };
+}
+exports.default = usePagination;

package/lib/cjs/usePrevious/index.d.ts

@@ -0,0 +1,2 @@
+import { PreviousValue } from "./types";
+export default function usePrevious(value: PreviousValue): PreviousValue | undefined;

package/lib/cjs/usePrevious/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function usePrevious(value) {
+    var currentRef = (0, react_1.useRef)(value);
+    var previousRef = (0, react_1.useRef)();
+    if (currentRef.current !== value) {
+        previousRef.current = currentRef.current;
+        currentRef.current = value;
+    }
+    return previousRef.current;
+}
+exports.default = usePrevious;

package/lib/cjs/useRenderCount/index.d.ts

@@ -0,0 +1 @@
+export default function useRenderCount(): number;

package/lib/cjs/useRenderCount/index.js

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

package/lib/cjs/useScript/index.d.ts

@@ -0,0 +1,2 @@
+import { ScriptInterface } from "./types";
+export default function useScript(url: string): ScriptInterface;

package/lib/cjs/useScript/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var useAsync_1 = __importDefault(require("../useAsync"));
+function useScript(url) {
+    return (0, useAsync_1.default)(function () {
+        var script = document.createElement("script");
+        script.src = url;
+        script.async = true;
+        return new Promise(function (resolve, reject) {
+            script.addEventListener("load", resolve);
+            script.addEventListener("error", reject);
+            document.body.appendChild(script);
+        });
+    }, [url]);
+}
+exports.default = useScript;

package/lib/cjs/useSize/index.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from "react";
+import { SizeObject } from "./types";
+export default function useSize(ref: MutableRefObject<undefined>): SizeObject;

package/lib/cjs/useSize/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useSize(ref) {
+    var _a = (0, react_1.useState)({}), size = _a[0], setSize = _a[1];
+    (0, react_1.useEffect)(function () {
+        if (ref.current == null)
+            return;
+        var observer = new ResizeObserver(function (_a) {
+            var entry = _a[0];
+            return setSize(entry.contentRect);
+        });
+        observer.observe(ref.current);
+        return function () { return observer.disconnect(); };
+    }, []);
+    return size;
+}
+exports.default = useSize;

package/lib/cjs/useStateWithHistory/index.d.ts

@@ -0,0 +1,4 @@
+import { HistoryObject } from "./types";
+export default function useStateWithHistory(defaultValue: number, { capacity }?: {
+    capacity?: number | undefined;
+}): HistoryObject;

package/lib/cjs/useStateWithHistory/index.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useStateWithHistory(defaultValue, _a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.capacity, capacity = _c === void 0 ? 10 : _c;
+    var _d = (0, react_1.useState)(defaultValue), value = _d[0], setValue = _d[1];
+    var historyRef = (0, react_1.useRef)([value]);
+    var pointerRef = (0, react_1.useRef)(0);
+    var set = (0, react_1.useCallback)(function (item) {
+        var resolvedValue = typeof item === "function" ? item(value) : item;
+        if (historyRef.current[pointerRef.current] !== resolvedValue) {
+            if (pointerRef.current < historyRef.current.length - 1) {
+                historyRef.current.splice(pointerRef.current + 1);
+            }
+            historyRef.current.push(resolvedValue);
+            while (historyRef.current.length > capacity) {
+                historyRef.current.shift();
+            }
+            pointerRef.current = historyRef.current.length - 1;
+        }
+        setValue(resolvedValue);
+    }, [capacity, value]);
+    var back = (0, react_1.useCallback)(function () {
+        if (pointerRef.current <= 0)
+            return;
+        pointerRef.current--;
+        setValue(historyRef.current[pointerRef.current]);
+    }, []);
+    var forward = (0, react_1.useCallback)(function () {
+        if (pointerRef.current >= historyRef.current.length - 1)
+            return;
+        pointerRef.current++;
+        setValue(historyRef.current[pointerRef.current]);
+    }, []);
+    var go = (0, react_1.useCallback)(function (index) {
+        if (index < 0 || index >= historyRef.current.length - 1)
+            return;
+        pointerRef.current = index;
+        setValue(historyRef.current[pointerRef.current]);
+    }, []);
+    return [
+        value,
+        set,
+        {
+            history: historyRef.current,
+            pointer: pointerRef.current,
+            back: back,
+            forward: forward,
+            go: go,
+        },
+    ];
+}
+exports.default = useStateWithHistory;

package/lib/cjs/useStateWithValidation/index.d.ts

@@ -0,0 +1,2 @@
+import { StateValidation, ValidationFunc, Value } from "./types";
+export default function useStateWithValidation(validationFunc: ValidationFunc, initialValue: Value): StateValidation;

package/lib/cjs/useStateWithValidation/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useStateWithValidation(validationFunc, initialValue) {
+    var _a = (0, react_1.useState)(initialValue), state = _a[0], setState = _a[1];
+    var _b = (0, react_1.useState)(function () { return validationFunc(state); }), isValid = _b[0], setIsValid = _b[1];
+    var onChange = (0, react_1.useCallback)(function (nextState) {
+        var value = typeof nextState === "function" ? nextState(state) : nextState;
+        setState(value);
+        setIsValid(validationFunc(value));
+    }, [validationFunc]);
+    return [state, onChange, isValid];
+}
+exports.default = useStateWithValidation;

package/lib/cjs/useStorage/index.d.ts

@@ -0,0 +1,5 @@
+import { Dispatch } from "react";
+declare type StorageObject = [value: any, setValue: Dispatch<unknown>, remove: () => void];
+export declare function useLocalStorage(key: string, defaultValue?: any): StorageObject;
+export declare function useSessionStorage(key: string, defaultValue?: any): StorageObject;
+export {};