@tanstack/query-devtools 5.20.2 → 5.21.0
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.
- package/build/Devtools/{FWYJEP5C.jsx → 2ACMJH2B.jsx} +6 -1
- package/build/Devtools/{6ZYZQAZS.js → 4IXB5NHK.js} +6 -1
- package/build/Devtools/{2TZ2XDYA.jsx → EX35NSIV.jsx} +6 -1
- package/build/Devtools/{ZIZ6ACOL.js → NU5BFWH6.js} +6 -1
- package/build/dev.cjs +6 -1
- package/build/dev.js +1 -1
- package/build/dev.jsx +1 -1
- package/build/index.cjs +6 -1
- package/build/index.d.cts +1 -1
- package/build/index.d.ts +1 -1
- package/build/index.js +1 -1
- package/build/index.jsx +1 -1
- package/package.json +2 -2
- package/src/Context.ts +1 -1
- package/src/Devtools.tsx +12 -5
|
@@ -10509,11 +10509,13 @@ var Devtools = (props) => {
|
|
|
10509
10509
|
transition:
|
|
10510
10510
|
opacity 0.3s,
|
|
10511
10511
|
transform 0.3s;
|
|
10512
|
+
opacity: 1;
|
|
10512
10513
|
}
|
|
10513
10514
|
|
|
10514
10515
|
& .tsqd-button-transition-exit-to,
|
|
10515
10516
|
& .tsqd-button-transition-enter {
|
|
10516
|
-
transform: ${buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
10517
|
+
transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
10518
|
+
opacity: 0;
|
|
10517
10519
|
}
|
|
10518
10520
|
`,
|
|
10519
10521
|
"tsqd-transitions-container"
|
|
@@ -12076,6 +12078,9 @@ var stylesFactory2 = (theme) => {
|
|
|
12076
12078
|
top: 12px;
|
|
12077
12079
|
right: 12px;
|
|
12078
12080
|
`,
|
|
12081
|
+
"devtoolsBtn-position-relative": u`
|
|
12082
|
+
position: relative;
|
|
12083
|
+
`,
|
|
12079
12084
|
"panel-position-top": u`
|
|
12080
12085
|
top: 0;
|
|
12081
12086
|
right: 0;
|
|
@@ -9652,11 +9652,13 @@ var Devtools = (props) => {
|
|
|
9652
9652
|
transition:
|
|
9653
9653
|
opacity 0.3s,
|
|
9654
9654
|
transform 0.3s;
|
|
9655
|
+
opacity: 1;
|
|
9655
9656
|
}
|
|
9656
9657
|
|
|
9657
9658
|
& .tsqd-button-transition-exit-to,
|
|
9658
9659
|
& .tsqd-button-transition-enter {
|
|
9659
|
-
transform: ${buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
9660
|
+
transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
9661
|
+
opacity: 0;
|
|
9660
9662
|
}
|
|
9661
9663
|
`, "tsqd-transitions-container")));
|
|
9662
9664
|
return _el$;
|
|
@@ -11268,6 +11270,9 @@ var stylesFactory2 = (theme) => {
|
|
|
11268
11270
|
top: 12px;
|
|
11269
11271
|
right: 12px;
|
|
11270
11272
|
`,
|
|
11273
|
+
"devtoolsBtn-position-relative": u`
|
|
11274
|
+
position: relative;
|
|
11275
|
+
`,
|
|
11271
11276
|
"panel-position-top": u`
|
|
11272
11277
|
top: 0;
|
|
11273
11278
|
right: 0;
|
|
@@ -10510,11 +10510,13 @@ var Devtools = (props) => {
|
|
|
10510
10510
|
transition:
|
|
10511
10511
|
opacity 0.3s,
|
|
10512
10512
|
transform 0.3s;
|
|
10513
|
+
opacity: 1;
|
|
10513
10514
|
}
|
|
10514
10515
|
|
|
10515
10516
|
& .tsqd-button-transition-exit-to,
|
|
10516
10517
|
& .tsqd-button-transition-enter {
|
|
10517
|
-
transform: ${buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
10518
|
+
transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
10519
|
+
opacity: 0;
|
|
10518
10520
|
}
|
|
10519
10521
|
`,
|
|
10520
10522
|
"tsqd-transitions-container"
|
|
@@ -12077,6 +12079,9 @@ var stylesFactory2 = (theme) => {
|
|
|
12077
12079
|
top: 12px;
|
|
12078
12080
|
right: 12px;
|
|
12079
12081
|
`,
|
|
12082
|
+
"devtoolsBtn-position-relative": u`
|
|
12083
|
+
position: relative;
|
|
12084
|
+
`,
|
|
12080
12085
|
"panel-position-top": u`
|
|
12081
12086
|
top: 0;
|
|
12082
12087
|
right: 0;
|
|
@@ -9653,11 +9653,13 @@ var Devtools = (props) => {
|
|
|
9653
9653
|
transition:
|
|
9654
9654
|
opacity 0.3s,
|
|
9655
9655
|
transform 0.3s;
|
|
9656
|
+
opacity: 1;
|
|
9656
9657
|
}
|
|
9657
9658
|
|
|
9658
9659
|
& .tsqd-button-transition-exit-to,
|
|
9659
9660
|
& .tsqd-button-transition-enter {
|
|
9660
|
-
transform: ${buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
9661
|
+
transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
9662
|
+
opacity: 0;
|
|
9661
9663
|
}
|
|
9662
9664
|
`, "tsqd-transitions-container")));
|
|
9663
9665
|
return _el$;
|
|
@@ -11269,6 +11271,9 @@ var stylesFactory2 = (theme) => {
|
|
|
11269
11271
|
top: 12px;
|
|
11270
11272
|
right: 12px;
|
|
11271
11273
|
`,
|
|
11274
|
+
"devtoolsBtn-position-relative": u`
|
|
11275
|
+
position: relative;
|
|
11276
|
+
`,
|
|
11272
11277
|
"panel-position-top": u`
|
|
11273
11278
|
top: 0;
|
|
11274
11279
|
right: 0;
|
package/build/dev.cjs
CHANGED
|
@@ -13070,11 +13070,13 @@ var init_Devtools = __esm({
|
|
|
13070
13070
|
transition:
|
|
13071
13071
|
opacity 0.3s,
|
|
13072
13072
|
transform 0.3s;
|
|
13073
|
+
opacity: 1;
|
|
13073
13074
|
}
|
|
13074
13075
|
|
|
13075
13076
|
& .tsqd-button-transition-exit-to,
|
|
13076
13077
|
& .tsqd-button-transition-enter {
|
|
13077
|
-
transform: ${buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
13078
|
+
transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
13079
|
+
opacity: 0;
|
|
13078
13080
|
}
|
|
13079
13081
|
`, "tsqd-transitions-container")));
|
|
13080
13082
|
return _el$;
|
|
@@ -14685,6 +14687,9 @@ var init_Devtools = __esm({
|
|
|
14685
14687
|
"devtoolsBtn-position-top-right": u`
|
|
14686
14688
|
top: 12px;
|
|
14687
14689
|
right: 12px;
|
|
14690
|
+
`,
|
|
14691
|
+
"devtoolsBtn-position-relative": u`
|
|
14692
|
+
position: relative;
|
|
14688
14693
|
`,
|
|
14689
14694
|
"panel-position-top": u`
|
|
14690
14695
|
top: 0;
|
package/build/dev.js
CHANGED
|
@@ -66,7 +66,7 @@ var TanstackQueryDevtools = class {
|
|
|
66
66
|
if (this.#Component) {
|
|
67
67
|
Devtools = this.#Component;
|
|
68
68
|
} else {
|
|
69
|
-
Devtools = lazy(() => import('./Devtools/
|
|
69
|
+
Devtools = lazy(() => import('./Devtools/NU5BFWH6.js'));
|
|
70
70
|
this.#Component = Devtools;
|
|
71
71
|
}
|
|
72
72
|
setupStyleSheet(this.#styleNonce);
|
package/build/dev.jsx
CHANGED
|
@@ -70,7 +70,7 @@ var TanstackQueryDevtools = class {
|
|
|
70
70
|
if (this.#Component) {
|
|
71
71
|
Devtools = this.#Component;
|
|
72
72
|
} else {
|
|
73
|
-
Devtools = lazy(() => import("./Devtools/
|
|
73
|
+
Devtools = lazy(() => import("./Devtools/EX35NSIV.jsx"));
|
|
74
74
|
this.#Component = Devtools;
|
|
75
75
|
}
|
|
76
76
|
setupStyleSheet(this.#styleNonce);
|
package/build/index.cjs
CHANGED
|
@@ -13068,11 +13068,13 @@ var init_Devtools = __esm({
|
|
|
13068
13068
|
transition:
|
|
13069
13069
|
opacity 0.3s,
|
|
13070
13070
|
transform 0.3s;
|
|
13071
|
+
opacity: 1;
|
|
13071
13072
|
}
|
|
13072
13073
|
|
|
13073
13074
|
& .tsqd-button-transition-exit-to,
|
|
13074
13075
|
& .tsqd-button-transition-enter {
|
|
13075
|
-
transform: ${buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
13076
|
+
transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
|
|
13077
|
+
opacity: 0;
|
|
13076
13078
|
}
|
|
13077
13079
|
`, "tsqd-transitions-container")));
|
|
13078
13080
|
return _el$;
|
|
@@ -14683,6 +14685,9 @@ var init_Devtools = __esm({
|
|
|
14683
14685
|
"devtoolsBtn-position-top-right": u`
|
|
14684
14686
|
top: 12px;
|
|
14685
14687
|
right: 12px;
|
|
14688
|
+
`,
|
|
14689
|
+
"devtoolsBtn-position-relative": u`
|
|
14690
|
+
position: relative;
|
|
14686
14691
|
`,
|
|
14687
14692
|
"panel-position-top": u`
|
|
14688
14693
|
top: 0;
|
package/build/index.d.cts
CHANGED
|
@@ -3,7 +3,7 @@ import { Query, QueryClient, onlineManager } from '@tanstack/query-core';
|
|
|
3
3
|
type XPosition = 'left' | 'right';
|
|
4
4
|
type YPosition = 'top' | 'bottom';
|
|
5
5
|
type DevtoolsPosition = XPosition | YPosition;
|
|
6
|
-
type DevtoolsButtonPosition = `${YPosition}-${XPosition}
|
|
6
|
+
type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative';
|
|
7
7
|
interface DevToolsErrorType {
|
|
8
8
|
/**
|
|
9
9
|
* The name of the error.
|
package/build/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { Query, QueryClient, onlineManager } from '@tanstack/query-core';
|
|
|
3
3
|
type XPosition = 'left' | 'right';
|
|
4
4
|
type YPosition = 'top' | 'bottom';
|
|
5
5
|
type DevtoolsPosition = XPosition | YPosition;
|
|
6
|
-
type DevtoolsButtonPosition = `${YPosition}-${XPosition}
|
|
6
|
+
type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative';
|
|
7
7
|
interface DevToolsErrorType {
|
|
8
8
|
/**
|
|
9
9
|
* The name of the error.
|
package/build/index.js
CHANGED
|
@@ -66,7 +66,7 @@ var TanstackQueryDevtools = class {
|
|
|
66
66
|
if (this.#Component) {
|
|
67
67
|
Devtools = this.#Component;
|
|
68
68
|
} else {
|
|
69
|
-
Devtools = lazy(() => import('./Devtools/
|
|
69
|
+
Devtools = lazy(() => import('./Devtools/4IXB5NHK.js'));
|
|
70
70
|
this.#Component = Devtools;
|
|
71
71
|
}
|
|
72
72
|
setupStyleSheet(this.#styleNonce);
|
package/build/index.jsx
CHANGED
|
@@ -70,7 +70,7 @@ var TanstackQueryDevtools = class {
|
|
|
70
70
|
if (this.#Component) {
|
|
71
71
|
Devtools = this.#Component;
|
|
72
72
|
} else {
|
|
73
|
-
Devtools = lazy(() => import("./Devtools/
|
|
73
|
+
Devtools = lazy(() => import("./Devtools/2ACMJH2B.jsx"));
|
|
74
74
|
this.#Component = Devtools;
|
|
75
75
|
}
|
|
76
76
|
setupStyleSheet(this.#styleNonce);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/query-devtools",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.21.0",
|
|
4
4
|
"description": "Developer tools to interact with and visualize the TanStack Query cache",
|
|
5
5
|
"author": "tannerlinsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"superjson": "^1.13.3",
|
|
51
51
|
"tsup-preset-solid": "^2.2.0",
|
|
52
52
|
"vite-plugin-solid": "^2.9.1",
|
|
53
|
-
"@tanstack/query-core": "5.20.
|
|
53
|
+
"@tanstack/query-core": "5.20.5"
|
|
54
54
|
},
|
|
55
55
|
"scripts": {
|
|
56
56
|
"clean": "rimraf ./build && rimraf ./coverage",
|
package/src/Context.ts
CHANGED
|
@@ -5,7 +5,7 @@ import type { Query, QueryClient, onlineManager } from '@tanstack/query-core'
|
|
|
5
5
|
type XPosition = 'left' | 'right'
|
|
6
6
|
type YPosition = 'top' | 'bottom'
|
|
7
7
|
export type DevtoolsPosition = XPosition | YPosition
|
|
8
|
-
export type DevtoolsButtonPosition = `${YPosition}-${XPosition}`
|
|
8
|
+
export type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative'
|
|
9
9
|
|
|
10
10
|
export interface DevToolsErrorType {
|
|
11
11
|
/**
|
package/src/Devtools.tsx
CHANGED
|
@@ -219,15 +219,19 @@ const Devtools: Component<DevtoolsPanelProps> = (props) => {
|
|
|
219
219
|
transition:
|
|
220
220
|
opacity 0.3s,
|
|
221
221
|
transform 0.3s;
|
|
222
|
+
opacity: 1;
|
|
222
223
|
}
|
|
223
224
|
|
|
224
225
|
& .tsqd-button-transition-exit-to,
|
|
225
226
|
& .tsqd-button-transition-enter {
|
|
226
|
-
transform: ${buttonPosition() === '
|
|
227
|
-
? `
|
|
228
|
-
: buttonPosition() === 'top-
|
|
229
|
-
? `translateX(72px);`
|
|
230
|
-
:
|
|
227
|
+
transform: ${buttonPosition() === 'relative'
|
|
228
|
+
? `none;`
|
|
229
|
+
: buttonPosition() === 'top-left'
|
|
230
|
+
? `translateX(-72px);`
|
|
231
|
+
: buttonPosition() === 'top-right'
|
|
232
|
+
? `translateX(72px);`
|
|
233
|
+
: `translateY(72px);`};
|
|
234
|
+
opacity: 0;
|
|
231
235
|
}
|
|
232
236
|
`,
|
|
233
237
|
'tsqd-transitions-container',
|
|
@@ -2263,6 +2267,9 @@ const stylesFactory = (theme: 'light' | 'dark') => {
|
|
|
2263
2267
|
top: 12px;
|
|
2264
2268
|
right: 12px;
|
|
2265
2269
|
`,
|
|
2270
|
+
'devtoolsBtn-position-relative': css`
|
|
2271
|
+
position: relative;
|
|
2272
|
+
`,
|
|
2266
2273
|
'panel-position-top': css`
|
|
2267
2274
|
top: 0;
|
|
2268
2275
|
right: 0;
|