@tanstack/react-query-devtools 5.101.4 → 5.102.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query-devtools",
-  "version": "5.101.4",
+  "version": "5.102.1",
   "description": "Developer tools to interact with and visualize the TanStack/react-query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -59,7 +59,7 @@
     "!src/__tests__"
   ],
   "dependencies": {
-    "@tanstack/query-devtools": "5.101.4"
+    "@tanstack/query-devtools": "5.102.1"
   },
   "devDependencies": {
     "@testing-library/react": "^16.1.0",
@@ -67,29 +67,27 @@
     "@vitejs/plugin-react": "^4.3.4",
     "npm-run-all2": "^5.0.0",
     "react": "^19.2.1",
-    "@tanstack/react-query": "5.101.4"
+    "@tanstack/react-query": "5.102.1"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
-    "@tanstack/react-query": "^5.101.4"
+    "@tanstack/react-query": "^5.102.1"
   },
   "scripts": {
     "clean": "premove ./build ./coverage ./dist-ts",
     "compile": "tsc --build",
     "test:eslint": "eslint --concurrency=auto ./src",
     "test:types": "npm-run-all --serial test:types:*",
-    "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
-    "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
     "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
     "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
     "test:types:ts58": "node ../../node_modules/typescript58/lib/tsc.js --build tsconfig.legacy.json",
     "test:types:ts59": "node ../../node_modules/typescript59/lib/tsc.js --build tsconfig.legacy.json",
     "test:types:tscurrent": "tsc --build",
-    "test:types:ts60": "node ../../node_modules/typescript60/lib/tsc.js --build",
+    "test:types:ts70": "node ../../node_modules/typescript70/lib/tsc.js --build",
     "test:lib": "vitest",
     "test:lib:dev": "pnpm run test:lib --watch",
     "test:build": "publint --strict && attw --pack",
-    "build": "tsup --tsconfig tsconfig.prod.json",
-    "build:dev": "tsup --watch"
+    "build": "tsdown --tsconfig tsconfig.prod.json",
+    "build:dev": "tsdown --watch"
   }
 }

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -1,119 +0,0 @@
-import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
-import type { DevtoolsErrorType } from '@tanstack/query-devtools';
-import type { DevtoolsPosition } from '@tanstack/query-devtools';
-import type { QueryClient } from '@tanstack/react-query';
-import * as React_2 from 'react';
-import type { Theme } from '@tanstack/query-devtools';
-
-declare namespace Devtools {
-    export {
-        ReactQueryDevtools,
-        DevtoolsOptions
-    }
-}
-
-export declare interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the TanStack logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
-     * Defaults to 'bottom-right'.
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the React Query devtools panel.
-     * 'top' | 'bottom' | 'left' | 'right'
-     * Defaults to 'bottom'.
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-
-declare namespace DevtoolsPanel {
-    export {
-        ReactQueryDevtoolsPanel,
-        DevtoolsPanelOptions
-    }
-}
-
-export declare interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Custom styles for the devtools panel
-     * @default { height: '500px' }
-     * @example { height: '100%' }
-     * @example { height: '100%', width: '100%' }
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => void;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-
-export declare type DevtoolsPanelOptions_alias_1 = DevtoolsPanel.DevtoolsPanelOptions;
-
-export declare function ReactQueryDevtools(props: DevtoolsOptions): React_2.ReactElement | null;
-
-export declare const ReactQueryDevtools_alias_1: (typeof Devtools)['ReactQueryDevtools'];
-
-export declare const ReactQueryDevtools_alias_2: typeof Devtools.ReactQueryDevtools;
-
-export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React_2.ReactElement | null;
-
-export declare const ReactQueryDevtoolsPanel_alias_1: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
-
-export declare const ReactQueryDevtoolsPanel_alias_2: typeof DevtoolsPanel.ReactQueryDevtoolsPanel;
-
-export { }

package/build/legacy/_tsup-dts-rollup.d.ts

@@ -1,119 +0,0 @@
-import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
-import type { DevtoolsErrorType } from '@tanstack/query-devtools';
-import type { DevtoolsPosition } from '@tanstack/query-devtools';
-import type { QueryClient } from '@tanstack/react-query';
-import * as React_2 from 'react';
-import type { Theme } from '@tanstack/query-devtools';
-
-declare namespace Devtools {
-    export {
-        ReactQueryDevtools,
-        DevtoolsOptions
-    }
-}
-
-export declare interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the TanStack logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
-     * Defaults to 'bottom-right'.
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the React Query devtools panel.
-     * 'top' | 'bottom' | 'left' | 'right'
-     * Defaults to 'bottom'.
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-
-declare namespace DevtoolsPanel {
-    export {
-        ReactQueryDevtoolsPanel,
-        DevtoolsPanelOptions
-    }
-}
-
-export declare interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Custom styles for the devtools panel
-     * @default { height: '500px' }
-     * @example { height: '100%' }
-     * @example { height: '100%', width: '100%' }
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => void;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-
-export declare type DevtoolsPanelOptions_alias_1 = DevtoolsPanel.DevtoolsPanelOptions;
-
-export declare function ReactQueryDevtools(props: DevtoolsOptions): React_2.ReactElement | null;
-
-export declare const ReactQueryDevtools_alias_1: (typeof Devtools)['ReactQueryDevtools'];
-
-export declare const ReactQueryDevtools_alias_2: typeof Devtools.ReactQueryDevtools;
-
-export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React_2.ReactElement | null;
-
-export declare const ReactQueryDevtoolsPanel_alias_1: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
-
-export declare const ReactQueryDevtoolsPanel_alias_2: typeof DevtoolsPanel.ReactQueryDevtoolsPanel;
-
-export { }

package/build/modern/_tsup-dts-rollup.d.cts

@@ -1,119 +0,0 @@
-import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
-import type { DevtoolsErrorType } from '@tanstack/query-devtools';
-import type { DevtoolsPosition } from '@tanstack/query-devtools';
-import type { QueryClient } from '@tanstack/react-query';
-import * as React_2 from 'react';
-import type { Theme } from '@tanstack/query-devtools';
-
-declare namespace Devtools {
-    export {
-        ReactQueryDevtools,
-        DevtoolsOptions
-    }
-}
-
-export declare interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the TanStack logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
-     * Defaults to 'bottom-right'.
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the React Query devtools panel.
-     * 'top' | 'bottom' | 'left' | 'right'
-     * Defaults to 'bottom'.
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-
-declare namespace DevtoolsPanel {
-    export {
-        ReactQueryDevtoolsPanel,
-        DevtoolsPanelOptions
-    }
-}
-
-export declare interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Custom styles for the devtools panel
-     * @default { height: '500px' }
-     * @example { height: '100%' }
-     * @example { height: '100%', width: '100%' }
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => void;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-
-export declare type DevtoolsPanelOptions_alias_1 = DevtoolsPanel.DevtoolsPanelOptions;
-
-export declare function ReactQueryDevtools(props: DevtoolsOptions): React_2.ReactElement | null;
-
-export declare const ReactQueryDevtools_alias_1: (typeof Devtools)['ReactQueryDevtools'];
-
-export declare const ReactQueryDevtools_alias_2: typeof Devtools.ReactQueryDevtools;
-
-export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React_2.ReactElement | null;
-
-export declare const ReactQueryDevtoolsPanel_alias_1: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
-
-export declare const ReactQueryDevtoolsPanel_alias_2: typeof DevtoolsPanel.ReactQueryDevtoolsPanel;
-
-export { }

package/build/modern/_tsup-dts-rollup.d.ts

@@ -1,119 +0,0 @@
-import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
-import type { DevtoolsErrorType } from '@tanstack/query-devtools';
-import type { DevtoolsPosition } from '@tanstack/query-devtools';
-import type { QueryClient } from '@tanstack/react-query';
-import * as React_2 from 'react';
-import type { Theme } from '@tanstack/query-devtools';
-
-declare namespace Devtools {
-    export {
-        ReactQueryDevtools,
-        DevtoolsOptions
-    }
-}
-
-export declare interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the TanStack logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
-     * Defaults to 'bottom-right'.
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the React Query devtools panel.
-     * 'top' | 'bottom' | 'left' | 'right'
-     * Defaults to 'bottom'.
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-
-declare namespace DevtoolsPanel {
-    export {
-        ReactQueryDevtoolsPanel,
-        DevtoolsPanelOptions
-    }
-}
-
-export declare interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Custom styles for the devtools panel
-     * @default { height: '500px' }
-     * @example { height: '100%' }
-     * @example { height: '100%', width: '100%' }
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => void;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-
-export declare type DevtoolsPanelOptions_alias_1 = DevtoolsPanel.DevtoolsPanelOptions;
-
-export declare function ReactQueryDevtools(props: DevtoolsOptions): React_2.ReactElement | null;
-
-export declare const ReactQueryDevtools_alias_1: (typeof Devtools)['ReactQueryDevtools'];
-
-export declare const ReactQueryDevtools_alias_2: typeof Devtools.ReactQueryDevtools;
-
-export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React_2.ReactElement | null;
-
-export declare const ReactQueryDevtoolsPanel_alias_1: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
-
-export declare const ReactQueryDevtoolsPanel_alias_2: typeof DevtoolsPanel.ReactQueryDevtoolsPanel;
-
-export { }