@tanstack/react-query-devtools 5.91.3 → 5.94.4
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/package.json +7 -8
- package/build/legacy/ReactQueryDevtools-ChNsB-ya.d.cts +0 -56
- package/build/legacy/ReactQueryDevtools-ChNsB-ya.d.ts +0 -56
- package/build/legacy/ReactQueryDevtools.cjs +0 -106
- package/build/legacy/ReactQueryDevtools.cjs.map +0 -1
- package/build/legacy/ReactQueryDevtools.d.cts +0 -4
- package/build/legacy/ReactQueryDevtools.d.ts +0 -4
- package/build/legacy/ReactQueryDevtools.js +0 -72
- package/build/legacy/ReactQueryDevtools.js.map +0 -1
- package/build/legacy/ReactQueryDevtoolsPanel-D67eVd_j.d.cts +0 -51
- package/build/legacy/ReactQueryDevtoolsPanel-D67eVd_j.d.ts +0 -51
- package/build/legacy/ReactQueryDevtoolsPanel.cjs +0 -102
- package/build/legacy/ReactQueryDevtoolsPanel.cjs.map +0 -1
- package/build/legacy/ReactQueryDevtoolsPanel.d.cts +0 -4
- package/build/legacy/ReactQueryDevtoolsPanel.d.ts +0 -4
- package/build/legacy/ReactQueryDevtoolsPanel.js +0 -68
- package/build/legacy/ReactQueryDevtoolsPanel.js.map +0 -1
- package/build/legacy/index.cjs +0 -51
- package/build/legacy/index.cjs.map +0 -1
- package/build/legacy/index.d.cts +0 -11
- package/build/legacy/index.d.ts +0 -11
- package/build/legacy/index.js +0 -16
- package/build/legacy/index.js.map +0 -1
- package/build/legacy/production.cjs +0 -47
- package/build/legacy/production.cjs.map +0 -1
- package/build/legacy/production.d.cts +0 -10
- package/build/legacy/production.d.ts +0 -10
- package/build/legacy/production.js +0 -12
- package/build/legacy/production.js.map +0 -1
- package/build/modern/ReactQueryDevtools-ChNsB-ya.d.cts +0 -56
- package/build/modern/ReactQueryDevtools-ChNsB-ya.d.ts +0 -56
- package/build/modern/ReactQueryDevtools.cjs +0 -106
- package/build/modern/ReactQueryDevtools.cjs.map +0 -1
- package/build/modern/ReactQueryDevtools.d.cts +0 -4
- package/build/modern/ReactQueryDevtools.d.ts +0 -4
- package/build/modern/ReactQueryDevtools.js +0 -72
- package/build/modern/ReactQueryDevtools.js.map +0 -1
- package/build/modern/ReactQueryDevtoolsPanel-D67eVd_j.d.cts +0 -51
- package/build/modern/ReactQueryDevtoolsPanel-D67eVd_j.d.ts +0 -51
- package/build/modern/ReactQueryDevtoolsPanel.cjs +0 -102
- package/build/modern/ReactQueryDevtoolsPanel.cjs.map +0 -1
- package/build/modern/ReactQueryDevtoolsPanel.d.cts +0 -4
- package/build/modern/ReactQueryDevtoolsPanel.d.ts +0 -4
- package/build/modern/ReactQueryDevtoolsPanel.js +0 -68
- package/build/modern/ReactQueryDevtoolsPanel.js.map +0 -1
- package/build/modern/index.cjs +0 -51
- package/build/modern/index.cjs.map +0 -1
- package/build/modern/index.d.cts +0 -11
- package/build/modern/index.d.ts +0 -11
- package/build/modern/index.js +0 -16
- package/build/modern/index.js.map +0 -1
- package/build/modern/production.cjs +0 -47
- package/build/modern/production.cjs.map +0 -1
- package/build/modern/production.d.cts +0 -10
- package/build/modern/production.d.ts +0 -10
- package/build/modern/production.js +0 -12
- package/build/modern/production.js.map +0 -1
|
@@ -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,102 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
"use client";
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
20
|
-
};
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
-
mod
|
|
28
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
|
|
31
|
-
// src/ReactQueryDevtoolsPanel.tsx
|
|
32
|
-
var ReactQueryDevtoolsPanel_exports = {};
|
|
33
|
-
__export(ReactQueryDevtoolsPanel_exports, {
|
|
34
|
-
ReactQueryDevtoolsPanel: () => ReactQueryDevtoolsPanel
|
|
35
|
-
});
|
|
36
|
-
module.exports = __toCommonJS(ReactQueryDevtoolsPanel_exports);
|
|
37
|
-
var React = __toESM(require("react"), 1);
|
|
38
|
-
var import_react_query = require("@tanstack/react-query");
|
|
39
|
-
var import_query_devtools = require("@tanstack/query-devtools");
|
|
40
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
41
|
-
function ReactQueryDevtoolsPanel(props) {
|
|
42
|
-
const queryClient = (0, import_react_query.useQueryClient)(props.client);
|
|
43
|
-
const ref = React.useRef(null);
|
|
44
|
-
const {
|
|
45
|
-
errorTypes,
|
|
46
|
-
styleNonce,
|
|
47
|
-
shadowDOMTarget,
|
|
48
|
-
hideDisabledQueries,
|
|
49
|
-
theme
|
|
50
|
-
} = props;
|
|
51
|
-
const [devtools] = React.useState(
|
|
52
|
-
new import_query_devtools.TanstackQueryDevtoolsPanel({
|
|
53
|
-
client: queryClient,
|
|
54
|
-
queryFlavor: "React Query",
|
|
55
|
-
version: "5",
|
|
56
|
-
onlineManager: import_react_query.onlineManager,
|
|
57
|
-
buttonPosition: "bottom-left",
|
|
58
|
-
position: "bottom",
|
|
59
|
-
initialIsOpen: true,
|
|
60
|
-
errorTypes,
|
|
61
|
-
styleNonce,
|
|
62
|
-
shadowDOMTarget,
|
|
63
|
-
onClose: props.onClose,
|
|
64
|
-
hideDisabledQueries,
|
|
65
|
-
theme
|
|
66
|
-
})
|
|
67
|
-
);
|
|
68
|
-
React.useEffect(() => {
|
|
69
|
-
devtools.setClient(queryClient);
|
|
70
|
-
}, [queryClient, devtools]);
|
|
71
|
-
React.useEffect(() => {
|
|
72
|
-
devtools.setOnClose(props.onClose ?? (() => {
|
|
73
|
-
}));
|
|
74
|
-
}, [props.onClose, devtools]);
|
|
75
|
-
React.useEffect(() => {
|
|
76
|
-
devtools.setErrorTypes(errorTypes || []);
|
|
77
|
-
}, [errorTypes, devtools]);
|
|
78
|
-
React.useEffect(() => {
|
|
79
|
-
devtools.setTheme(theme);
|
|
80
|
-
}, [theme, devtools]);
|
|
81
|
-
React.useEffect(() => {
|
|
82
|
-
if (ref.current) {
|
|
83
|
-
devtools.mount(ref.current);
|
|
84
|
-
}
|
|
85
|
-
return () => {
|
|
86
|
-
devtools.unmount();
|
|
87
|
-
};
|
|
88
|
-
}, [devtools]);
|
|
89
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
90
|
-
"div",
|
|
91
|
-
{
|
|
92
|
-
style: { height: "500px", ...props.style },
|
|
93
|
-
className: "tsqd-parent-container",
|
|
94
|
-
ref
|
|
95
|
-
}
|
|
96
|
-
);
|
|
97
|
-
}
|
|
98
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
99
|
-
0 && (module.exports = {
|
|
100
|
-
ReactQueryDevtoolsPanel
|
|
101
|
-
});
|
|
102
|
-
//# sourceMappingURL=ReactQueryDevtoolsPanel.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\nexport interface DevtoolsPanelOptions {\n /**\n * Custom instance of QueryClient\n */\n client?: QueryClient\n /**\n * Use this so you can define custom errors that can be shown in the devtools.\n */\n errorTypes?: Array<DevtoolsErrorType>\n /**\n * 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.\n */\n styleNonce?: string\n /**\n * Use this so you can attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n\n /**\n * Custom styles for the devtools panel\n * @default { height: '500px' }\n * @example { height: '100%' }\n * @example { height: '100%', width: '100%' }\n */\n style?: React.CSSProperties\n\n /**\n * Callback function that is called when the devtools panel is closed\n */\n onClose?: () => unknown\n /**\n * Set this to true to hide disabled queries from the devtools panel.\n */\n hideDisabledQueries?: boolean\n /**\n * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.\n * Defaults to 'system'.\n */\n theme?: Theme\n}\n\nexport function ReactQueryDevtoolsPanel(\n props: DevtoolsPanelOptions,\n): React.ReactElement | null {\n const queryClient = useQueryClient(props.client)\n const ref = React.useRef<HTMLDivElement>(null)\n const {\n errorTypes,\n styleNonce,\n shadowDOMTarget,\n hideDisabledQueries,\n theme,\n } = props\n const [devtools] = React.useState(\n new TanstackQueryDevtoolsPanel({\n client: queryClient,\n queryFlavor: 'React Query',\n version: '5',\n onlineManager,\n buttonPosition: 'bottom-left',\n position: 'bottom',\n initialIsOpen: true,\n errorTypes,\n styleNonce,\n shadowDOMTarget,\n onClose: props.onClose,\n hideDisabledQueries,\n theme,\n }),\n )\n\n React.useEffect(() => {\n devtools.setClient(queryClient)\n }, [queryClient, devtools])\n\n React.useEffect(() => {\n devtools.setOnClose(props.onClose ?? (() => {}))\n }, [props.onClose, devtools])\n\n React.useEffect(() => {\n devtools.setErrorTypes(errorTypes || [])\n }, [errorTypes, devtools])\n\n React.useEffect(() => {\n devtools.setTheme(theme)\n }, [theme, devtools])\n\n React.useEffect(() => {\n if (ref.current) {\n devtools.mount(ref.current)\n }\n\n return () => {\n devtools.unmount()\n }\n }, [devtools])\n\n return (\n <div\n style={{ height: '500px', ...props.style }}\n className=\"tsqd-parent-container\"\n ref={ref}\n ></div>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,YAAuB;AACvB,yBAA8C;AAC9C,4BAA2C;AAsGvC;AAzDG,SAAS,wBACd,OAC2B;AAC3B,QAAM,kBAAc,mCAAe,MAAM,MAAM;AAC/C,QAAM,MAAY,aAAuB,IAAI;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,QAAQ,IAAU;AAAA,IACvB,IAAI,iDAA2B;AAAA,MAC7B,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM;AAAA,MACf;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,EAAM,gBAAU,MAAM;AACpB,aAAS,UAAU,WAAW;AAAA,EAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,EAAM,gBAAU,MAAM;AACpB,aAAS,WAAW,MAAM,YAAY,MAAM;AAAA,IAAC,EAAE;AAAA,EACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;AAE5B,EAAM,gBAAU,MAAM;AACpB,aAAS,cAAc,cAAc,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,EAAM,gBAAU,MAAM;AACpB,aAAS,SAAS,KAAK;AAAA,EACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,EAAM,gBAAU,MAAM;AACpB,QAAI,IAAI,SAAS;AACf,eAAS,MAAM,IAAI,OAAO;AAAA,IAC5B;AAEA,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,SAAS,GAAG,MAAM,MAAM;AAAA,MACzC,WAAU;AAAA,MACV;AAAA;AAAA,EACD;AAEL;","names":[]}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
// src/ReactQueryDevtoolsPanel.tsx
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import { onlineManager, useQueryClient } from "@tanstack/react-query";
|
|
6
|
-
import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
function ReactQueryDevtoolsPanel(props) {
|
|
9
|
-
const queryClient = useQueryClient(props.client);
|
|
10
|
-
const ref = React.useRef(null);
|
|
11
|
-
const {
|
|
12
|
-
errorTypes,
|
|
13
|
-
styleNonce,
|
|
14
|
-
shadowDOMTarget,
|
|
15
|
-
hideDisabledQueries,
|
|
16
|
-
theme
|
|
17
|
-
} = props;
|
|
18
|
-
const [devtools] = React.useState(
|
|
19
|
-
new TanstackQueryDevtoolsPanel({
|
|
20
|
-
client: queryClient,
|
|
21
|
-
queryFlavor: "React Query",
|
|
22
|
-
version: "5",
|
|
23
|
-
onlineManager,
|
|
24
|
-
buttonPosition: "bottom-left",
|
|
25
|
-
position: "bottom",
|
|
26
|
-
initialIsOpen: true,
|
|
27
|
-
errorTypes,
|
|
28
|
-
styleNonce,
|
|
29
|
-
shadowDOMTarget,
|
|
30
|
-
onClose: props.onClose,
|
|
31
|
-
hideDisabledQueries,
|
|
32
|
-
theme
|
|
33
|
-
})
|
|
34
|
-
);
|
|
35
|
-
React.useEffect(() => {
|
|
36
|
-
devtools.setClient(queryClient);
|
|
37
|
-
}, [queryClient, devtools]);
|
|
38
|
-
React.useEffect(() => {
|
|
39
|
-
devtools.setOnClose(props.onClose ?? (() => {
|
|
40
|
-
}));
|
|
41
|
-
}, [props.onClose, devtools]);
|
|
42
|
-
React.useEffect(() => {
|
|
43
|
-
devtools.setErrorTypes(errorTypes || []);
|
|
44
|
-
}, [errorTypes, devtools]);
|
|
45
|
-
React.useEffect(() => {
|
|
46
|
-
devtools.setTheme(theme);
|
|
47
|
-
}, [theme, devtools]);
|
|
48
|
-
React.useEffect(() => {
|
|
49
|
-
if (ref.current) {
|
|
50
|
-
devtools.mount(ref.current);
|
|
51
|
-
}
|
|
52
|
-
return () => {
|
|
53
|
-
devtools.unmount();
|
|
54
|
-
};
|
|
55
|
-
}, [devtools]);
|
|
56
|
-
return /* @__PURE__ */ jsx(
|
|
57
|
-
"div",
|
|
58
|
-
{
|
|
59
|
-
style: { height: "500px", ...props.style },
|
|
60
|
-
className: "tsqd-parent-container",
|
|
61
|
-
ref
|
|
62
|
-
}
|
|
63
|
-
);
|
|
64
|
-
}
|
|
65
|
-
export {
|
|
66
|
-
ReactQueryDevtoolsPanel
|
|
67
|
-
};
|
|
68
|
-
//# sourceMappingURL=ReactQueryDevtoolsPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\nexport interface DevtoolsPanelOptions {\n /**\n * Custom instance of QueryClient\n */\n client?: QueryClient\n /**\n * Use this so you can define custom errors that can be shown in the devtools.\n */\n errorTypes?: Array<DevtoolsErrorType>\n /**\n * 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.\n */\n styleNonce?: string\n /**\n * Use this so you can attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n\n /**\n * Custom styles for the devtools panel\n * @default { height: '500px' }\n * @example { height: '100%' }\n * @example { height: '100%', width: '100%' }\n */\n style?: React.CSSProperties\n\n /**\n * Callback function that is called when the devtools panel is closed\n */\n onClose?: () => unknown\n /**\n * Set this to true to hide disabled queries from the devtools panel.\n */\n hideDisabledQueries?: boolean\n /**\n * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.\n * Defaults to 'system'.\n */\n theme?: Theme\n}\n\nexport function ReactQueryDevtoolsPanel(\n props: DevtoolsPanelOptions,\n): React.ReactElement | null {\n const queryClient = useQueryClient(props.client)\n const ref = React.useRef<HTMLDivElement>(null)\n const {\n errorTypes,\n styleNonce,\n shadowDOMTarget,\n hideDisabledQueries,\n theme,\n } = props\n const [devtools] = React.useState(\n new TanstackQueryDevtoolsPanel({\n client: queryClient,\n queryFlavor: 'React Query',\n version: '5',\n onlineManager,\n buttonPosition: 'bottom-left',\n position: 'bottom',\n initialIsOpen: true,\n errorTypes,\n styleNonce,\n shadowDOMTarget,\n onClose: props.onClose,\n hideDisabledQueries,\n theme,\n }),\n )\n\n React.useEffect(() => {\n devtools.setClient(queryClient)\n }, [queryClient, devtools])\n\n React.useEffect(() => {\n devtools.setOnClose(props.onClose ?? (() => {}))\n }, [props.onClose, devtools])\n\n React.useEffect(() => {\n devtools.setErrorTypes(errorTypes || [])\n }, [errorTypes, devtools])\n\n React.useEffect(() => {\n devtools.setTheme(theme)\n }, [theme, devtools])\n\n React.useEffect(() => {\n if (ref.current) {\n devtools.mount(ref.current)\n }\n\n return () => {\n devtools.unmount()\n }\n }, [devtools])\n\n return (\n <div\n style={{ height: '500px', ...props.style }}\n className=\"tsqd-parent-container\"\n ref={ref}\n ></div>\n )\n}\n"],"mappings":";;;AACA,YAAY,WAAW;AACvB,SAAS,eAAe,sBAAsB;AAC9C,SAAS,kCAAkC;AAsGvC;AAzDG,SAAS,wBACd,OAC2B;AAC3B,QAAM,cAAc,eAAe,MAAM,MAAM;AAC/C,QAAM,MAAY,aAAuB,IAAI;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,QAAQ,IAAU;AAAA,IACvB,IAAI,2BAA2B;AAAA,MAC7B,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM;AAAA,MACf;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,EAAM,gBAAU,MAAM;AACpB,aAAS,UAAU,WAAW;AAAA,EAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,EAAM,gBAAU,MAAM;AACpB,aAAS,WAAW,MAAM,YAAY,MAAM;AAAA,IAAC,EAAE;AAAA,EACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;AAE5B,EAAM,gBAAU,MAAM;AACpB,aAAS,cAAc,cAAc,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,EAAM,gBAAU,MAAM;AACpB,aAAS,SAAS,KAAK;AAAA,EACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,EAAM,gBAAU,MAAM;AACpB,QAAI,IAAI,SAAS;AACf,eAAS,MAAM,IAAI,OAAO;AAAA,IAC5B;AAEA,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,SAAS,GAAG,MAAM,MAAM;AAAA,MACzC,WAAU;AAAA,MACV;AAAA;AAAA,EACD;AAEL;","names":[]}
|
package/build/modern/index.cjs
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
"use client";
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
20
|
-
};
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
-
mod
|
|
28
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
|
|
31
|
-
// src/index.ts
|
|
32
|
-
var index_exports = {};
|
|
33
|
-
__export(index_exports, {
|
|
34
|
-
ReactQueryDevtools: () => ReactQueryDevtools2,
|
|
35
|
-
ReactQueryDevtoolsPanel: () => ReactQueryDevtoolsPanel2
|
|
36
|
-
});
|
|
37
|
-
module.exports = __toCommonJS(index_exports);
|
|
38
|
-
var Devtools = __toESM(require("./ReactQueryDevtools.cjs"), 1);
|
|
39
|
-
var DevtoolsPanel = __toESM(require("./ReactQueryDevtoolsPanel.cjs"), 1);
|
|
40
|
-
var ReactQueryDevtools2 = process.env.NODE_ENV !== "development" ? function() {
|
|
41
|
-
return null;
|
|
42
|
-
} : Devtools.ReactQueryDevtools;
|
|
43
|
-
var ReactQueryDevtoolsPanel2 = process.env.NODE_ENV !== "development" ? function() {
|
|
44
|
-
return null;
|
|
45
|
-
} : DevtoolsPanel.ReactQueryDevtoolsPanel;
|
|
46
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
47
|
-
0 && (module.exports = {
|
|
48
|
-
ReactQueryDevtools,
|
|
49
|
-
ReactQueryDevtoolsPanel
|
|
50
|
-
});
|
|
51
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './ReactQueryDevtools'\nimport * as DevtoolsPanel from './ReactQueryDevtoolsPanel'\n\nexport const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'] =\n process.env.NODE_ENV !== 'development'\n ? function () {\n return null\n }\n : Devtools.ReactQueryDevtools\n\nexport const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'] =\n process.env.NODE_ENV !== 'development'\n ? function () {\n return null\n }\n : DevtoolsPanel.ReactQueryDevtoolsPanel\n\nexport type DevtoolsPanelOptions = DevtoolsPanel.DevtoolsPanelOptions\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAAA;AAAA,EAAA,+BAAAC;AAAA;AAAA;AAEA,eAA0B;AAC1B,oBAA+B;AAExB,IAAMD,sBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACS;AAER,IAAMC,2BACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACc;","names":["ReactQueryDevtools","ReactQueryDevtoolsPanel"]}
|
package/build/modern/index.d.cts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
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 };
|
package/build/modern/index.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
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 };
|
package/build/modern/index.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
// src/index.ts
|
|
4
|
-
import * as Devtools from "./ReactQueryDevtools.js";
|
|
5
|
-
import * as DevtoolsPanel from "./ReactQueryDevtoolsPanel.js";
|
|
6
|
-
var ReactQueryDevtools2 = process.env.NODE_ENV !== "development" ? function() {
|
|
7
|
-
return null;
|
|
8
|
-
} : Devtools.ReactQueryDevtools;
|
|
9
|
-
var ReactQueryDevtoolsPanel2 = process.env.NODE_ENV !== "development" ? function() {
|
|
10
|
-
return null;
|
|
11
|
-
} : DevtoolsPanel.ReactQueryDevtoolsPanel;
|
|
12
|
-
export {
|
|
13
|
-
ReactQueryDevtools2 as ReactQueryDevtools,
|
|
14
|
-
ReactQueryDevtoolsPanel2 as ReactQueryDevtoolsPanel
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './ReactQueryDevtools'\nimport * as DevtoolsPanel from './ReactQueryDevtoolsPanel'\n\nexport const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'] =\n process.env.NODE_ENV !== 'development'\n ? function () {\n return null\n }\n : Devtools.ReactQueryDevtools\n\nexport const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'] =\n process.env.NODE_ENV !== 'development'\n ? function () {\n return null\n }\n : DevtoolsPanel.ReactQueryDevtoolsPanel\n\nexport type DevtoolsPanelOptions = DevtoolsPanel.DevtoolsPanelOptions\n"],"mappings":";;;AAEA,YAAY,cAAc;AAC1B,YAAY,mBAAmB;AAExB,IAAMA,sBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACS;AAER,IAAMC,2BACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACc;","names":["ReactQueryDevtools","ReactQueryDevtoolsPanel"]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
"use client";
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
20
|
-
};
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
-
mod
|
|
28
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
|
|
31
|
-
// src/production.ts
|
|
32
|
-
var production_exports = {};
|
|
33
|
-
__export(production_exports, {
|
|
34
|
-
ReactQueryDevtools: () => ReactQueryDevtools2,
|
|
35
|
-
ReactQueryDevtoolsPanel: () => ReactQueryDevtoolsPanel2
|
|
36
|
-
});
|
|
37
|
-
module.exports = __toCommonJS(production_exports);
|
|
38
|
-
var Devtools = __toESM(require("./ReactQueryDevtools.cjs"), 1);
|
|
39
|
-
var DevtoolsPanel = __toESM(require("./ReactQueryDevtoolsPanel.cjs"), 1);
|
|
40
|
-
var ReactQueryDevtools2 = Devtools.ReactQueryDevtools;
|
|
41
|
-
var ReactQueryDevtoolsPanel2 = DevtoolsPanel.ReactQueryDevtoolsPanel;
|
|
42
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
43
|
-
0 && (module.exports = {
|
|
44
|
-
ReactQueryDevtools,
|
|
45
|
-
ReactQueryDevtoolsPanel
|
|
46
|
-
});
|
|
47
|
-
//# sourceMappingURL=production.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './ReactQueryDevtools'\nimport * as DevtoolsPanel from './ReactQueryDevtoolsPanel'\n\nexport const ReactQueryDevtools = Devtools.ReactQueryDevtools\nexport const ReactQueryDevtoolsPanel = DevtoolsPanel.ReactQueryDevtoolsPanel\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAAA;AAAA,EAAA,+BAAAC;AAAA;AAAA;AAEA,eAA0B;AAC1B,oBAA+B;AAExB,IAAMD,sBAA8B;AACpC,IAAMC,2BAAwC;","names":["ReactQueryDevtools","ReactQueryDevtoolsPanel"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
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,10 +0,0 @@
|
|
|
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,12 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
// src/production.ts
|
|
4
|
-
import * as Devtools from "./ReactQueryDevtools.js";
|
|
5
|
-
import * as DevtoolsPanel from "./ReactQueryDevtoolsPanel.js";
|
|
6
|
-
var ReactQueryDevtools2 = Devtools.ReactQueryDevtools;
|
|
7
|
-
var ReactQueryDevtoolsPanel2 = DevtoolsPanel.ReactQueryDevtoolsPanel;
|
|
8
|
-
export {
|
|
9
|
-
ReactQueryDevtools2 as ReactQueryDevtools,
|
|
10
|
-
ReactQueryDevtoolsPanel2 as ReactQueryDevtoolsPanel
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=production.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './ReactQueryDevtools'\nimport * as DevtoolsPanel from './ReactQueryDevtoolsPanel'\n\nexport const ReactQueryDevtools = Devtools.ReactQueryDevtools\nexport const ReactQueryDevtoolsPanel = DevtoolsPanel.ReactQueryDevtoolsPanel\n"],"mappings":";;;AAEA,YAAY,cAAc;AAC1B,YAAY,mBAAmB;AAExB,IAAMA,sBAA8B;AACpC,IAAMC,2BAAwC;","names":["ReactQueryDevtools","ReactQueryDevtoolsPanel"]}
|