@tanstack/react-query-devtools 5.91.3 → 5.94.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/build/legacy/ReactQueryDevtools.d.cts +2 -4
  2. package/build/legacy/ReactQueryDevtools.d.ts +2 -4
  3. package/build/legacy/ReactQueryDevtoolsPanel.d.cts +2 -4
  4. package/build/legacy/ReactQueryDevtoolsPanel.d.ts +2 -4
  5. package/build/legacy/_tsup-dts-rollup.d.cts +147 -0
  6. package/build/legacy/_tsup-dts-rollup.d.ts +147 -0
  7. package/build/legacy/index.d.cts +3 -11
  8. package/build/legacy/index.d.ts +3 -11
  9. package/build/legacy/production.d.cts +2 -10
  10. package/build/legacy/production.d.ts +2 -10
  11. package/build/modern/ReactQueryDevtools.d.cts +2 -4
  12. package/build/modern/ReactQueryDevtools.d.ts +2 -4
  13. package/build/modern/ReactQueryDevtoolsPanel.d.cts +2 -4
  14. package/build/modern/ReactQueryDevtoolsPanel.d.ts +2 -4
  15. package/build/modern/_tsup-dts-rollup.d.cts +147 -0
  16. package/build/modern/_tsup-dts-rollup.d.ts +147 -0
  17. package/build/modern/index.d.cts +3 -11
  18. package/build/modern/index.d.ts +3 -11
  19. package/build/modern/production.d.cts +2 -10
  20. package/build/modern/production.d.ts +2 -10
  21. package/package.json +7 -8
  22. package/build/legacy/ReactQueryDevtools-ChNsB-ya.d.cts +0 -56
  23. package/build/legacy/ReactQueryDevtools-ChNsB-ya.d.ts +0 -56
  24. package/build/legacy/ReactQueryDevtoolsPanel-D67eVd_j.d.cts +0 -51
  25. package/build/legacy/ReactQueryDevtoolsPanel-D67eVd_j.d.ts +0 -51
  26. package/build/modern/ReactQueryDevtools-ChNsB-ya.d.cts +0 -56
  27. package/build/modern/ReactQueryDevtools-ChNsB-ya.d.ts +0 -56
  28. package/build/modern/ReactQueryDevtoolsPanel-D67eVd_j.d.cts +0 -51
  29. package/build/modern/ReactQueryDevtoolsPanel-D67eVd_j.d.ts +0 -51
@@ -1,4 +1,2 @@
1
- import 'react';
2
- import '@tanstack/query-devtools';
3
- import '@tanstack/react-query';
4
- export { a as DevtoolsOptions, R as ReactQueryDevtools } from './ReactQueryDevtools-ChNsB-ya.cjs';
1
+ export { ReactQueryDevtools } from './_tsup-dts-rollup.cjs';
2
+ export { DevtoolsOptions } from './_tsup-dts-rollup.cjs';
@@ -1,4 +1,2 @@
1
- import 'react';
2
- import '@tanstack/query-devtools';
3
- import '@tanstack/react-query';
4
- export { a as DevtoolsOptions, R as ReactQueryDevtools } from './ReactQueryDevtools-ChNsB-ya.js';
1
+ export { ReactQueryDevtools } from './_tsup-dts-rollup.js';
2
+ export { DevtoolsOptions } from './_tsup-dts-rollup.js';
@@ -1,4 +1,2 @@
1
- import 'react';
2
- import '@tanstack/query-devtools';
3
- import '@tanstack/react-query';
4
- export { a as DevtoolsPanelOptions, R as ReactQueryDevtoolsPanel } from './ReactQueryDevtoolsPanel-D67eVd_j.cjs';
1
+ export { ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
2
+ export { DevtoolsPanelOptions } from './_tsup-dts-rollup.cjs';
@@ -1,4 +1,2 @@
1
- import 'react';
2
- import '@tanstack/query-devtools';
3
- import '@tanstack/react-query';
4
- export { a as DevtoolsPanelOptions, R as ReactQueryDevtoolsPanel } from './ReactQueryDevtoolsPanel-D67eVd_j.js';
1
+ export { ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
2
+ export { DevtoolsPanelOptions } from './_tsup-dts-rollup.js';
@@ -0,0 +1,147 @@
1
+ import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
2
+ import type { DevtoolsErrorType } from '@tanstack/query-devtools';
3
+ import type { DevtoolsPosition } from '@tanstack/query-devtools';
4
+ import { Options } from 'tsup';
5
+ import type { QueryClient } from '@tanstack/react-query';
6
+ import * as React_2 from 'react';
7
+ import type { Theme } from '@tanstack/query-devtools';
8
+ import { UserConfig } from 'vite';
9
+
10
+ export declare const default_alias: any[];
11
+
12
+ export declare const default_alias_1: any[];
13
+
14
+ export declare const default_alias_2: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
15
+
16
+ export declare const default_alias_3: UserConfig;
17
+
18
+ declare namespace Devtools {
19
+ export {
20
+ ReactQueryDevtools,
21
+ DevtoolsOptions
22
+ }
23
+ }
24
+
25
+ export declare interface DevtoolsOptions {
26
+ /**
27
+ * Set this true if you want the dev tools to default to being open
28
+ */
29
+ initialIsOpen?: boolean;
30
+ /**
31
+ * The position of the React Query logo to open and close the devtools panel.
32
+ * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
33
+ * Defaults to 'bottom-right'.
34
+ */
35
+ buttonPosition?: DevtoolsButtonPosition;
36
+ /**
37
+ * The position of the React Query devtools panel.
38
+ * 'top' | 'bottom' | 'left' | 'right'
39
+ * Defaults to 'bottom'.
40
+ */
41
+ position?: DevtoolsPosition;
42
+ /**
43
+ * Custom instance of QueryClient
44
+ */
45
+ client?: QueryClient;
46
+ /**
47
+ * Use this so you can define custom errors that can be shown in the devtools.
48
+ */
49
+ errorTypes?: Array<DevtoolsErrorType>;
50
+ /**
51
+ * 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.
52
+ */
53
+ styleNonce?: string;
54
+ /**
55
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
56
+ */
57
+ shadowDOMTarget?: ShadowRoot;
58
+ /**
59
+ * Set this to true to hide disabled queries from the devtools panel.
60
+ */
61
+ hideDisabledQueries?: boolean;
62
+ /**
63
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
64
+ * Defaults to 'system'.
65
+ */
66
+ theme?: Theme;
67
+ }
68
+
69
+ declare namespace DevtoolsPanel {
70
+ export {
71
+ ReactQueryDevtoolsPanel,
72
+ DevtoolsPanelOptions
73
+ }
74
+ }
75
+
76
+ export declare interface DevtoolsPanelOptions {
77
+ /**
78
+ * Custom instance of QueryClient
79
+ */
80
+ client?: QueryClient;
81
+ /**
82
+ * Use this so you can define custom errors that can be shown in the devtools.
83
+ */
84
+ errorTypes?: Array<DevtoolsErrorType>;
85
+ /**
86
+ * 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.
87
+ */
88
+ styleNonce?: string;
89
+ /**
90
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
91
+ */
92
+ shadowDOMTarget?: ShadowRoot;
93
+ /**
94
+ * Custom styles for the devtools panel
95
+ * @default { height: '500px' }
96
+ * @example { height: '100%' }
97
+ * @example { height: '100%', width: '100%' }
98
+ */
99
+ style?: React_2.CSSProperties;
100
+ /**
101
+ * Callback function that is called when the devtools panel is closed
102
+ */
103
+ onClose?: () => unknown;
104
+ /**
105
+ * Set this to true to hide disabled queries from the devtools panel.
106
+ */
107
+ hideDisabledQueries?: boolean;
108
+ /**
109
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
110
+ * Defaults to 'system'.
111
+ */
112
+ theme?: Theme;
113
+ }
114
+
115
+ export declare type DevtoolsPanelOptions_alias_1 = DevtoolsPanel.DevtoolsPanelOptions;
116
+
117
+ /**
118
+ * @param {Object} opts - Options for building configurations.
119
+ * @param {string[]} opts.entry - The entry array.
120
+ * @returns {import('tsup').Options}
121
+ */
122
+ export declare function legacyConfig(opts: {
123
+ entry: string[];
124
+ }): Options;
125
+
126
+ /**
127
+ * @param {Object} opts - Options for building configurations.
128
+ * @param {string[]} opts.entry - The entry array.
129
+ * @returns {import('tsup').Options}
130
+ */
131
+ export declare function modernConfig(opts: {
132
+ entry: string[];
133
+ }): Options;
134
+
135
+ export declare function ReactQueryDevtools(props: DevtoolsOptions): React_2.ReactElement | null;
136
+
137
+ export declare const ReactQueryDevtools_alias_1: (typeof Devtools)['ReactQueryDevtools'];
138
+
139
+ export declare const ReactQueryDevtools_alias_2: typeof Devtools.ReactQueryDevtools;
140
+
141
+ export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React_2.ReactElement | null;
142
+
143
+ export declare const ReactQueryDevtoolsPanel_alias_1: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
144
+
145
+ export declare const ReactQueryDevtoolsPanel_alias_2: typeof DevtoolsPanel.ReactQueryDevtoolsPanel;
146
+
147
+ export { }
@@ -0,0 +1,147 @@
1
+ import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
2
+ import type { DevtoolsErrorType } from '@tanstack/query-devtools';
3
+ import type { DevtoolsPosition } from '@tanstack/query-devtools';
4
+ import { Options } from 'tsup';
5
+ import type { QueryClient } from '@tanstack/react-query';
6
+ import * as React_2 from 'react';
7
+ import type { Theme } from '@tanstack/query-devtools';
8
+ import { UserConfig } from 'vite';
9
+
10
+ export declare const default_alias: any[];
11
+
12
+ export declare const default_alias_1: any[];
13
+
14
+ export declare const default_alias_2: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
15
+
16
+ export declare const default_alias_3: UserConfig;
17
+
18
+ declare namespace Devtools {
19
+ export {
20
+ ReactQueryDevtools,
21
+ DevtoolsOptions
22
+ }
23
+ }
24
+
25
+ export declare interface DevtoolsOptions {
26
+ /**
27
+ * Set this true if you want the dev tools to default to being open
28
+ */
29
+ initialIsOpen?: boolean;
30
+ /**
31
+ * The position of the React Query logo to open and close the devtools panel.
32
+ * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
33
+ * Defaults to 'bottom-right'.
34
+ */
35
+ buttonPosition?: DevtoolsButtonPosition;
36
+ /**
37
+ * The position of the React Query devtools panel.
38
+ * 'top' | 'bottom' | 'left' | 'right'
39
+ * Defaults to 'bottom'.
40
+ */
41
+ position?: DevtoolsPosition;
42
+ /**
43
+ * Custom instance of QueryClient
44
+ */
45
+ client?: QueryClient;
46
+ /**
47
+ * Use this so you can define custom errors that can be shown in the devtools.
48
+ */
49
+ errorTypes?: Array<DevtoolsErrorType>;
50
+ /**
51
+ * 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.
52
+ */
53
+ styleNonce?: string;
54
+ /**
55
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
56
+ */
57
+ shadowDOMTarget?: ShadowRoot;
58
+ /**
59
+ * Set this to true to hide disabled queries from the devtools panel.
60
+ */
61
+ hideDisabledQueries?: boolean;
62
+ /**
63
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
64
+ * Defaults to 'system'.
65
+ */
66
+ theme?: Theme;
67
+ }
68
+
69
+ declare namespace DevtoolsPanel {
70
+ export {
71
+ ReactQueryDevtoolsPanel,
72
+ DevtoolsPanelOptions
73
+ }
74
+ }
75
+
76
+ export declare interface DevtoolsPanelOptions {
77
+ /**
78
+ * Custom instance of QueryClient
79
+ */
80
+ client?: QueryClient;
81
+ /**
82
+ * Use this so you can define custom errors that can be shown in the devtools.
83
+ */
84
+ errorTypes?: Array<DevtoolsErrorType>;
85
+ /**
86
+ * 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.
87
+ */
88
+ styleNonce?: string;
89
+ /**
90
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
91
+ */
92
+ shadowDOMTarget?: ShadowRoot;
93
+ /**
94
+ * Custom styles for the devtools panel
95
+ * @default { height: '500px' }
96
+ * @example { height: '100%' }
97
+ * @example { height: '100%', width: '100%' }
98
+ */
99
+ style?: React_2.CSSProperties;
100
+ /**
101
+ * Callback function that is called when the devtools panel is closed
102
+ */
103
+ onClose?: () => unknown;
104
+ /**
105
+ * Set this to true to hide disabled queries from the devtools panel.
106
+ */
107
+ hideDisabledQueries?: boolean;
108
+ /**
109
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
110
+ * Defaults to 'system'.
111
+ */
112
+ theme?: Theme;
113
+ }
114
+
115
+ export declare type DevtoolsPanelOptions_alias_1 = DevtoolsPanel.DevtoolsPanelOptions;
116
+
117
+ /**
118
+ * @param {Object} opts - Options for building configurations.
119
+ * @param {string[]} opts.entry - The entry array.
120
+ * @returns {import('tsup').Options}
121
+ */
122
+ export declare function legacyConfig(opts: {
123
+ entry: string[];
124
+ }): Options;
125
+
126
+ /**
127
+ * @param {Object} opts - Options for building configurations.
128
+ * @param {string[]} opts.entry - The entry array.
129
+ * @returns {import('tsup').Options}
130
+ */
131
+ export declare function modernConfig(opts: {
132
+ entry: string[];
133
+ }): Options;
134
+
135
+ export declare function ReactQueryDevtools(props: DevtoolsOptions): React_2.ReactElement | null;
136
+
137
+ export declare const ReactQueryDevtools_alias_1: (typeof Devtools)['ReactQueryDevtools'];
138
+
139
+ export declare const ReactQueryDevtools_alias_2: typeof Devtools.ReactQueryDevtools;
140
+
141
+ export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React_2.ReactElement | null;
142
+
143
+ export declare const ReactQueryDevtoolsPanel_alias_1: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
144
+
145
+ export declare const ReactQueryDevtoolsPanel_alias_2: typeof DevtoolsPanel.ReactQueryDevtoolsPanel;
146
+
147
+ export { }
@@ -1,11 +1,3 @@
1
- import { D as Devtools } from './ReactQueryDevtools-ChNsB-ya.cjs';
2
- import { D as DevtoolsPanel, a as DevtoolsPanelOptions$1 } from './ReactQueryDevtoolsPanel-D67eVd_j.cjs';
3
- import 'react';
4
- import '@tanstack/query-devtools';
5
- import '@tanstack/react-query';
6
-
7
- declare const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'];
8
- declare const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
9
- type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
10
-
11
- export { type DevtoolsPanelOptions, ReactQueryDevtools, ReactQueryDevtoolsPanel };
1
+ export { ReactQueryDevtools_alias_1 as ReactQueryDevtools } from './_tsup-dts-rollup.cjs';
2
+ export { ReactQueryDevtoolsPanel_alias_1 as ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
3
+ export { DevtoolsPanelOptions_alias_1 as DevtoolsPanelOptions } from './_tsup-dts-rollup.cjs';
@@ -1,11 +1,3 @@
1
- import { D as Devtools } from './ReactQueryDevtools-ChNsB-ya.js';
2
- import { D as DevtoolsPanel, a as DevtoolsPanelOptions$1 } from './ReactQueryDevtoolsPanel-D67eVd_j.js';
3
- import 'react';
4
- import '@tanstack/query-devtools';
5
- import '@tanstack/react-query';
6
-
7
- declare const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'];
8
- declare const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
9
- type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
10
-
11
- export { type DevtoolsPanelOptions, ReactQueryDevtools, ReactQueryDevtoolsPanel };
1
+ export { ReactQueryDevtools_alias_1 as ReactQueryDevtools } from './_tsup-dts-rollup.js';
2
+ export { ReactQueryDevtoolsPanel_alias_1 as ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
3
+ export { DevtoolsPanelOptions_alias_1 as DevtoolsPanelOptions } from './_tsup-dts-rollup.js';
@@ -1,10 +1,2 @@
1
- import { R as ReactQueryDevtools$1 } from './ReactQueryDevtools-ChNsB-ya.cjs';
2
- import { R as ReactQueryDevtoolsPanel$1 } from './ReactQueryDevtoolsPanel-D67eVd_j.cjs';
3
- import 'react';
4
- import '@tanstack/query-devtools';
5
- import '@tanstack/react-query';
6
-
7
- declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
8
- declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
9
-
10
- export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
1
+ export { ReactQueryDevtools_alias_2 as ReactQueryDevtools } from './_tsup-dts-rollup.cjs';
2
+ export { ReactQueryDevtoolsPanel_alias_2 as ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
@@ -1,10 +1,2 @@
1
- import { R as ReactQueryDevtools$1 } from './ReactQueryDevtools-ChNsB-ya.js';
2
- import { R as ReactQueryDevtoolsPanel$1 } from './ReactQueryDevtoolsPanel-D67eVd_j.js';
3
- import 'react';
4
- import '@tanstack/query-devtools';
5
- import '@tanstack/react-query';
6
-
7
- declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
8
- declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
9
-
10
- export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
1
+ export { ReactQueryDevtools_alias_2 as ReactQueryDevtools } from './_tsup-dts-rollup.js';
2
+ export { ReactQueryDevtoolsPanel_alias_2 as ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
@@ -1,4 +1,2 @@
1
- import 'react';
2
- import '@tanstack/query-devtools';
3
- import '@tanstack/react-query';
4
- export { a as DevtoolsOptions, R as ReactQueryDevtools } from './ReactQueryDevtools-ChNsB-ya.cjs';
1
+ export { ReactQueryDevtools } from './_tsup-dts-rollup.cjs';
2
+ export { DevtoolsOptions } from './_tsup-dts-rollup.cjs';
@@ -1,4 +1,2 @@
1
- import 'react';
2
- import '@tanstack/query-devtools';
3
- import '@tanstack/react-query';
4
- export { a as DevtoolsOptions, R as ReactQueryDevtools } from './ReactQueryDevtools-ChNsB-ya.js';
1
+ export { ReactQueryDevtools } from './_tsup-dts-rollup.js';
2
+ export { DevtoolsOptions } from './_tsup-dts-rollup.js';
@@ -1,4 +1,2 @@
1
- import 'react';
2
- import '@tanstack/query-devtools';
3
- import '@tanstack/react-query';
4
- export { a as DevtoolsPanelOptions, R as ReactQueryDevtoolsPanel } from './ReactQueryDevtoolsPanel-D67eVd_j.cjs';
1
+ export { ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
2
+ export { DevtoolsPanelOptions } from './_tsup-dts-rollup.cjs';
@@ -1,4 +1,2 @@
1
- import 'react';
2
- import '@tanstack/query-devtools';
3
- import '@tanstack/react-query';
4
- export { a as DevtoolsPanelOptions, R as ReactQueryDevtoolsPanel } from './ReactQueryDevtoolsPanel-D67eVd_j.js';
1
+ export { ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
2
+ export { DevtoolsPanelOptions } from './_tsup-dts-rollup.js';
@@ -0,0 +1,147 @@
1
+ import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
2
+ import type { DevtoolsErrorType } from '@tanstack/query-devtools';
3
+ import type { DevtoolsPosition } from '@tanstack/query-devtools';
4
+ import { Options } from 'tsup';
5
+ import type { QueryClient } from '@tanstack/react-query';
6
+ import * as React_2 from 'react';
7
+ import type { Theme } from '@tanstack/query-devtools';
8
+ import { UserConfig } from 'vite';
9
+
10
+ export declare const default_alias: any[];
11
+
12
+ export declare const default_alias_1: any[];
13
+
14
+ export declare const default_alias_2: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
15
+
16
+ export declare const default_alias_3: UserConfig;
17
+
18
+ declare namespace Devtools {
19
+ export {
20
+ ReactQueryDevtools,
21
+ DevtoolsOptions
22
+ }
23
+ }
24
+
25
+ export declare interface DevtoolsOptions {
26
+ /**
27
+ * Set this true if you want the dev tools to default to being open
28
+ */
29
+ initialIsOpen?: boolean;
30
+ /**
31
+ * The position of the React Query logo to open and close the devtools panel.
32
+ * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
33
+ * Defaults to 'bottom-right'.
34
+ */
35
+ buttonPosition?: DevtoolsButtonPosition;
36
+ /**
37
+ * The position of the React Query devtools panel.
38
+ * 'top' | 'bottom' | 'left' | 'right'
39
+ * Defaults to 'bottom'.
40
+ */
41
+ position?: DevtoolsPosition;
42
+ /**
43
+ * Custom instance of QueryClient
44
+ */
45
+ client?: QueryClient;
46
+ /**
47
+ * Use this so you can define custom errors that can be shown in the devtools.
48
+ */
49
+ errorTypes?: Array<DevtoolsErrorType>;
50
+ /**
51
+ * 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.
52
+ */
53
+ styleNonce?: string;
54
+ /**
55
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
56
+ */
57
+ shadowDOMTarget?: ShadowRoot;
58
+ /**
59
+ * Set this to true to hide disabled queries from the devtools panel.
60
+ */
61
+ hideDisabledQueries?: boolean;
62
+ /**
63
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
64
+ * Defaults to 'system'.
65
+ */
66
+ theme?: Theme;
67
+ }
68
+
69
+ declare namespace DevtoolsPanel {
70
+ export {
71
+ ReactQueryDevtoolsPanel,
72
+ DevtoolsPanelOptions
73
+ }
74
+ }
75
+
76
+ export declare interface DevtoolsPanelOptions {
77
+ /**
78
+ * Custom instance of QueryClient
79
+ */
80
+ client?: QueryClient;
81
+ /**
82
+ * Use this so you can define custom errors that can be shown in the devtools.
83
+ */
84
+ errorTypes?: Array<DevtoolsErrorType>;
85
+ /**
86
+ * 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.
87
+ */
88
+ styleNonce?: string;
89
+ /**
90
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
91
+ */
92
+ shadowDOMTarget?: ShadowRoot;
93
+ /**
94
+ * Custom styles for the devtools panel
95
+ * @default { height: '500px' }
96
+ * @example { height: '100%' }
97
+ * @example { height: '100%', width: '100%' }
98
+ */
99
+ style?: React_2.CSSProperties;
100
+ /**
101
+ * Callback function that is called when the devtools panel is closed
102
+ */
103
+ onClose?: () => unknown;
104
+ /**
105
+ * Set this to true to hide disabled queries from the devtools panel.
106
+ */
107
+ hideDisabledQueries?: boolean;
108
+ /**
109
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
110
+ * Defaults to 'system'.
111
+ */
112
+ theme?: Theme;
113
+ }
114
+
115
+ export declare type DevtoolsPanelOptions_alias_1 = DevtoolsPanel.DevtoolsPanelOptions;
116
+
117
+ /**
118
+ * @param {Object} opts - Options for building configurations.
119
+ * @param {string[]} opts.entry - The entry array.
120
+ * @returns {import('tsup').Options}
121
+ */
122
+ export declare function legacyConfig(opts: {
123
+ entry: string[];
124
+ }): Options;
125
+
126
+ /**
127
+ * @param {Object} opts - Options for building configurations.
128
+ * @param {string[]} opts.entry - The entry array.
129
+ * @returns {import('tsup').Options}
130
+ */
131
+ export declare function modernConfig(opts: {
132
+ entry: string[];
133
+ }): Options;
134
+
135
+ export declare function ReactQueryDevtools(props: DevtoolsOptions): React_2.ReactElement | null;
136
+
137
+ export declare const ReactQueryDevtools_alias_1: (typeof Devtools)['ReactQueryDevtools'];
138
+
139
+ export declare const ReactQueryDevtools_alias_2: typeof Devtools.ReactQueryDevtools;
140
+
141
+ export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React_2.ReactElement | null;
142
+
143
+ export declare const ReactQueryDevtoolsPanel_alias_1: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
144
+
145
+ export declare const ReactQueryDevtoolsPanel_alias_2: typeof DevtoolsPanel.ReactQueryDevtoolsPanel;
146
+
147
+ export { }
@@ -0,0 +1,147 @@
1
+ import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
2
+ import type { DevtoolsErrorType } from '@tanstack/query-devtools';
3
+ import type { DevtoolsPosition } from '@tanstack/query-devtools';
4
+ import { Options } from 'tsup';
5
+ import type { QueryClient } from '@tanstack/react-query';
6
+ import * as React_2 from 'react';
7
+ import type { Theme } from '@tanstack/query-devtools';
8
+ import { UserConfig } from 'vite';
9
+
10
+ export declare const default_alias: any[];
11
+
12
+ export declare const default_alias_1: any[];
13
+
14
+ export declare const default_alias_2: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
15
+
16
+ export declare const default_alias_3: UserConfig;
17
+
18
+ declare namespace Devtools {
19
+ export {
20
+ ReactQueryDevtools,
21
+ DevtoolsOptions
22
+ }
23
+ }
24
+
25
+ export declare interface DevtoolsOptions {
26
+ /**
27
+ * Set this true if you want the dev tools to default to being open
28
+ */
29
+ initialIsOpen?: boolean;
30
+ /**
31
+ * The position of the React Query logo to open and close the devtools panel.
32
+ * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
33
+ * Defaults to 'bottom-right'.
34
+ */
35
+ buttonPosition?: DevtoolsButtonPosition;
36
+ /**
37
+ * The position of the React Query devtools panel.
38
+ * 'top' | 'bottom' | 'left' | 'right'
39
+ * Defaults to 'bottom'.
40
+ */
41
+ position?: DevtoolsPosition;
42
+ /**
43
+ * Custom instance of QueryClient
44
+ */
45
+ client?: QueryClient;
46
+ /**
47
+ * Use this so you can define custom errors that can be shown in the devtools.
48
+ */
49
+ errorTypes?: Array<DevtoolsErrorType>;
50
+ /**
51
+ * 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.
52
+ */
53
+ styleNonce?: string;
54
+ /**
55
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
56
+ */
57
+ shadowDOMTarget?: ShadowRoot;
58
+ /**
59
+ * Set this to true to hide disabled queries from the devtools panel.
60
+ */
61
+ hideDisabledQueries?: boolean;
62
+ /**
63
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
64
+ * Defaults to 'system'.
65
+ */
66
+ theme?: Theme;
67
+ }
68
+
69
+ declare namespace DevtoolsPanel {
70
+ export {
71
+ ReactQueryDevtoolsPanel,
72
+ DevtoolsPanelOptions
73
+ }
74
+ }
75
+
76
+ export declare interface DevtoolsPanelOptions {
77
+ /**
78
+ * Custom instance of QueryClient
79
+ */
80
+ client?: QueryClient;
81
+ /**
82
+ * Use this so you can define custom errors that can be shown in the devtools.
83
+ */
84
+ errorTypes?: Array<DevtoolsErrorType>;
85
+ /**
86
+ * 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.
87
+ */
88
+ styleNonce?: string;
89
+ /**
90
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
91
+ */
92
+ shadowDOMTarget?: ShadowRoot;
93
+ /**
94
+ * Custom styles for the devtools panel
95
+ * @default { height: '500px' }
96
+ * @example { height: '100%' }
97
+ * @example { height: '100%', width: '100%' }
98
+ */
99
+ style?: React_2.CSSProperties;
100
+ /**
101
+ * Callback function that is called when the devtools panel is closed
102
+ */
103
+ onClose?: () => unknown;
104
+ /**
105
+ * Set this to true to hide disabled queries from the devtools panel.
106
+ */
107
+ hideDisabledQueries?: boolean;
108
+ /**
109
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
110
+ * Defaults to 'system'.
111
+ */
112
+ theme?: Theme;
113
+ }
114
+
115
+ export declare type DevtoolsPanelOptions_alias_1 = DevtoolsPanel.DevtoolsPanelOptions;
116
+
117
+ /**
118
+ * @param {Object} opts - Options for building configurations.
119
+ * @param {string[]} opts.entry - The entry array.
120
+ * @returns {import('tsup').Options}
121
+ */
122
+ export declare function legacyConfig(opts: {
123
+ entry: string[];
124
+ }): Options;
125
+
126
+ /**
127
+ * @param {Object} opts - Options for building configurations.
128
+ * @param {string[]} opts.entry - The entry array.
129
+ * @returns {import('tsup').Options}
130
+ */
131
+ export declare function modernConfig(opts: {
132
+ entry: string[];
133
+ }): Options;
134
+
135
+ export declare function ReactQueryDevtools(props: DevtoolsOptions): React_2.ReactElement | null;
136
+
137
+ export declare const ReactQueryDevtools_alias_1: (typeof Devtools)['ReactQueryDevtools'];
138
+
139
+ export declare const ReactQueryDevtools_alias_2: typeof Devtools.ReactQueryDevtools;
140
+
141
+ export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React_2.ReactElement | null;
142
+
143
+ export declare const ReactQueryDevtoolsPanel_alias_1: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
144
+
145
+ export declare const ReactQueryDevtoolsPanel_alias_2: typeof DevtoolsPanel.ReactQueryDevtoolsPanel;
146
+
147
+ export { }
@@ -1,11 +1,3 @@
1
- import { D as Devtools } from './ReactQueryDevtools-ChNsB-ya.cjs';
2
- import { D as DevtoolsPanel, a as DevtoolsPanelOptions$1 } from './ReactQueryDevtoolsPanel-D67eVd_j.cjs';
3
- import 'react';
4
- import '@tanstack/query-devtools';
5
- import '@tanstack/react-query';
6
-
7
- declare const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'];
8
- declare const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
9
- type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
10
-
11
- export { type DevtoolsPanelOptions, ReactQueryDevtools, ReactQueryDevtoolsPanel };
1
+ export { ReactQueryDevtools_alias_1 as ReactQueryDevtools } from './_tsup-dts-rollup.cjs';
2
+ export { ReactQueryDevtoolsPanel_alias_1 as ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
3
+ export { DevtoolsPanelOptions_alias_1 as DevtoolsPanelOptions } from './_tsup-dts-rollup.cjs';
@@ -1,11 +1,3 @@
1
- import { D as Devtools } from './ReactQueryDevtools-ChNsB-ya.js';
2
- import { D as DevtoolsPanel, a as DevtoolsPanelOptions$1 } from './ReactQueryDevtoolsPanel-D67eVd_j.js';
3
- import 'react';
4
- import '@tanstack/query-devtools';
5
- import '@tanstack/react-query';
6
-
7
- declare const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'];
8
- declare const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
9
- type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
10
-
11
- export { type DevtoolsPanelOptions, ReactQueryDevtools, ReactQueryDevtoolsPanel };
1
+ export { ReactQueryDevtools_alias_1 as ReactQueryDevtools } from './_tsup-dts-rollup.js';
2
+ export { ReactQueryDevtoolsPanel_alias_1 as ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
3
+ export { DevtoolsPanelOptions_alias_1 as DevtoolsPanelOptions } from './_tsup-dts-rollup.js';
@@ -1,10 +1,2 @@
1
- import { R as ReactQueryDevtools$1 } from './ReactQueryDevtools-ChNsB-ya.cjs';
2
- import { R as ReactQueryDevtoolsPanel$1 } from './ReactQueryDevtoolsPanel-D67eVd_j.cjs';
3
- import 'react';
4
- import '@tanstack/query-devtools';
5
- import '@tanstack/react-query';
6
-
7
- declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
8
- declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
9
-
10
- export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
1
+ export { ReactQueryDevtools_alias_2 as ReactQueryDevtools } from './_tsup-dts-rollup.cjs';
2
+ export { ReactQueryDevtoolsPanel_alias_2 as ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
@@ -1,10 +1,2 @@
1
- import { R as ReactQueryDevtools$1 } from './ReactQueryDevtools-ChNsB-ya.js';
2
- import { R as ReactQueryDevtoolsPanel$1 } from './ReactQueryDevtoolsPanel-D67eVd_j.js';
3
- import 'react';
4
- import '@tanstack/query-devtools';
5
- import '@tanstack/react-query';
6
-
7
- declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
8
- declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
9
-
10
- export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
1
+ export { ReactQueryDevtools_alias_2 as ReactQueryDevtools } from './_tsup-dts-rollup.js';
2
+ export { ReactQueryDevtoolsPanel_alias_2 as ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/react-query-devtools",
3
- "version": "5.91.3",
3
+ "version": "5.94.5",
4
4
  "description": "Developer tools to interact with and visualize the TanStack/react-query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -59,7 +59,7 @@
59
59
  "!src/__tests__"
60
60
  ],
61
61
  "dependencies": {
62
- "@tanstack/query-devtools": "5.93.0"
62
+ "@tanstack/query-devtools": "5.94.5"
63
63
  },
64
64
  "devDependencies": {
65
65
  "@testing-library/react": "^16.1.0",
@@ -67,26 +67,25 @@
67
67
  "@vitejs/plugin-react": "^4.3.4",
68
68
  "npm-run-all2": "^5.0.0",
69
69
  "react": "^19.2.1",
70
- "@tanstack/react-query": "5.90.20"
70
+ "@tanstack/react-query": "5.94.5"
71
71
  },
72
72
  "peerDependencies": {
73
73
  "react": "^18 || ^19",
74
- "@tanstack/react-query": "^5.90.20"
74
+ "@tanstack/react-query": "^5.94.5"
75
75
  },
76
76
  "scripts": {
77
77
  "clean": "premove ./build ./coverage ./dist-ts",
78
78
  "compile": "tsc --build",
79
79
  "test:eslint": "eslint --concurrency=auto ./src",
80
80
  "test:types": "npm-run-all --serial test:types:*",
81
- "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
82
- "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
83
- "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
84
- "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
85
81
  "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
86
82
  "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
87
83
  "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
88
84
  "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
85
+ "test:types:ts58": "node ../../node_modules/typescript58/lib/tsc.js --build tsconfig.legacy.json",
86
+ "test:types:ts59": "node ../../node_modules/typescript59/lib/tsc.js --build tsconfig.legacy.json",
89
87
  "test:types:tscurrent": "tsc --build",
88
+ "test:types:ts60": "node ../../node_modules/typescript60/lib/tsc.js --build",
90
89
  "test:lib": "vitest",
91
90
  "test:lib:dev": "pnpm run test:lib --watch",
92
91
  "test:build": "publint --strict && attw --pack",
@@ -1,56 +0,0 @@
1
- import * as React from 'react';
2
- import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
3
- import { QueryClient } from '@tanstack/react-query';
4
-
5
- interface DevtoolsOptions {
6
- /**
7
- * Set this true if you want the dev tools to default to being open
8
- */
9
- initialIsOpen?: boolean;
10
- /**
11
- * The position of the React Query logo to open and close the devtools panel.
12
- * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
13
- * Defaults to 'bottom-right'.
14
- */
15
- buttonPosition?: DevtoolsButtonPosition;
16
- /**
17
- * The position of the React Query devtools panel.
18
- * 'top' | 'bottom' | 'left' | 'right'
19
- * Defaults to 'bottom'.
20
- */
21
- position?: DevtoolsPosition;
22
- /**
23
- * Custom instance of QueryClient
24
- */
25
- client?: QueryClient;
26
- /**
27
- * Use this so you can define custom errors that can be shown in the devtools.
28
- */
29
- errorTypes?: Array<DevtoolsErrorType>;
30
- /**
31
- * 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.
32
- */
33
- styleNonce?: string;
34
- /**
35
- * Use this so you can attach the devtool's styles to specific element in the DOM.
36
- */
37
- shadowDOMTarget?: ShadowRoot;
38
- /**
39
- * Set this to true to hide disabled queries from the devtools panel.
40
- */
41
- hideDisabledQueries?: boolean;
42
- /**
43
- * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
44
- * Defaults to 'system'.
45
- */
46
- theme?: Theme;
47
- }
48
- declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
49
-
50
- type Devtools_DevtoolsOptions = DevtoolsOptions;
51
- declare const Devtools_ReactQueryDevtools: typeof ReactQueryDevtools;
52
- declare namespace Devtools {
53
- export { type Devtools_DevtoolsOptions as DevtoolsOptions, Devtools_ReactQueryDevtools as ReactQueryDevtools };
54
- }
55
-
56
- export { Devtools as D, ReactQueryDevtools as R, type DevtoolsOptions as a };
@@ -1,56 +0,0 @@
1
- import * as React from 'react';
2
- import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
3
- import { QueryClient } from '@tanstack/react-query';
4
-
5
- interface DevtoolsOptions {
6
- /**
7
- * Set this true if you want the dev tools to default to being open
8
- */
9
- initialIsOpen?: boolean;
10
- /**
11
- * The position of the React Query logo to open and close the devtools panel.
12
- * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
13
- * Defaults to 'bottom-right'.
14
- */
15
- buttonPosition?: DevtoolsButtonPosition;
16
- /**
17
- * The position of the React Query devtools panel.
18
- * 'top' | 'bottom' | 'left' | 'right'
19
- * Defaults to 'bottom'.
20
- */
21
- position?: DevtoolsPosition;
22
- /**
23
- * Custom instance of QueryClient
24
- */
25
- client?: QueryClient;
26
- /**
27
- * Use this so you can define custom errors that can be shown in the devtools.
28
- */
29
- errorTypes?: Array<DevtoolsErrorType>;
30
- /**
31
- * 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.
32
- */
33
- styleNonce?: string;
34
- /**
35
- * Use this so you can attach the devtool's styles to specific element in the DOM.
36
- */
37
- shadowDOMTarget?: ShadowRoot;
38
- /**
39
- * Set this to true to hide disabled queries from the devtools panel.
40
- */
41
- hideDisabledQueries?: boolean;
42
- /**
43
- * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
44
- * Defaults to 'system'.
45
- */
46
- theme?: Theme;
47
- }
48
- declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
49
-
50
- type Devtools_DevtoolsOptions = DevtoolsOptions;
51
- declare const Devtools_ReactQueryDevtools: typeof ReactQueryDevtools;
52
- declare namespace Devtools {
53
- export { type Devtools_DevtoolsOptions as DevtoolsOptions, Devtools_ReactQueryDevtools as ReactQueryDevtools };
54
- }
55
-
56
- export { Devtools as D, ReactQueryDevtools as R, type DevtoolsOptions as a };
@@ -1,51 +0,0 @@
1
- import * as React from 'react';
2
- import { DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
3
- import { QueryClient } from '@tanstack/react-query';
4
-
5
- interface DevtoolsPanelOptions {
6
- /**
7
- * Custom instance of QueryClient
8
- */
9
- client?: QueryClient;
10
- /**
11
- * Use this so you can define custom errors that can be shown in the devtools.
12
- */
13
- errorTypes?: Array<DevtoolsErrorType>;
14
- /**
15
- * 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.
16
- */
17
- styleNonce?: string;
18
- /**
19
- * Use this so you can attach the devtool's styles to specific element in the DOM.
20
- */
21
- shadowDOMTarget?: ShadowRoot;
22
- /**
23
- * Custom styles for the devtools panel
24
- * @default { height: '500px' }
25
- * @example { height: '100%' }
26
- * @example { height: '100%', width: '100%' }
27
- */
28
- style?: React.CSSProperties;
29
- /**
30
- * Callback function that is called when the devtools panel is closed
31
- */
32
- onClose?: () => unknown;
33
- /**
34
- * Set this to true to hide disabled queries from the devtools panel.
35
- */
36
- hideDisabledQueries?: boolean;
37
- /**
38
- * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
39
- * Defaults to 'system'.
40
- */
41
- theme?: Theme;
42
- }
43
- declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
44
-
45
- type DevtoolsPanel_DevtoolsPanelOptions = DevtoolsPanelOptions;
46
- declare const DevtoolsPanel_ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel;
47
- declare namespace DevtoolsPanel {
48
- export { type DevtoolsPanel_DevtoolsPanelOptions as DevtoolsPanelOptions, DevtoolsPanel_ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel };
49
- }
50
-
51
- export { DevtoolsPanel as D, ReactQueryDevtoolsPanel as R, type DevtoolsPanelOptions as a };
@@ -1,51 +0,0 @@
1
- import * as React from 'react';
2
- import { DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
3
- import { QueryClient } from '@tanstack/react-query';
4
-
5
- interface DevtoolsPanelOptions {
6
- /**
7
- * Custom instance of QueryClient
8
- */
9
- client?: QueryClient;
10
- /**
11
- * Use this so you can define custom errors that can be shown in the devtools.
12
- */
13
- errorTypes?: Array<DevtoolsErrorType>;
14
- /**
15
- * 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.
16
- */
17
- styleNonce?: string;
18
- /**
19
- * Use this so you can attach the devtool's styles to specific element in the DOM.
20
- */
21
- shadowDOMTarget?: ShadowRoot;
22
- /**
23
- * Custom styles for the devtools panel
24
- * @default { height: '500px' }
25
- * @example { height: '100%' }
26
- * @example { height: '100%', width: '100%' }
27
- */
28
- style?: React.CSSProperties;
29
- /**
30
- * Callback function that is called when the devtools panel is closed
31
- */
32
- onClose?: () => unknown;
33
- /**
34
- * Set this to true to hide disabled queries from the devtools panel.
35
- */
36
- hideDisabledQueries?: boolean;
37
- /**
38
- * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
39
- * Defaults to 'system'.
40
- */
41
- theme?: Theme;
42
- }
43
- declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
44
-
45
- type DevtoolsPanel_DevtoolsPanelOptions = DevtoolsPanelOptions;
46
- declare const DevtoolsPanel_ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel;
47
- declare namespace DevtoolsPanel {
48
- export { type DevtoolsPanel_DevtoolsPanelOptions as DevtoolsPanelOptions, DevtoolsPanel_ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel };
49
- }
50
-
51
- export { DevtoolsPanel as D, ReactQueryDevtoolsPanel as R, type DevtoolsPanelOptions as a };
@@ -1,56 +0,0 @@
1
- import * as React from 'react';
2
- import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
3
- import { QueryClient } from '@tanstack/react-query';
4
-
5
- interface DevtoolsOptions {
6
- /**
7
- * Set this true if you want the dev tools to default to being open
8
- */
9
- initialIsOpen?: boolean;
10
- /**
11
- * The position of the React Query logo to open and close the devtools panel.
12
- * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
13
- * Defaults to 'bottom-right'.
14
- */
15
- buttonPosition?: DevtoolsButtonPosition;
16
- /**
17
- * The position of the React Query devtools panel.
18
- * 'top' | 'bottom' | 'left' | 'right'
19
- * Defaults to 'bottom'.
20
- */
21
- position?: DevtoolsPosition;
22
- /**
23
- * Custom instance of QueryClient
24
- */
25
- client?: QueryClient;
26
- /**
27
- * Use this so you can define custom errors that can be shown in the devtools.
28
- */
29
- errorTypes?: Array<DevtoolsErrorType>;
30
- /**
31
- * 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.
32
- */
33
- styleNonce?: string;
34
- /**
35
- * Use this so you can attach the devtool's styles to specific element in the DOM.
36
- */
37
- shadowDOMTarget?: ShadowRoot;
38
- /**
39
- * Set this to true to hide disabled queries from the devtools panel.
40
- */
41
- hideDisabledQueries?: boolean;
42
- /**
43
- * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
44
- * Defaults to 'system'.
45
- */
46
- theme?: Theme;
47
- }
48
- declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
49
-
50
- type Devtools_DevtoolsOptions = DevtoolsOptions;
51
- declare const Devtools_ReactQueryDevtools: typeof ReactQueryDevtools;
52
- declare namespace Devtools {
53
- export { type Devtools_DevtoolsOptions as DevtoolsOptions, Devtools_ReactQueryDevtools as ReactQueryDevtools };
54
- }
55
-
56
- export { Devtools as D, ReactQueryDevtools as R, type DevtoolsOptions as a };
@@ -1,56 +0,0 @@
1
- import * as React from 'react';
2
- import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
3
- import { QueryClient } from '@tanstack/react-query';
4
-
5
- interface DevtoolsOptions {
6
- /**
7
- * Set this true if you want the dev tools to default to being open
8
- */
9
- initialIsOpen?: boolean;
10
- /**
11
- * The position of the React Query logo to open and close the devtools panel.
12
- * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
13
- * Defaults to 'bottom-right'.
14
- */
15
- buttonPosition?: DevtoolsButtonPosition;
16
- /**
17
- * The position of the React Query devtools panel.
18
- * 'top' | 'bottom' | 'left' | 'right'
19
- * Defaults to 'bottom'.
20
- */
21
- position?: DevtoolsPosition;
22
- /**
23
- * Custom instance of QueryClient
24
- */
25
- client?: QueryClient;
26
- /**
27
- * Use this so you can define custom errors that can be shown in the devtools.
28
- */
29
- errorTypes?: Array<DevtoolsErrorType>;
30
- /**
31
- * 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.
32
- */
33
- styleNonce?: string;
34
- /**
35
- * Use this so you can attach the devtool's styles to specific element in the DOM.
36
- */
37
- shadowDOMTarget?: ShadowRoot;
38
- /**
39
- * Set this to true to hide disabled queries from the devtools panel.
40
- */
41
- hideDisabledQueries?: boolean;
42
- /**
43
- * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
44
- * Defaults to 'system'.
45
- */
46
- theme?: Theme;
47
- }
48
- declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
49
-
50
- type Devtools_DevtoolsOptions = DevtoolsOptions;
51
- declare const Devtools_ReactQueryDevtools: typeof ReactQueryDevtools;
52
- declare namespace Devtools {
53
- export { type Devtools_DevtoolsOptions as DevtoolsOptions, Devtools_ReactQueryDevtools as ReactQueryDevtools };
54
- }
55
-
56
- export { Devtools as D, ReactQueryDevtools as R, type DevtoolsOptions as a };
@@ -1,51 +0,0 @@
1
- import * as React from 'react';
2
- import { DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
3
- import { QueryClient } from '@tanstack/react-query';
4
-
5
- interface DevtoolsPanelOptions {
6
- /**
7
- * Custom instance of QueryClient
8
- */
9
- client?: QueryClient;
10
- /**
11
- * Use this so you can define custom errors that can be shown in the devtools.
12
- */
13
- errorTypes?: Array<DevtoolsErrorType>;
14
- /**
15
- * 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.
16
- */
17
- styleNonce?: string;
18
- /**
19
- * Use this so you can attach the devtool's styles to specific element in the DOM.
20
- */
21
- shadowDOMTarget?: ShadowRoot;
22
- /**
23
- * Custom styles for the devtools panel
24
- * @default { height: '500px' }
25
- * @example { height: '100%' }
26
- * @example { height: '100%', width: '100%' }
27
- */
28
- style?: React.CSSProperties;
29
- /**
30
- * Callback function that is called when the devtools panel is closed
31
- */
32
- onClose?: () => unknown;
33
- /**
34
- * Set this to true to hide disabled queries from the devtools panel.
35
- */
36
- hideDisabledQueries?: boolean;
37
- /**
38
- * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
39
- * Defaults to 'system'.
40
- */
41
- theme?: Theme;
42
- }
43
- declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
44
-
45
- type DevtoolsPanel_DevtoolsPanelOptions = DevtoolsPanelOptions;
46
- declare const DevtoolsPanel_ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel;
47
- declare namespace DevtoolsPanel {
48
- export { type DevtoolsPanel_DevtoolsPanelOptions as DevtoolsPanelOptions, DevtoolsPanel_ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel };
49
- }
50
-
51
- export { DevtoolsPanel as D, ReactQueryDevtoolsPanel as R, type DevtoolsPanelOptions as a };
@@ -1,51 +0,0 @@
1
- import * as React from 'react';
2
- import { DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
3
- import { QueryClient } from '@tanstack/react-query';
4
-
5
- interface DevtoolsPanelOptions {
6
- /**
7
- * Custom instance of QueryClient
8
- */
9
- client?: QueryClient;
10
- /**
11
- * Use this so you can define custom errors that can be shown in the devtools.
12
- */
13
- errorTypes?: Array<DevtoolsErrorType>;
14
- /**
15
- * 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.
16
- */
17
- styleNonce?: string;
18
- /**
19
- * Use this so you can attach the devtool's styles to specific element in the DOM.
20
- */
21
- shadowDOMTarget?: ShadowRoot;
22
- /**
23
- * Custom styles for the devtools panel
24
- * @default { height: '500px' }
25
- * @example { height: '100%' }
26
- * @example { height: '100%', width: '100%' }
27
- */
28
- style?: React.CSSProperties;
29
- /**
30
- * Callback function that is called when the devtools panel is closed
31
- */
32
- onClose?: () => unknown;
33
- /**
34
- * Set this to true to hide disabled queries from the devtools panel.
35
- */
36
- hideDisabledQueries?: boolean;
37
- /**
38
- * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
39
- * Defaults to 'system'.
40
- */
41
- theme?: Theme;
42
- }
43
- declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
44
-
45
- type DevtoolsPanel_DevtoolsPanelOptions = DevtoolsPanelOptions;
46
- declare const DevtoolsPanel_ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel;
47
- declare namespace DevtoolsPanel {
48
- export { type DevtoolsPanel_DevtoolsPanelOptions as DevtoolsPanelOptions, DevtoolsPanel_ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel };
49
- }
50
-
51
- export { DevtoolsPanel as D, ReactQueryDevtoolsPanel as R, type DevtoolsPanelOptions as a };