@tanstack/react-query-devtools 5.101.4 → 5.102.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.
Files changed (73) hide show
  1. package/build/legacy/ReactQueryDevtools.cjs +57 -102
  2. package/build/legacy/ReactQueryDevtools.cjs.map +1 -1
  3. package/build/legacy/ReactQueryDevtools.d.cts +53 -2
  4. package/build/legacy/ReactQueryDevtools.d.cts.map +1 -0
  5. package/build/legacy/ReactQueryDevtools.d.ts +53 -2
  6. package/build/legacy/ReactQueryDevtools.d.ts.map +1 -0
  7. package/build/legacy/ReactQueryDevtools.js +50 -64
  8. package/build/legacy/ReactQueryDevtools.js.map +1 -1
  9. package/build/legacy/ReactQueryDevtoolsPanel.cjs +55 -98
  10. package/build/legacy/ReactQueryDevtoolsPanel.cjs.map +1 -1
  11. package/build/legacy/ReactQueryDevtoolsPanel.d.cts +48 -2
  12. package/build/legacy/ReactQueryDevtoolsPanel.d.cts.map +1 -0
  13. package/build/legacy/ReactQueryDevtoolsPanel.d.ts +48 -2
  14. package/build/legacy/ReactQueryDevtoolsPanel.d.ts.map +1 -0
  15. package/build/legacy/ReactQueryDevtoolsPanel.js +48 -60
  16. package/build/legacy/ReactQueryDevtoolsPanel.js.map +1 -1
  17. package/build/legacy/index.cjs +13 -48
  18. package/build/legacy/index.cjs.map +1 -1
  19. package/build/legacy/index.d.cts +9 -3
  20. package/build/legacy/index.d.cts.map +1 -0
  21. package/build/legacy/index.d.ts +9 -3
  22. package/build/legacy/index.d.ts.map +1 -0
  23. package/build/legacy/index.js +11 -13
  24. package/build/legacy/index.js.map +1 -1
  25. package/build/legacy/production.cjs +9 -44
  26. package/build/legacy/production.cjs.map +1 -1
  27. package/build/legacy/production.d.cts +8 -2
  28. package/build/legacy/production.d.cts.map +1 -0
  29. package/build/legacy/production.d.ts +8 -2
  30. package/build/legacy/production.d.ts.map +1 -0
  31. package/build/legacy/production.js +7 -9
  32. package/build/legacy/production.js.map +1 -1
  33. package/build/legacy/rolldown-runtime-D7D4PA-g.js +13 -0
  34. package/build/legacy/rolldown-runtime-VH7oDXx4.cjs +28 -0
  35. package/build/modern/ReactQueryDevtools.cjs +57 -102
  36. package/build/modern/ReactQueryDevtools.cjs.map +1 -1
  37. package/build/modern/ReactQueryDevtools.d.cts +53 -2
  38. package/build/modern/ReactQueryDevtools.d.cts.map +1 -0
  39. package/build/modern/ReactQueryDevtools.d.ts +53 -2
  40. package/build/modern/ReactQueryDevtools.d.ts.map +1 -0
  41. package/build/modern/ReactQueryDevtools.js +50 -64
  42. package/build/modern/ReactQueryDevtools.js.map +1 -1
  43. package/build/modern/ReactQueryDevtoolsPanel.cjs +55 -98
  44. package/build/modern/ReactQueryDevtoolsPanel.cjs.map +1 -1
  45. package/build/modern/ReactQueryDevtoolsPanel.d.cts +48 -2
  46. package/build/modern/ReactQueryDevtoolsPanel.d.cts.map +1 -0
  47. package/build/modern/ReactQueryDevtoolsPanel.d.ts +48 -2
  48. package/build/modern/ReactQueryDevtoolsPanel.d.ts.map +1 -0
  49. package/build/modern/ReactQueryDevtoolsPanel.js +48 -60
  50. package/build/modern/ReactQueryDevtoolsPanel.js.map +1 -1
  51. package/build/modern/index.cjs +13 -48
  52. package/build/modern/index.cjs.map +1 -1
  53. package/build/modern/index.d.cts +9 -3
  54. package/build/modern/index.d.cts.map +1 -0
  55. package/build/modern/index.d.ts +9 -3
  56. package/build/modern/index.d.ts.map +1 -0
  57. package/build/modern/index.js +11 -13
  58. package/build/modern/index.js.map +1 -1
  59. package/build/modern/production.cjs +9 -44
  60. package/build/modern/production.cjs.map +1 -1
  61. package/build/modern/production.d.cts +8 -2
  62. package/build/modern/production.d.cts.map +1 -0
  63. package/build/modern/production.d.ts +8 -2
  64. package/build/modern/production.d.ts.map +1 -0
  65. package/build/modern/production.js +7 -9
  66. package/build/modern/production.js.map +1 -1
  67. package/build/modern/rolldown-runtime-D7D4PA-g.js +13 -0
  68. package/build/modern/rolldown-runtime-VH7oDXx4.cjs +28 -0
  69. package/package.json +7 -9
  70. package/build/legacy/_tsup-dts-rollup.d.cts +0 -119
  71. package/build/legacy/_tsup-dts-rollup.d.ts +0 -119
  72. package/build/modern/_tsup-dts-rollup.d.cts +0 -119
  73. package/build/modern/_tsup-dts-rollup.d.ts +0 -119
@@ -1 +1 @@
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?: () => void\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
+ {"version":3,"file":"ReactQueryDevtoolsPanel.cjs","names":["useQueryClient","React","TanstackQueryDevtoolsPanel"],"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?: () => void\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":";;;;;;;;;AAgDA,SAAgB,wBACd,OAC2B;CAC3B,MAAM,eAAA,GAAcA,sBAAAA,eAAAA,CAAe,MAAM,MAAM;CAC/C,MAAM,MAAMC,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAYA,MAAM,SACvB,IAAIC,yBAAAA,2BAA2B;EAC7B,QAAQ;EACR,aAAa;EACb,SAAS;EACT,eAAA,sBAAA;EACA,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf;EACA;EACA;EACA,SAAS,MAAM;EACf;EACA;CACF,CAAC,CACH;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,SAAS,WAAW,MAAM,kBAAkB,CAAC,EAAE;CACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;CAE5B,MAAM,gBAAgB;EACpB,SAAS,cAAc,cAAc,CAAC,CAAC;CACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,gBAAgB;EACpB,SAAS,SAAS,KAAK;CACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,MAAM,gBAAgB;EACpB,IAAI,IAAI,SACN,SAAS,MAAM,IAAI,OAAO;EAG5B,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,OAAO;GAAE,QAAQ;GAAS,GAAG,MAAM;EAAM;EACzC,WAAU;EACL;CACD,CAAA;AAEV"}
@@ -1,2 +1,48 @@
1
- export { ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
2
- export { DevtoolsPanelOptions } from './_tsup-dts-rollup.cjs';
1
+ import * as React from "react";
2
+ import { DevtoolsErrorType, Theme } from "@tanstack/query-devtools";
3
+ import { QueryClient } from "@tanstack/react-query";
4
+ declare namespace ReactQueryDevtoolsPanel_d_exports {
5
+ export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel };
6
+ }
7
+ interface DevtoolsPanelOptions {
8
+ /**
9
+ * Custom instance of QueryClient
10
+ */
11
+ client?: QueryClient;
12
+ /**
13
+ * Use this so you can define custom errors that can be shown in the devtools.
14
+ */
15
+ errorTypes?: Array<DevtoolsErrorType>;
16
+ /**
17
+ * 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.
18
+ */
19
+ styleNonce?: string;
20
+ /**
21
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
22
+ */
23
+ shadowDOMTarget?: ShadowRoot;
24
+ /**
25
+ * Custom styles for the devtools panel
26
+ * @default { height: '500px' }
27
+ * @example { height: '100%' }
28
+ * @example { height: '100%', width: '100%' }
29
+ */
30
+ style?: React.CSSProperties;
31
+ /**
32
+ * Callback function that is called when the devtools panel is closed
33
+ */
34
+ onClose?: () => void;
35
+ /**
36
+ * Set this to true to hide disabled queries from the devtools panel.
37
+ */
38
+ hideDisabledQueries?: boolean;
39
+ /**
40
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
41
+ * Defaults to 'system'.
42
+ */
43
+ theme?: Theme;
44
+ }
45
+ declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
46
+ //#endregion
47
+ export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel, ReactQueryDevtoolsPanel_d_exports as t };
48
+ //# sourceMappingURL=ReactQueryDevtoolsPanel.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ReactQueryDevtoolsPanel.d.cts","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"mappings":";;;;;;UAOiB;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;EAIA,kBAAkB;;;;;;;EAQlB,QAAQ,MAAM;;;;EAKd;;;;EAIA;;;;;EAKA,QAAQ;;iBAGM,wBACd,OAAO,uBACN,MAAM"}
@@ -1,2 +1,48 @@
1
- export { ReactQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
2
- export { DevtoolsPanelOptions } from './_tsup-dts-rollup.js';
1
+ import * as React from "react";
2
+ import { QueryClient } from "@tanstack/react-query";
3
+ import { DevtoolsErrorType, Theme } from "@tanstack/query-devtools";
4
+ declare namespace ReactQueryDevtoolsPanel_d_exports {
5
+ export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel };
6
+ }
7
+ interface DevtoolsPanelOptions {
8
+ /**
9
+ * Custom instance of QueryClient
10
+ */
11
+ client?: QueryClient;
12
+ /**
13
+ * Use this so you can define custom errors that can be shown in the devtools.
14
+ */
15
+ errorTypes?: Array<DevtoolsErrorType>;
16
+ /**
17
+ * 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.
18
+ */
19
+ styleNonce?: string;
20
+ /**
21
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
22
+ */
23
+ shadowDOMTarget?: ShadowRoot;
24
+ /**
25
+ * Custom styles for the devtools panel
26
+ * @default { height: '500px' }
27
+ * @example { height: '100%' }
28
+ * @example { height: '100%', width: '100%' }
29
+ */
30
+ style?: React.CSSProperties;
31
+ /**
32
+ * Callback function that is called when the devtools panel is closed
33
+ */
34
+ onClose?: () => void;
35
+ /**
36
+ * Set this to true to hide disabled queries from the devtools panel.
37
+ */
38
+ hideDisabledQueries?: boolean;
39
+ /**
40
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
41
+ * Defaults to 'system'.
42
+ */
43
+ theme?: Theme;
44
+ }
45
+ declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
46
+ //#endregion
47
+ export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel, ReactQueryDevtoolsPanel_d_exports as t };
48
+ //# sourceMappingURL=ReactQueryDevtoolsPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ReactQueryDevtoolsPanel.d.ts","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"mappings":";;;;;;UAOiB;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;EAIA,kBAAkB;;;;;;;EAQlB,QAAQ,MAAM;;;;EAKd;;;;EAIA;;;;;EAKA,QAAQ;;iBAGM,wBACd,OAAO,uBACN,MAAM"}
@@ -1,68 +1,56 @@
1
1
  "use client";
2
-
3
- // src/ReactQueryDevtoolsPanel.tsx
4
2
  import * as React from "react";
5
3
  import { onlineManager, useQueryClient } from "@tanstack/react-query";
6
4
  import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
7
5
  import { jsx } from "react/jsx-runtime";
6
+ //#region src/ReactQueryDevtoolsPanel.tsx
8
7
  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
- );
8
+ const queryClient = useQueryClient(props.client);
9
+ const ref = React.useRef(null);
10
+ const { errorTypes, styleNonce, shadowDOMTarget, hideDisabledQueries, theme } = props;
11
+ const [devtools] = React.useState(new TanstackQueryDevtoolsPanel({
12
+ client: queryClient,
13
+ queryFlavor: "React Query",
14
+ version: "5",
15
+ onlineManager,
16
+ buttonPosition: "bottom-left",
17
+ position: "bottom",
18
+ initialIsOpen: true,
19
+ errorTypes,
20
+ styleNonce,
21
+ shadowDOMTarget,
22
+ onClose: props.onClose,
23
+ hideDisabledQueries,
24
+ theme
25
+ }));
26
+ React.useEffect(() => {
27
+ devtools.setClient(queryClient);
28
+ }, [queryClient, devtools]);
29
+ React.useEffect(() => {
30
+ devtools.setOnClose(props.onClose ?? (() => {}));
31
+ }, [props.onClose, devtools]);
32
+ React.useEffect(() => {
33
+ devtools.setErrorTypes(errorTypes || []);
34
+ }, [errorTypes, devtools]);
35
+ React.useEffect(() => {
36
+ devtools.setTheme(theme);
37
+ }, [theme, devtools]);
38
+ React.useEffect(() => {
39
+ if (ref.current) devtools.mount(ref.current);
40
+ return () => {
41
+ devtools.unmount();
42
+ };
43
+ }, [devtools]);
44
+ return /* @__PURE__ */ jsx("div", {
45
+ style: {
46
+ height: "500px",
47
+ ...props.style
48
+ },
49
+ className: "tsqd-parent-container",
50
+ ref
51
+ });
64
52
  }
65
- export {
66
- ReactQueryDevtoolsPanel
67
- };
53
+ //#endregion
54
+ export { ReactQueryDevtoolsPanel };
55
+
68
56
  //# sourceMappingURL=ReactQueryDevtoolsPanel.js.map
@@ -1 +1 @@
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?: () => void\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":[]}
1
+ {"version":3,"file":"ReactQueryDevtoolsPanel.js","names":[],"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?: () => void\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":";;;;;;AAgDA,SAAgB,wBACd,OAC2B;CAC3B,MAAM,cAAc,eAAe,MAAM,MAAM;CAC/C,MAAM,MAAM,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAY,MAAM,SACvB,IAAI,2BAA2B;EAC7B,QAAQ;EACR,aAAa;EACb,SAAS;EACT;EACA,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf;EACA;EACA;EACA,SAAS,MAAM;EACf;EACA;CACF,CAAC,CACH;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,SAAS,WAAW,MAAM,kBAAkB,CAAC,EAAE;CACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;CAE5B,MAAM,gBAAgB;EACpB,SAAS,cAAc,cAAc,CAAC,CAAC;CACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,gBAAgB;EACpB,SAAS,SAAS,KAAK;CACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,MAAM,gBAAgB;EACpB,IAAI,IAAI,SACN,SAAS,MAAM,IAAI,OAAO;EAG5B,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,oBAAC,OAAD;EACE,OAAO;GAAE,QAAQ;GAAS,GAAG,MAAM;EAAM;EACzC,WAAU;EACL;CACD,CAAA;AAEV"}
@@ -1,51 +1,16 @@
1
- "use strict";
2
1
  "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);
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const require_ReactQueryDevtools = require("./ReactQueryDevtools.cjs");
4
+ const require_ReactQueryDevtoolsPanel = require("./ReactQueryDevtoolsPanel.cjs");
5
+ //#region src/index.ts
6
+ const ReactQueryDevtools = process.env.NODE_ENV !== "development" ? function() {
7
+ return null;
8
+ } : require_ReactQueryDevtools.ReactQueryDevtools;
9
+ const ReactQueryDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
10
+ return null;
11
+ } : require_ReactQueryDevtoolsPanel.ReactQueryDevtoolsPanel;
12
+ //#endregion
13
+ exports.ReactQueryDevtools = ReactQueryDevtools;
14
+ exports.ReactQueryDevtoolsPanel = ReactQueryDevtoolsPanel;
30
15
 
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
16
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
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"]}
1
+ {"version":3,"file":"index.cjs","names":[],"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":";;;;;AAKA,MAAa,qBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;CACV,OAAO;AACT,IAAA,2BAAA;AAGN,MAAa,0BACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;CACV,OAAO;AACT,IAAA,gCAAA"}
@@ -1,3 +1,9 @@
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
+ import { t as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools.cjs";
2
+ import { DevtoolsPanelOptions as DevtoolsPanelOptions$1, t as ReactQueryDevtoolsPanel_d_exports } from "./ReactQueryDevtoolsPanel.cjs";
3
+ //#region src/index.d.ts
4
+ declare const ReactQueryDevtools: (typeof ReactQueryDevtools_d_exports)['ReactQueryDevtools'];
5
+ declare const ReactQueryDevtoolsPanel: (typeof ReactQueryDevtoolsPanel_d_exports)['ReactQueryDevtoolsPanel'];
6
+ type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
7
+ //#endregion
8
+ export { DevtoolsPanelOptions, ReactQueryDevtools, ReactQueryDevtoolsPanel };
9
+ //# sourceMappingURL=index.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.cts","names":[],"sources":["../../src/index.ts"],"mappings":";;;cAKa,4BAA4B;cAO5B,iCAAiC;KAOlC,uBAAuB"}
@@ -1,3 +1,9 @@
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
+ import { t as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools.js";
2
+ import { DevtoolsPanelOptions as DevtoolsPanelOptions$1, t as ReactQueryDevtoolsPanel_d_exports } from "./ReactQueryDevtoolsPanel.js";
3
+ //#region src/index.d.ts
4
+ declare const ReactQueryDevtools: (typeof ReactQueryDevtools_d_exports)['ReactQueryDevtools'];
5
+ declare const ReactQueryDevtoolsPanel: (typeof ReactQueryDevtoolsPanel_d_exports)['ReactQueryDevtoolsPanel'];
6
+ type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
7
+ //#endregion
8
+ export { DevtoolsPanelOptions, ReactQueryDevtools, ReactQueryDevtoolsPanel };
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":";;;cAKa,4BAA4B;cAO5B,iCAAiC;KAOlC,uBAAuB"}
@@ -1,16 +1,14 @@
1
1
  "use client";
2
+ import { ReactQueryDevtools as ReactQueryDevtools$1 } from "./ReactQueryDevtools.js";
3
+ import { ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1 } from "./ReactQueryDevtoolsPanel.js";
4
+ //#region src/index.ts
5
+ const ReactQueryDevtools = process.env.NODE_ENV !== "development" ? function() {
6
+ return null;
7
+ } : ReactQueryDevtools$1;
8
+ const ReactQueryDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
9
+ return null;
10
+ } : ReactQueryDevtoolsPanel$1;
11
+ //#endregion
12
+ export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
2
13
 
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
14
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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
+ {"version":3,"file":"index.js","names":["Devtools.ReactQueryDevtools","DevtoolsPanel.ReactQueryDevtoolsPanel"],"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":";;;;AAKA,MAAa,qBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;CACV,OAAO;AACT,IACAA;AAEN,MAAa,0BACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;CACV,OAAO;AACT,IACAC"}
@@ -1,47 +1,12 @@
1
- "use strict";
2
1
  "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);
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const require_ReactQueryDevtools = require("./ReactQueryDevtools.cjs");
4
+ const require_ReactQueryDevtoolsPanel = require("./ReactQueryDevtoolsPanel.cjs");
5
+ //#region src/production.ts
6
+ const ReactQueryDevtools = require_ReactQueryDevtools.ReactQueryDevtools;
7
+ const ReactQueryDevtoolsPanel = require_ReactQueryDevtoolsPanel.ReactQueryDevtoolsPanel;
8
+ //#endregion
9
+ exports.ReactQueryDevtools = ReactQueryDevtools;
10
+ exports.ReactQueryDevtoolsPanel = ReactQueryDevtoolsPanel;
30
11
 
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
12
  //# sourceMappingURL=production.cjs.map
@@ -1 +1 @@
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
+ {"version":3,"file":"production.cjs","names":[],"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":";;;;;AAKA,MAAa,qBAAA,2BAAA;AACb,MAAa,0BAAA,gCAAA"}
@@ -1,2 +1,8 @@
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
+ import { ReactQueryDevtools as ReactQueryDevtools$1 } from "./ReactQueryDevtools.cjs";
2
+ import { ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1 } from "./ReactQueryDevtoolsPanel.cjs";
3
+ //#region src/production.d.ts
4
+ declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
5
+ declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
6
+ //#endregion
7
+ export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
8
+ //# sourceMappingURL=production.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"production.d.cts","names":[],"sources":["../../src/production.ts"],"mappings":";;;cAKa,2BAAkB;cAClB,gCAAuB"}
@@ -1,2 +1,8 @@
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
+ import { ReactQueryDevtools as ReactQueryDevtools$1 } from "./ReactQueryDevtools.js";
2
+ import { ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1 } from "./ReactQueryDevtoolsPanel.js";
3
+ //#region src/production.d.ts
4
+ declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
5
+ declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
6
+ //#endregion
7
+ export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
8
+ //# sourceMappingURL=production.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"production.d.ts","names":[],"sources":["../../src/production.ts"],"mappings":";;;cAKa,2BAAkB;cAClB,gCAAuB"}
@@ -1,12 +1,10 @@
1
1
  "use client";
2
+ import { ReactQueryDevtools as ReactQueryDevtools$1 } from "./ReactQueryDevtools.js";
3
+ import { ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1 } from "./ReactQueryDevtoolsPanel.js";
4
+ //#region src/production.ts
5
+ const ReactQueryDevtools = ReactQueryDevtools$1;
6
+ const ReactQueryDevtoolsPanel = ReactQueryDevtoolsPanel$1;
7
+ //#endregion
8
+ export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
2
9
 
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
10
  //# sourceMappingURL=production.js.map
@@ -1 +1 @@
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"]}
1
+ {"version":3,"file":"production.js","names":["Devtools.ReactQueryDevtools","DevtoolsPanel.ReactQueryDevtoolsPanel"],"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":";;;;AAKA,MAAa,qBAAqBA;AAClC,MAAa,0BAA0BC"}
@@ -0,0 +1,13 @@
1
+ //#region \0rolldown/runtime.js
2
+ var __defProp = Object.defineProperty;
3
+ var __exportAll = (all, no_symbols) => {
4
+ let target = {};
5
+ for (var name in all) __defProp(target, name, {
6
+ get: all[name],
7
+ enumerable: true
8
+ });
9
+ if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
10
+ return target;
11
+ };
12
+ //#endregion
13
+ export { __exportAll as t };
@@ -0,0 +1,28 @@
1
+ //#region \0rolldown/runtime.js
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
10
+ key = keys[i];
11
+ if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
12
+ get: ((k) => from[k]).bind(null, key),
13
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
14
+ });
15
+ }
16
+ return to;
17
+ };
18
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
19
+ value: mod,
20
+ enumerable: true
21
+ }) : target, mod));
22
+ //#endregion
23
+ Object.defineProperty(exports, "__toESM", {
24
+ enumerable: true,
25
+ get: function() {
26
+ return __toESM;
27
+ }
28
+ });