@etsoo/toolpad 1.0.48 → 1.0.50

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;