@etsoo/toolpad 1.0.47 → 1.0.49

package/build/cjs/Account/AccountPreview.js

@@ -89,7 +89,7 @@ function AccountPreview(props) {
             width: variant === "expanded" ? 48 : 32
         }, ...slotProps?.avatar, children: session.user?.image ? null : formatNameInitials(session.user) }));
     if (variant === "expanded") {
-        return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "flex-start", spacing: 2, padding: 2, children: [avatarContent, (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "column", justifyContent: "space-evenly", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", fontWeight: "bolder", noWrap: true, children: session.user?.name }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption", noWrap: true, children: session.user?.email })] }), handleClick &&
+        return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", spacing: 2, sx: { padding: 2, justifyContent: "flex-start" }, children: [avatarContent, (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "column", sx: { justifyContent: "space-evenly" }, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", noWrap: true, sx: { fontWeight: "bolder" }, children: session.user?.name }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption", noWrap: true, children: session.user?.email })] }), handleClick &&
                     (slots?.moreIconButton ? ((0, jsx_runtime_1.jsx)(slots.moreIconButton, {})) : ((0, jsx_runtime_1.jsx)(IconButton_1.default, { size: "small", onClick: handleClick, ...slotProps?.moreIconButton, sx: { alignSelf: "flex-start", ...slotProps?.moreIconButton?.sx }, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, { fontSize: "small" }) })))] }));
     }
     return ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: session.user.name ?? "Account", children: slots?.avatarIconButton ? ((0, jsx_runtime_1.jsx)(slots.avatarIconButton, {})) : ((0, jsx_runtime_1.jsx)(IconButton_1.default, { onClick: handleClick, "aria-label": localeText.accountIconButtonAriaLabel, size: "small", "aria-controls": open ? "account-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, ...slotProps?.avatarIconButton, children: avatarContent })) }));

package/build/cjs/DashboardLayout/TitleBar.js

@@ -51,7 +51,7 @@ function TitleBar() {
         return [title, false];
     }, [title]);
     if (hasLink) {
-        return ((0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/", style: { color: "inherit", textDecoration: "none" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", children: [branding?.logo && (0, jsx_runtime_1.jsx)(LogoContainer, { children: branding.logo }), titleUI] }) }));
+        return ((0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/", style: { color: "inherit", textDecoration: "none" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", sx: { alignItems: "center" }, children: [branding?.logo && (0, jsx_runtime_1.jsx)(LogoContainer, { children: branding.logo }), titleUI] }) }));
     }
     else {
         return titleUI;

package/build/cjs/shared/components.js

@@ -25,7 +25,7 @@ function ErrorOverlay({ error }) {
                     flexDirection: "row",
                     gap: 1,
                     alignItems: "center"
-                }, children: [(0, jsx_runtime_1.jsx)(Error_1.default, { color: "error" }), " Error"] }), (0, jsx_runtime_1.jsx)(Typography_1.default, { textAlign: "center", children: error?.message ?? "Unknown error" })] }));
+                }, children: [(0, jsx_runtime_1.jsx)(Error_1.default, { color: "error" }), " Error"] }), (0, jsx_runtime_1.jsx)(Typography_1.default, { align: "center", children: error?.message ?? "Unknown error" })] }));
 }
 function LoadingOverlay() {
     return ((0, jsx_runtime_1.jsx)(OverlayRoot, { children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, {}) }));

package/build/mjs/Account/AccountPreview.js

@@ -50,7 +50,7 @@ function AccountPreview(props) {
             width: variant === "expanded" ? 48 : 32
         }, ...slotProps?.avatar, children: session.user?.image ? null : formatNameInitials(session.user) }));
     if (variant === "expanded") {
-        return (_jsxs(Stack, { direction: "row", justifyContent: "flex-start", spacing: 2, padding: 2, children: [avatarContent, _jsxs(Stack, { direction: "column", justifyContent: "space-evenly", children: [_jsx(Typography, { variant: "body2", fontWeight: "bolder", noWrap: true, children: session.user?.name }), _jsx(Typography, { variant: "caption", noWrap: true, children: session.user?.email })] }), handleClick &&
+        return (_jsxs(Stack, { direction: "row", spacing: 2, sx: { padding: 2, justifyContent: "flex-start" }, children: [avatarContent, _jsxs(Stack, { direction: "column", sx: { justifyContent: "space-evenly" }, children: [_jsx(Typography, { variant: "body2", noWrap: true, sx: { fontWeight: "bolder" }, children: session.user?.name }), _jsx(Typography, { variant: "caption", noWrap: true, children: session.user?.email })] }), handleClick &&
                     (slots?.moreIconButton ? (_jsx(slots.moreIconButton, {})) : (_jsx(IconButton, { size: "small", onClick: handleClick, ...slotProps?.moreIconButton, sx: { alignSelf: "flex-start", ...slotProps?.moreIconButton?.sx }, children: _jsx(MoreVertIcon, { fontSize: "small" }) })))] }));
     }
     return (_jsx(Tooltip, { title: session.user.name ?? "Account", children: slots?.avatarIconButton ? (_jsx(slots.avatarIconButton, {})) : (_jsx(IconButton, { onClick: handleClick, "aria-label": localeText.accountIconButtonAriaLabel, size: "small", "aria-controls": open ? "account-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, ...slotProps?.avatarIconButton, children: avatarContent })) }));

package/build/mjs/DashboardLayout/TitleBar.js

@@ -45,7 +45,7 @@ export function TitleBar() {
         return [title, false];
     }, [title]);
     if (hasLink) {
-        return (_jsx(Link, { href: "/", style: { color: "inherit", textDecoration: "none" }, children: _jsxs(Stack, { direction: "row", alignItems: "center", children: [branding?.logo && _jsx(LogoContainer, { children: branding.logo }), titleUI] }) }));
+        return (_jsx(Link, { href: "/", style: { color: "inherit", textDecoration: "none" }, children: _jsxs(Stack, { direction: "row", sx: { alignItems: "center" }, children: [branding?.logo && _jsx(LogoContainer, { children: branding.logo }), titleUI] }) }));
     }
     else {
         return titleUI;

package/build/mjs/shared/components.js

@@ -18,7 +18,7 @@ export function ErrorOverlay({ error }) {
                     flexDirection: "row",
                     gap: 1,
                     alignItems: "center"
-                }, children: [_jsx(ErrorIcon, { color: "error" }), " Error"] }), _jsx(Typography, { textAlign: "center", children: error?.message ?? "Unknown error" })] }));
+                }, children: [_jsx(ErrorIcon, { color: "error" }), " Error"] }), _jsx(Typography, { align: "center", children: error?.message ?? "Unknown error" })] }));
 }
 export function LoadingOverlay() {
     return (_jsx(OverlayRoot, { children: _jsx(CircularProgress, {}) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/toolpad",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "author": "ETSOO",
   "description": "Dashboard framework extention based on Toolpad Core",
   "main": "build/cjs/index.js",
@@ -11,11 +11,6 @@
       "import": "./build/mjs/index.js",
       "require": "./build/cjs/index.js"
     },
-    "./nextjs": {
-      "types": "./build/mjs/nextjs/index.d.ts",
-      "import": "./build/mjs/nextjs/index.js",
-      "require": "./build/cjs/nextjs/index.js"
-    },
     "./react-router-dom": {
       "types": "./build/mjs/react-router-dom/index.d.ts",
       "import": "./build/mjs/react-router-dom/index.js",
@@ -47,40 +42,35 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "7.3.9",
-    "@mui/material": "7.3.9",
-    "@mui/utils": "7.3.9",
+    "@mui/icons-material": "9.0.1",
+    "@mui/material": "9.0.1",
+    "@mui/utils": "9.0.1",
     "invariant": "2.2.4",
     "path-to-regexp": "^6.3.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4"
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@babel/plugin-transform-runtime": "^7.29.0",
-    "@babel/preset-env": "^7.29.2",
+    "@babel/preset-env": "^7.29.5",
     "@babel/runtime-corejs3": "^7.29.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/invariant": "2.2.37",
-    "@types/node": "^25.5.2",
+    "@types/node": "^25.8.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "6.0.1",
-    "@vitest/browser": "4.1.2",
-    "@vitest/browser-playwright": "^4.1.2",
-    "jsdom": "^29.0.1",
-    "next": "^16.2.2",
-    "next-router-mock": "^1.0.5",
-    "playwright": "^1.59.1",
-    "react-router-dom": "^7.14.0",
-    "vitest": "4.1.2"
+    "@vitejs/plugin-react": "6.0.2",
+    "@vitest/browser": "4.1.6",
+    "@vitest/browser-playwright": "^4.1.6",
+    "jsdom": "^29.1.1",
+    "playwright": "^1.60.0",
+    "react-router-dom": "^7.15.1",
+    "vitest": "4.1.6"
   },
   "peerDependenciesMeta": {
-    "next": {
-      "optional": true
-    },
     "react-router-dom": {
       "optional": true
     }

package/src/Account/AccountPreview.tsx

@@ -120,13 +120,12 @@ function AccountPreview(props: AccountPreviewProps) {
     return (
       <Stack
         direction="row"
-        justifyContent="flex-start"
         spacing={2}
-        padding={2}
+        sx={{ padding: 2, justifyContent: "flex-start" }}
       >
         {avatarContent}
-        <Stack direction="column" justifyContent="space-evenly">
-          <Typography variant="body2" fontWeight="bolder" noWrap>
+        <Stack direction="column" sx={{ justifyContent: "space-evenly" }}>
+          <Typography variant="body2" noWrap sx={{ fontWeight: "bolder" }}>
             {session.user?.name}
           </Typography>
           <Typography variant="caption" noWrap>

package/src/DashboardLayout/TitleBar.tsx

@@ -59,7 +59,7 @@ export function TitleBar() {
   if (hasLink) {
     return (
       <Link href="/" style={{ color: "inherit", textDecoration: "none" }}>
-        <Stack direction="row" alignItems="center">
+        <Stack direction="row" sx={{ alignItems: "center" }}>
           {branding?.logo && <LogoContainer>{branding.logo}</LogoContainer>}
           {titleUI}
         </Stack>

package/src/shared/components.tsx

@@ -31,7 +31,7 @@ export function ErrorOverlay({ error }: ErrorOverlayProps) {
       >
         <ErrorIcon color="error" /> Error
       </Typography>
-      <Typography textAlign="center">
+      <Typography align="center">
         {(error as any)?.message ?? "Unknown error"}
       </Typography>
     </OverlayRoot>

package/build/cjs/nextjs/AppProvider.d.ts

@@ -1,6 +0,0 @@
-import type { AppProviderProps } from "../AppProvider";
-/**
- * @ignore - internal component.
- */
-declare function AppProvider(props: AppProviderProps): import("react/jsx-runtime").JSX.Element;
-export { AppProvider };

package/build/cjs/nextjs/AppProvider.js

@@ -1,18 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppProvider = AppProvider;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const router_1 = require("next/compat/router");
-const AppProviderNextApp_1 = require("./AppProviderNextApp");
-const AppProviderNextPages_1 = require("./AppProviderNextPages");
-/**
- * @ignore - internal component.
- */
-function AppProvider(props) {
-    const router = (0, router_1.useRouter)();
-    const AppProviderComponent = router
-        ? AppProviderNextPages_1.AppProviderNextPages
-        : AppProviderNextApp_1.AppProviderNextApp;
-    return (0, jsx_runtime_1.jsx)(AppProviderComponent, { ...props });
-}

package/build/cjs/nextjs/AppProvider.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/nextjs/AppProvider.test.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const vitest_1 = require("vitest");
-const react_1 = require("@testing-library/react");
-const AppProvider_1 = require("./AppProvider");
-vitest_1.vi.mock("next/navigation", () => {
-    const searchParams = new URLSearchParams();
-    const push = () => { };
-    const replace = () => { };
-    const router = { push, replace };
-    return {
-        usePathname: () => "/",
-        useSearchParams: () => searchParams,
-        useRouter: () => router
-    };
-});
-vitest_1.vi.mock("next/router", () => ({ useRouter: () => null }));
-vitest_1.vi.mock("next/compat/router", () => ({ useRouter: () => null }));
-function RouterTest({ children }) {
-    const [pathname, setPathname] = React.useState("/page");
-    const router = React.useMemo(() => {
-        return {
-            pathname,
-            searchParams: new URLSearchParams(),
-            navigate: (path) => setPathname(String(path))
-        };
-    }, [pathname]);
-    return (0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { router: router, children: children });
-}
-(0, vitest_1.describe)("Nextjs AppProvider", () => {
-    (0, vitest_1.test)("renders content correctly", async () => {
-        // placeholder test
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(RouterTest, { children: "Hello" }));
-        (0, vitest_1.expect)(react_1.screen.getByText("Hello")).toBeTruthy();
-    });
-});

package/build/cjs/nextjs/AppProviderNextApp.d.ts

@@ -1,5 +0,0 @@
-import type { AppProviderProps } from "../AppProvider";
-/**
- * @ignore - internal component.
- */
-export declare function AppProviderNextApp(props: AppProviderProps): import("react/jsx-runtime").JSX.Element;

package/build/cjs/nextjs/AppProviderNextApp.js

@@ -1,63 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppProviderNextApp = AppProviderNextApp;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const navigation_1 = require("next/navigation");
-const AppProviderComponent_1 = require("../AppProvider/AppProviderComponent");
-/**
- * @ignore - internal component.
- */
-function AppProviderNextApp(props) {
-    const pathname = (0, navigation_1.usePathname)();
-    const searchParams = (0, navigation_1.useSearchParams)();
-    const { push, replace } = (0, navigation_1.useRouter)();
-    const navigate = React.useCallback((url, { history = "auto" } = {}) => {
-        if (history === "auto" || history === "push") {
-            return push(String(url));
-        }
-        if (history === "replace") {
-            return replace(String(url));
-        }
-        throw new Error(`Invalid history option: ${history}`);
-    }, [push, replace]);
-    const routerImpl = React.useMemo(() => ({
-        pathname,
-        searchParams,
-        navigate
-    }), [pathname, navigate, searchParams]);
-    return (0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { router: routerImpl, ...props });
-}

package/build/cjs/nextjs/AppProviderNextPages.d.ts

@@ -1,5 +0,0 @@
-import type { AppProviderProps } from "../AppProvider";
-/**
- * @ignore - internal component.
- */
-export declare function AppProviderNextPages(props: AppProviderProps): import("react/jsx-runtime").JSX.Element;

package/build/cjs/nextjs/AppProviderNextPages.js

@@ -1,73 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppProviderNextPages = AppProviderNextPages;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const router_1 = require("next/router");
-const collections_1 = require("../utils/collections");
-const AppProviderComponent_1 = require("../AppProvider/AppProviderComponent");
-/**
- * @ignore - internal component.
- */
-function AppProviderNextPages(props) {
-    const { push, replace, asPath, query } = (0, router_1.useRouter)();
-    const search = React.useMemo(() => {
-        const params = new URLSearchParams();
-        Object.entries(query ?? {}).forEach(([key, value]) => {
-            (0, collections_1.asArray)(value ?? []).forEach((v) => {
-                params.append(key, v.toString());
-            });
-        });
-        return params.toString();
-    }, [query]);
-    // Stable search params object
-    const searchParams = React.useMemo(() => new URLSearchParams(search), [search]);
-    const navigate = React.useCallback((url, { history = "auto" } = {}) => {
-        if (history === "auto" || history === "push") {
-            return push(String(url));
-        }
-        if (history === "replace") {
-            return replace(String(url));
-        }
-        throw new Error(`Invalid history option: ${history}`);
-    }, [push, replace]);
-    const routerImpl = React.useMemo(() => ({
-        pathname: asPath,
-        searchParams,
-        navigate
-    }), [asPath, navigate, searchParams]);
-    return (0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { router: routerImpl, ...props });
-}

package/build/cjs/nextjs/index.d.ts

@@ -1 +0,0 @@
-export * from "./AppProvider";

package/build/cjs/nextjs/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AppProvider"), exports);

package/build/cjs/utils/hooks/useDebounced.d.ts

@@ -1,8 +0,0 @@
-/**
- * This hook allows you to debounce any fast changing value. The debounced value will only
- * reflect the latest value when the useDebounce hook has not been called for the specified
- * time period.
- *
- * Inspired by https://usehooks.com/useDebounce/
- */
-export default function useDebounced<T>(value: T, delay: number): T;

package/build/cjs/utils/hooks/useDebounced.js

@@ -1,64 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = useDebounced;
-const React = __importStar(require("react"));
-/**
- * This hook allows you to debounce any fast changing value. The debounced value will only
- * reflect the latest value when the useDebounce hook has not been called for the specified
- * time period.
- *
- * Inspired by https://usehooks.com/useDebounce/
- */
-function useDebounced(value, delay) {
-    const [debouncedValue, setDebouncedValue] = React.useState(() => value);
-    const timeoutIdRef = React.useRef(null);
-    React.useEffect(() => () => {
-        if (timeoutIdRef.current) {
-            clearTimeout(timeoutIdRef.current);
-            timeoutIdRef.current = null;
-        }
-    }, []);
-    React.useEffect(() => {
-        timeoutIdRef.current = setTimeout(() => setDebouncedValue(() => value), delay);
-        return () => {
-            if (timeoutIdRef.current) {
-                clearTimeout(timeoutIdRef.current);
-                timeoutIdRef.current = null;
-            }
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}

package/build/cjs/utils/hooks/useDebouncedHandler.d.ts

@@ -1,12 +0,0 @@
-interface Handler<P extends unknown[]> {
-    (...params: P): void;
-}
-/**
- * Creates a debounced version of the handler that is passed. The invocation of [fn] is
- * delayed for [delay] milliseconds from the last invocation of the debounced function.
- *
- * This implementation adds on the lodash implementation in that it handles updates to the
- * delay value.
- */
-export default function useDebouncedHandler<P extends unknown[]>(fn: Handler<P>, delay: number): Handler<P>;
-export {};

package/build/cjs/utils/hooks/useDebouncedHandler.js

@@ -1,77 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = useDebouncedHandler;
-const React = __importStar(require("react"));
-function defer(fn, params, delay) {
-    const timeout = setTimeout(() => {
-        fn.current(...params);
-    }, delay);
-    return { startTime: Date.now(), timeout, params };
-}
-/**
- * Creates a debounced version of the handler that is passed. The invocation of [fn] is
- * delayed for [delay] milliseconds from the last invocation of the debounced function.
- *
- * This implementation adds on the lodash implementation in that it handles updates to the
- * delay value.
- */
-function useDebouncedHandler(fn, delay) {
-    const fnRef = React.useRef(fn);
-    React.useEffect(() => {
-        fnRef.current = fn;
-    }, [fn]);
-    const delayedInvocation = React.useRef(null);
-    const clearCurrent = React.useCallback(() => {
-        if (delayedInvocation.current) {
-            clearTimeout(delayedInvocation.current.timeout);
-            delayedInvocation.current = null;
-        }
-    }, []);
-    React.useEffect(() => {
-        if (!delayedInvocation.current) {
-            return;
-        }
-        const { startTime, params } = delayedInvocation.current;
-        const elapsed = Date.now() - startTime;
-        const newDelay = Math.max(delay - elapsed, 0);
-        clearCurrent();
-        delayedInvocation.current = defer(fnRef, params, newDelay);
-    }, [delay, clearCurrent]);
-    return React.useCallback((...params) => {
-        clearCurrent();
-        delayedInvocation.current = defer(fnRef, params, delay);
-    }, [delay, clearCurrent]);
-}

package/build/cjs/utils/hooks/useLatest.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns the latest non-null, non-undefined value that has been passed to it.
- */
-declare function useLatest<T>(value: T): T;
-declare function useLatest<T>(value: T | null | undefined): T | null | undefined;
-export default useLatest;

package/build/cjs/utils/hooks/useLatest.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-function useLatest(value) {
-    const [latest, setLatest] = React.useState(value);
-    if (latest !== value && value !== null && value !== undefined) {
-        setLatest(value);
-    }
-    return value ?? latest;
-}
-exports.default = useLatest;

package/build/mjs/nextjs/AppProvider.d.ts

@@ -1,6 +0,0 @@
-import type { AppProviderProps } from "../AppProvider";
-/**
- * @ignore - internal component.
- */
-declare function AppProvider(props: AppProviderProps): import("react/jsx-runtime").JSX.Element;
-export { AppProvider };

package/build/mjs/nextjs/AppProvider.js

@@ -1,16 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRouter } from "next/compat/router";
-import { AppProviderNextApp } from "./AppProviderNextApp";
-import { AppProviderNextPages } from "./AppProviderNextPages";
-/**
- * @ignore - internal component.
- */
-function AppProvider(props) {
-    const router = useRouter();
-    const AppProviderComponent = router
-        ? AppProviderNextPages
-        : AppProviderNextApp;
-    return _jsx(AppProviderComponent, { ...props });
-}
-export { AppProvider };

package/build/mjs/nextjs/AppProvider.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/mjs/nextjs/AppProvider.test.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { describe, test, expect, vi } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { AppProvider } from "./AppProvider";
-vi.mock("next/navigation", () => {
-    const searchParams = new URLSearchParams();
-    const push = () => { };
-    const replace = () => { };
-    const router = { push, replace };
-    return {
-        usePathname: () => "/",
-        useSearchParams: () => searchParams,
-        useRouter: () => router
-    };
-});
-vi.mock("next/router", () => ({ useRouter: () => null }));
-vi.mock("next/compat/router", () => ({ useRouter: () => null }));
-function RouterTest({ children }) {
-    const [pathname, setPathname] = React.useState("/page");
-    const router = React.useMemo(() => {
-        return {
-            pathname,
-            searchParams: new URLSearchParams(),
-            navigate: (path) => setPathname(String(path))
-        };
-    }, [pathname]);
-    return _jsx(AppProvider, { router: router, children: children });
-}
-describe("Nextjs AppProvider", () => {
-    test("renders content correctly", async () => {
-        // placeholder test
-        render(_jsx(RouterTest, { children: "Hello" }));
-        expect(screen.getByText("Hello")).toBeTruthy();
-    });
-});

package/build/mjs/nextjs/AppProviderNextApp.d.ts

@@ -1,5 +0,0 @@
-import type { AppProviderProps } from "../AppProvider";
-/**
- * @ignore - internal component.
- */
-export declare function AppProviderNextApp(props: AppProviderProps): import("react/jsx-runtime").JSX.Element;

package/build/mjs/nextjs/AppProviderNextApp.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { usePathname, useSearchParams, useRouter } from "next/navigation";
-import { AppProvider } from "../AppProvider/AppProviderComponent";
-/**
- * @ignore - internal component.
- */
-export function AppProviderNextApp(props) {
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-    const { push, replace } = useRouter();
-    const navigate = React.useCallback((url, { history = "auto" } = {}) => {
-        if (history === "auto" || history === "push") {
-            return push(String(url));
-        }
-        if (history === "replace") {
-            return replace(String(url));
-        }
-        throw new Error(`Invalid history option: ${history}`);
-    }, [push, replace]);
-    const routerImpl = React.useMemo(() => ({
-        pathname,
-        searchParams,
-        navigate
-    }), [pathname, navigate, searchParams]);
-    return _jsx(AppProvider, { router: routerImpl, ...props });
-}

package/build/mjs/nextjs/AppProviderNextPages.d.ts

@@ -1,5 +0,0 @@
-import type { AppProviderProps } from "../AppProvider";
-/**
- * @ignore - internal component.
- */
-export declare function AppProviderNextPages(props: AppProviderProps): import("react/jsx-runtime").JSX.Element;

package/build/mjs/nextjs/AppProviderNextPages.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { useRouter } from "next/router";
-import { asArray } from "../utils/collections";
-import { AppProvider } from "../AppProvider/AppProviderComponent";
-/**
- * @ignore - internal component.
- */
-export function AppProviderNextPages(props) {
-    const { push, replace, asPath, query } = useRouter();
-    const search = React.useMemo(() => {
-        const params = new URLSearchParams();
-        Object.entries(query ?? {}).forEach(([key, value]) => {
-            asArray(value ?? []).forEach((v) => {
-                params.append(key, v.toString());
-            });
-        });
-        return params.toString();
-    }, [query]);
-    // Stable search params object
-    const searchParams = React.useMemo(() => new URLSearchParams(search), [search]);
-    const navigate = React.useCallback((url, { history = "auto" } = {}) => {
-        if (history === "auto" || history === "push") {
-            return push(String(url));
-        }
-        if (history === "replace") {
-            return replace(String(url));
-        }
-        throw new Error(`Invalid history option: ${history}`);
-    }, [push, replace]);
-    const routerImpl = React.useMemo(() => ({
-        pathname: asPath,
-        searchParams,
-        navigate
-    }), [asPath, navigate, searchParams]);
-    return _jsx(AppProvider, { router: routerImpl, ...props });
-}

package/build/mjs/nextjs/index.d.ts

@@ -1 +0,0 @@
-export * from "./AppProvider";

package/build/mjs/nextjs/index.js

@@ -1 +0,0 @@
-export * from "./AppProvider";

package/build/mjs/utils/hooks/useDebounced.d.ts

@@ -1,8 +0,0 @@
-/**
- * This hook allows you to debounce any fast changing value. The debounced value will only
- * reflect the latest value when the useDebounce hook has not been called for the specified
- * time period.
- *
- * Inspired by https://usehooks.com/useDebounce/
- */
-export default function useDebounced<T>(value: T, delay: number): T;

package/build/mjs/utils/hooks/useDebounced.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-/**
- * This hook allows you to debounce any fast changing value. The debounced value will only
- * reflect the latest value when the useDebounce hook has not been called for the specified
- * time period.
- *
- * Inspired by https://usehooks.com/useDebounce/
- */
-export default function useDebounced(value, delay) {
-    const [debouncedValue, setDebouncedValue] = React.useState(() => value);
-    const timeoutIdRef = React.useRef(null);
-    React.useEffect(() => () => {
-        if (timeoutIdRef.current) {
-            clearTimeout(timeoutIdRef.current);
-            timeoutIdRef.current = null;
-        }
-    }, []);
-    React.useEffect(() => {
-        timeoutIdRef.current = setTimeout(() => setDebouncedValue(() => value), delay);
-        return () => {
-            if (timeoutIdRef.current) {
-                clearTimeout(timeoutIdRef.current);
-                timeoutIdRef.current = null;
-            }
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}

package/build/mjs/utils/hooks/useDebouncedHandler.d.ts

@@ -1,12 +0,0 @@
-interface Handler<P extends unknown[]> {
-    (...params: P): void;
-}
-/**
- * Creates a debounced version of the handler that is passed. The invocation of [fn] is
- * delayed for [delay] milliseconds from the last invocation of the debounced function.
- *
- * This implementation adds on the lodash implementation in that it handles updates to the
- * delay value.
- */
-export default function useDebouncedHandler<P extends unknown[]>(fn: Handler<P>, delay: number): Handler<P>;
-export {};

package/build/mjs/utils/hooks/useDebouncedHandler.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-function defer(fn, params, delay) {
-    const timeout = setTimeout(() => {
-        fn.current(...params);
-    }, delay);
-    return { startTime: Date.now(), timeout, params };
-}
-/**
- * Creates a debounced version of the handler that is passed. The invocation of [fn] is
- * delayed for [delay] milliseconds from the last invocation of the debounced function.
- *
- * This implementation adds on the lodash implementation in that it handles updates to the
- * delay value.
- */
-export default function useDebouncedHandler(fn, delay) {
-    const fnRef = React.useRef(fn);
-    React.useEffect(() => {
-        fnRef.current = fn;
-    }, [fn]);
-    const delayedInvocation = React.useRef(null);
-    const clearCurrent = React.useCallback(() => {
-        if (delayedInvocation.current) {
-            clearTimeout(delayedInvocation.current.timeout);
-            delayedInvocation.current = null;
-        }
-    }, []);
-    React.useEffect(() => {
-        if (!delayedInvocation.current) {
-            return;
-        }
-        const { startTime, params } = delayedInvocation.current;
-        const elapsed = Date.now() - startTime;
-        const newDelay = Math.max(delay - elapsed, 0);
-        clearCurrent();
-        delayedInvocation.current = defer(fnRef, params, newDelay);
-    }, [delay, clearCurrent]);
-    return React.useCallback((...params) => {
-        clearCurrent();
-        delayedInvocation.current = defer(fnRef, params, delay);
-    }, [delay, clearCurrent]);
-}

package/build/mjs/utils/hooks/useLatest.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns the latest non-null, non-undefined value that has been passed to it.
- */
-declare function useLatest<T>(value: T): T;
-declare function useLatest<T>(value: T | null | undefined): T | null | undefined;
-export default useLatest;

package/build/mjs/utils/hooks/useLatest.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-function useLatest(value) {
-    const [latest, setLatest] = React.useState(value);
-    if (latest !== value && value !== null && value !== undefined) {
-        setLatest(value);
-    }
-    return value ?? latest;
-}
-export default useLatest;

package/src/nextjs/AppProvider.test.tsx

@@ -1,48 +0,0 @@
-import * as React from "react";
-import { describe, test, expect, vi } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { AppProvider } from "./AppProvider";
-import { Router } from "../AppProvider";
-
-vi.mock("next/navigation", () => {
-  const searchParams = new URLSearchParams();
-  const push = () => {};
-  const replace = () => {};
-  const router = { push, replace };
-  return {
-    usePathname: () => "/",
-    useSearchParams: () => searchParams,
-    useRouter: () => router
-  };
-});
-
-vi.mock("next/router", () => ({ useRouter: () => null }));
-
-vi.mock("next/compat/router", () => ({ useRouter: () => null }));
-
-interface RouterTestProps {
-  children: React.ReactNode;
-}
-
-function RouterTest({ children }: RouterTestProps) {
-  const [pathname, setPathname] = React.useState("/page");
-
-  const router = React.useMemo<Router>(() => {
-    return {
-      pathname,
-      searchParams: new URLSearchParams(),
-      navigate: (path) => setPathname(String(path))
-    };
-  }, [pathname]);
-
-  return <AppProvider router={router}>{children}</AppProvider>;
-}
-
-describe("Nextjs AppProvider", () => {
-  test("renders content correctly", async () => {
-    // placeholder test
-    render(<RouterTest>Hello</RouterTest>);
-
-    expect(screen.getByText("Hello")).toBeTruthy();
-  });
-});

package/src/nextjs/AppProvider.tsx

@@ -1,18 +0,0 @@
-"use client";
-import { useRouter } from "next/compat/router";
-import { AppProviderNextApp } from "./AppProviderNextApp";
-import { AppProviderNextPages } from "./AppProviderNextPages";
-import type { AppProviderProps } from "../AppProvider";
-
-/**
- * @ignore - internal component.
- */
-function AppProvider(props: AppProviderProps) {
-  const router = useRouter();
-  const AppProviderComponent = router
-    ? AppProviderNextPages
-    : AppProviderNextApp;
-  return <AppProviderComponent {...props} />;
-}
-
-export { AppProvider };

package/src/nextjs/AppProviderNextApp.tsx

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { usePathname, useSearchParams, useRouter } from "next/navigation";
-import type { AppProviderProps, Navigate, Router } from "../AppProvider";
-import { AppProvider } from "../AppProvider/AppProviderComponent";
-
-/**
- * @ignore - internal component.
- */
-export function AppProviderNextApp(props: AppProviderProps) {
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const { push, replace } = useRouter();
-
-  const navigate = React.useCallback<Navigate>(
-    (url, { history = "auto" } = {}) => {
-      if (history === "auto" || history === "push") {
-        return push(String(url));
-      }
-      if (history === "replace") {
-        return replace(String(url));
-      }
-      throw new Error(`Invalid history option: ${history}`);
-    },
-    [push, replace]
-  );
-
-  const routerImpl = React.useMemo<Router>(
-    () => ({
-      pathname,
-      searchParams,
-      navigate
-    }),
-    [pathname, navigate, searchParams]
-  );
-
-  return <AppProvider router={routerImpl} {...props} />;
-}

package/src/nextjs/AppProviderNextPages.tsx

@@ -1,52 +0,0 @@
-import * as React from "react";
-import { useRouter } from "next/router";
-import type { AppProviderProps, Navigate, Router } from "../AppProvider";
-import { asArray } from "../utils/collections";
-import { AppProvider } from "../AppProvider/AppProviderComponent";
-
-/**
- * @ignore - internal component.
- */
-export function AppProviderNextPages(props: AppProviderProps) {
-  const { push, replace, asPath, query } = useRouter();
-
-  const search = React.useMemo(() => {
-    const params = new URLSearchParams();
-    Object.entries(query ?? {}).forEach(([key, value]) => {
-      asArray(value ?? []).forEach((v) => {
-        params.append(key, v.toString());
-      });
-    });
-    return params.toString();
-  }, [query]);
-
-  // Stable search params object
-  const searchParams = React.useMemo(
-    () => new URLSearchParams(search),
-    [search]
-  );
-
-  const navigate = React.useCallback<Navigate>(
-    (url, { history = "auto" } = {}) => {
-      if (history === "auto" || history === "push") {
-        return push(String(url));
-      }
-      if (history === "replace") {
-        return replace(String(url));
-      }
-      throw new Error(`Invalid history option: ${history}`);
-    },
-    [push, replace]
-  );
-
-  const routerImpl = React.useMemo<Router>(
-    () => ({
-      pathname: asPath,
-      searchParams,
-      navigate
-    }),
-    [asPath, navigate, searchParams]
-  );
-
-  return <AppProvider router={routerImpl} {...props} />;
-}

package/src/nextjs/index.tsx

@@ -1 +0,0 @@
-export * from "./AppProvider";

package/src/utils/hooks/useDebounced.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-
-/**
- * This hook allows you to debounce any fast changing value. The debounced value will only
- * reflect the latest value when the useDebounce hook has not been called for the specified
- * time period.
- *
- * Inspired by https://usehooks.com/useDebounce/
- */
-export default function useDebounced<T>(value: T, delay: number): T {
-  const [debouncedValue, setDebouncedValue] = React.useState(() => value);
-  const timeoutIdRef = React.useRef<NodeJS.Timeout | null>(null);
-
-  React.useEffect(
-    () => () => {
-      if (timeoutIdRef.current) {
-        clearTimeout(timeoutIdRef.current);
-        timeoutIdRef.current = null;
-      }
-    },
-    []
-  );
-
-  React.useEffect(() => {
-    timeoutIdRef.current = setTimeout(
-      () => setDebouncedValue(() => value),
-      delay
-    );
-
-    return () => {
-      if (timeoutIdRef.current) {
-        clearTimeout(timeoutIdRef.current);
-        timeoutIdRef.current = null;
-      }
-    };
-  }, [value, delay]);
-
-  return debouncedValue;
-}

package/src/utils/hooks/useDebouncedHandler.ts

@@ -1,71 +0,0 @@
-import * as React from "react";
-
-interface Handler<P extends unknown[]> {
-  (...params: P): void;
-}
-
-interface DelayedInvocation<P extends unknown[]> {
-  startTime: number;
-  timeout: NodeJS.Timeout;
-  params: P;
-}
-
-function defer<P extends unknown[]>(
-  fn: React.MutableRefObject<Handler<P>>,
-  params: P,
-  delay: number
-) {
-  const timeout = setTimeout(() => {
-    fn.current(...params);
-  }, delay);
-
-  return { startTime: Date.now(), timeout, params };
-}
-
-/**
- * Creates a debounced version of the handler that is passed. The invocation of [fn] is
- * delayed for [delay] milliseconds from the last invocation of the debounced function.
- *
- * This implementation adds on the lodash implementation in that it handles updates to the
- * delay value.
- */
-export default function useDebouncedHandler<P extends unknown[]>(
-  fn: Handler<P>,
-  delay: number
-): Handler<P> {
-  const fnRef = React.useRef(fn);
-  React.useEffect(() => {
-    fnRef.current = fn;
-  }, [fn]);
-
-  const delayedInvocation = React.useRef<DelayedInvocation<P> | null>(null);
-
-  const clearCurrent = React.useCallback(() => {
-    if (delayedInvocation.current) {
-      clearTimeout(delayedInvocation.current.timeout);
-      delayedInvocation.current = null;
-    }
-  }, []);
-
-  React.useEffect(() => {
-    if (!delayedInvocation.current) {
-      return;
-    }
-
-    const { startTime, params } = delayedInvocation.current;
-
-    const elapsed = Date.now() - startTime;
-    const newDelay = Math.max(delay - elapsed, 0);
-
-    clearCurrent();
-    delayedInvocation.current = defer(fnRef, params, newDelay);
-  }, [delay, clearCurrent]);
-
-  return React.useCallback(
-    (...params: P) => {
-      clearCurrent();
-      delayedInvocation.current = defer(fnRef, params, delay);
-    },
-    [delay, clearCurrent]
-  );
-}

package/src/utils/hooks/useLatest.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-
-/**
- * Returns the latest non-null, non-undefined value that has been passed to it.
- */
-function useLatest<T>(value: T): T;
-function useLatest<T>(value: T | null | undefined): T | null | undefined;
-function useLatest<T>(value: T | null | undefined): T | null | undefined {
-  const [latest, setLatest] = React.useState<T | null | undefined>(value);
-  if (latest !== value && value !== null && value !== undefined) {
-    setLatest(value);
-  }
-  return value ?? latest;
-}
-
-export default useLatest;