@tanstack/react-query-devtools 4.0.5 → 4.0.10

package/build/esm/noop.js

@@ -0,0 +1,19 @@
+/**
+ * react-query-devtools-noop
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function ReactQueryDevtools() {
+  return null;
+}
+function ReactQueryDevtoolsPanel() {
+  return null;
+}
+
+export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
+//# sourceMappingURL=noop.js.map

package/build/esm/noop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"noop.js","sources":["../../src/noop.ts"],"sourcesContent":["export function ReactQueryDevtools() {\n  return null\n}\n\nexport function ReactQueryDevtoolsPanel() {\n  return null\n}\n"],"names":["ReactQueryDevtools","ReactQueryDevtoolsPanel"],"mappings":";;;;;;;;;;AAAO,SAASA,kBAAT,GAA8B;AACnC,EAAA,OAAO,IAAP,CAAA;AACD,CAAA;AAEM,SAASC,uBAAT,GAAmC;AACxC,EAAA,OAAO,IAAP,CAAA;AACD;;;;"}

package/build/stats-html.html

@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"f3f3-215","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"node_modules/@tanstack/match-sorter-utils/build/esm/index.js","uid":"f3f3-217"},{"name":"packages/react-query-devtools/src","children":[{"uid":"f3f3-219","name":"useLocalStorage.ts"},{"uid":"f3f3-221","name":"theme.tsx"},{"uid":"f3f3-223","name":"useMediaQuery.ts"},{"uid":"f3f3-225","name":"utils.ts"},{"uid":"f3f3-227","name":"styledComponents.ts"},{"uid":"f3f3-229","name":"Explorer.tsx"},{"uid":"f3f3-231","name":"Logo.tsx"},{"uid":"f3f3-233","name":"devtools.tsx"},{"uid":"f3f3-235","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"f3f3-215":{"renderedLength":431,"gzipLength":240,"brotliLength":0,"mainUid":"f3f3-214"},"f3f3-217":{"renderedLength":15355,"gzipLength":4575,"brotliLength":0,"mainUid":"f3f3-216"},"f3f3-219":{"renderedLength":1063,"gzipLength":411,"brotliLength":0,"mainUid":"f3f3-218"},"f3f3-221":{"renderedLength":682,"gzipLength":351,"brotliLength":0,"mainUid":"f3f3-220"},"f3f3-223":{"renderedLength":821,"gzipLength":363,"brotliLength":0,"mainUid":"f3f3-222"},"f3f3-225":{"renderedLength":2045,"gzipLength":831,"brotliLength":0,"mainUid":"f3f3-224"},"f3f3-227":{"renderedLength":2420,"gzipLength":864,"brotliLength":0,"mainUid":"f3f3-226"},"f3f3-229":{"renderedLength":5578,"gzipLength":1707,"brotliLength":0,"mainUid":"f3f3-228"},"f3f3-231":{"renderedLength":9512,"gzipLength":4254,"brotliLength":0,"mainUid":"f3f3-230"},"f3f3-233":{"renderedLength":28952,"gzipLength":5568,"brotliLength":0,"mainUid":"f3f3-232"},"f3f3-235":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"f3f3-234"}},"nodeMetas":{"f3f3-214":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"f3f3-215"},"imported":[],"importedBy":[{"uid":"f3f3-232"},{"uid":"f3f3-220"},{"uid":"f3f3-228"},{"uid":"f3f3-230"}]},"f3f3-216":{"id":"/node_modules/@tanstack/match-sorter-utils/build/esm/index.js","moduleParts":{"index.production.js":"f3f3-217"},"imported":[],"importedBy":[{"uid":"f3f3-232"}]},"f3f3-218":{"id":"/packages/react-query-devtools/src/useLocalStorage.ts","moduleParts":{"index.production.js":"f3f3-219"},"imported":[{"uid":"f3f3-236"}],"importedBy":[{"uid":"f3f3-232"}]},"f3f3-220":{"id":"/packages/react-query-devtools/src/theme.tsx","moduleParts":{"index.production.js":"f3f3-221"},"imported":[{"uid":"f3f3-214"},{"uid":"f3f3-236"}],"importedBy":[{"uid":"f3f3-232"},{"uid":"f3f3-224"}]},"f3f3-222":{"id":"/packages/react-query-devtools/src/useMediaQuery.ts","moduleParts":{"index.production.js":"f3f3-223"},"imported":[{"uid":"f3f3-236"}],"importedBy":[{"uid":"f3f3-224"}]},"f3f3-224":{"id":"/packages/react-query-devtools/src/utils.ts","moduleParts":{"index.production.js":"f3f3-225"},"imported":[{"uid":"f3f3-236"},{"uid":"f3f3-220"},{"uid":"f3f3-222"}],"importedBy":[{"uid":"f3f3-232"},{"uid":"f3f3-226"},{"uid":"f3f3-228"}]},"f3f3-226":{"id":"/packages/react-query-devtools/src/styledComponents.ts","moduleParts":{"index.production.js":"f3f3-227"},"imported":[{"uid":"f3f3-224"}],"importedBy":[{"uid":"f3f3-232"}]},"f3f3-228":{"id":"/packages/react-query-devtools/src/Explorer.tsx","moduleParts":{"index.production.js":"f3f3-229"},"imported":[{"uid":"f3f3-214"},{"uid":"f3f3-236"},{"uid":"f3f3-224"}],"importedBy":[{"uid":"f3f3-232"}]},"f3f3-230":{"id":"/packages/react-query-devtools/src/Logo.tsx","moduleParts":{"index.production.js":"f3f3-231"},"imported":[{"uid":"f3f3-214"},{"uid":"f3f3-236"}],"importedBy":[{"uid":"f3f3-232"}]},"f3f3-232":{"id":"/packages/react-query-devtools/src/devtools.tsx","moduleParts":{"index.production.js":"f3f3-233"},"imported":[{"uid":"f3f3-214"},{"uid":"f3f3-236"},{"uid":"f3f3-237"},{"uid":"f3f3-238"},{"uid":"f3f3-216"},{"uid":"f3f3-218"},{"uid":"f3f3-224"},{"uid":"f3f3-226"},{"uid":"f3f3-220"},{"uid":"f3f3-228"},{"uid":"f3f3-230"}],"importedBy":[{"uid":"f3f3-234"}]},"f3f3-234":{"id":"/packages/react-query-devtools/src/index.ts","moduleParts":{"index.production.js":"f3f3-235"},"imported":[{"uid":"f3f3-232"}],"importedBy":[],"isEntry":true},"f3f3-236":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"f3f3-232"},{"uid":"f3f3-218"},{"uid":"f3f3-224"},{"uid":"f3f3-220"},{"uid":"f3f3-228"},{"uid":"f3f3-230"},{"uid":"f3f3-222"}],"isExternal":true},"f3f3-237":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"f3f3-232"}],"isExternal":true},"f3f3-238":{"id":"@tanstack/react-query","moduleParts":{},"imported":[],"importedBy":[{"uid":"f3f3-232"}],"isExternal":true}},"env":{"rollup":"2.76.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages/react-query-devtools/src/noop.ts","uid":"f80b-245"}]}],"isRoot":true},"nodeParts":{"f80b-245":{"renderedLength":114,"gzipLength":82,"brotliLength":0,"mainUid":"f80b-244"}},"nodeMetas":{"f80b-244":{"id":"/packages/react-query-devtools/src/noop.ts","moduleParts":{"index.production.js":"f80b-245"},"imported":[],"importedBy":[],"isEntry":true}},"env":{"rollup":"2.76.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats.json

@@ -7,53 +7,8 @@
         "name": "index.production.js",
         "children": [
           {
-            "uid": "f3f3-240",
-            "name": "\u0000rollupPluginBabelHelpers.js"
-          },
-          {
-            "name": "node_modules/@tanstack/match-sorter-utils/build/esm/index.js",
-            "uid": "f3f3-242"
-          },
-          {
-            "name": "packages/react-query-devtools/src",
-            "children": [
-              {
-                "uid": "f3f3-244",
-                "name": "useLocalStorage.ts"
-              },
-              {
-                "uid": "f3f3-246",
-                "name": "theme.tsx"
-              },
-              {
-                "uid": "f3f3-248",
-                "name": "useMediaQuery.ts"
-              },
-              {
-                "uid": "f3f3-250",
-                "name": "utils.ts"
-              },
-              {
-                "uid": "f3f3-252",
-                "name": "styledComponents.ts"
-              },
-              {
-                "uid": "f3f3-254",
-                "name": "Explorer.tsx"
-              },
-              {
-                "uid": "f3f3-256",
-                "name": "Logo.tsx"
-              },
-              {
-                "uid": "f3f3-258",
-                "name": "devtools.tsx"
-              },
-              {
-                "uid": "f3f3-260",
-                "name": "index.ts"
-              }
-            ]
+            "name": "packages/react-query-devtools/src/noop.ts",
+            "uid": "f80b-247"
           }
         ]
       }
@@ -61,355 +16,22 @@
     "isRoot": true
   },
   "nodeParts": {
-    "f3f3-240": {
-      "renderedLength": 431,
-      "gzipLength": 240,
-      "brotliLength": 0,
-      "mainUid": "f3f3-239"
-    },
-    "f3f3-242": {
-      "renderedLength": 15355,
-      "gzipLength": 4575,
-      "brotliLength": 0,
-      "mainUid": "f3f3-241"
-    },
-    "f3f3-244": {
-      "renderedLength": 1063,
-      "gzipLength": 411,
-      "brotliLength": 0,
-      "mainUid": "f3f3-243"
-    },
-    "f3f3-246": {
-      "renderedLength": 682,
-      "gzipLength": 351,
-      "brotliLength": 0,
-      "mainUid": "f3f3-245"
-    },
-    "f3f3-248": {
-      "renderedLength": 821,
-      "gzipLength": 363,
-      "brotliLength": 0,
-      "mainUid": "f3f3-247"
-    },
-    "f3f3-250": {
-      "renderedLength": 2045,
-      "gzipLength": 831,
-      "brotliLength": 0,
-      "mainUid": "f3f3-249"
-    },
-    "f3f3-252": {
-      "renderedLength": 2420,
-      "gzipLength": 864,
-      "brotliLength": 0,
-      "mainUid": "f3f3-251"
-    },
-    "f3f3-254": {
-      "renderedLength": 5578,
-      "gzipLength": 1707,
+    "f80b-247": {
+      "renderedLength": 114,
+      "gzipLength": 82,
       "brotliLength": 0,
-      "mainUid": "f3f3-253"
-    },
-    "f3f3-256": {
-      "renderedLength": 9512,
-      "gzipLength": 4254,
-      "brotliLength": 0,
-      "mainUid": "f3f3-255"
-    },
-    "f3f3-258": {
-      "renderedLength": 28952,
-      "gzipLength": 5568,
-      "brotliLength": 0,
-      "mainUid": "f3f3-257"
-    },
-    "f3f3-260": {
-      "renderedLength": 0,
-      "gzipLength": 0,
-      "brotliLength": 0,
-      "mainUid": "f3f3-259"
+      "mainUid": "f80b-246"
     }
   },
   "nodeMetas": {
-    "f3f3-239": {
-      "id": "\u0000rollupPluginBabelHelpers.js",
+    "f80b-246": {
+      "id": "/packages/react-query-devtools/src/noop.ts",
       "moduleParts": {
-        "index.production.js": "f3f3-240"
+        "index.production.js": "f80b-247"
       },
       "imported": [],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        },
-        {
-          "uid": "f3f3-245"
-        },
-        {
-          "uid": "f3f3-253"
-        },
-        {
-          "uid": "f3f3-255"
-        }
-      ]
-    },
-    "f3f3-241": {
-      "id": "/node_modules/@tanstack/match-sorter-utils/build/esm/index.js",
-      "moduleParts": {
-        "index.production.js": "f3f3-242"
-      },
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        }
-      ]
-    },
-    "f3f3-243": {
-      "id": "/packages/react-query-devtools/src/useLocalStorage.ts",
-      "moduleParts": {
-        "index.production.js": "f3f3-244"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-261"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        }
-      ]
-    },
-    "f3f3-245": {
-      "id": "/packages/react-query-devtools/src/theme.tsx",
-      "moduleParts": {
-        "index.production.js": "f3f3-246"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-239"
-        },
-        {
-          "uid": "f3f3-261"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        },
-        {
-          "uid": "f3f3-249"
-        }
-      ]
-    },
-    "f3f3-247": {
-      "id": "/packages/react-query-devtools/src/useMediaQuery.ts",
-      "moduleParts": {
-        "index.production.js": "f3f3-248"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-261"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "f3f3-249"
-        }
-      ]
-    },
-    "f3f3-249": {
-      "id": "/packages/react-query-devtools/src/utils.ts",
-      "moduleParts": {
-        "index.production.js": "f3f3-250"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-261"
-        },
-        {
-          "uid": "f3f3-245"
-        },
-        {
-          "uid": "f3f3-247"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        },
-        {
-          "uid": "f3f3-251"
-        },
-        {
-          "uid": "f3f3-253"
-        }
-      ]
-    },
-    "f3f3-251": {
-      "id": "/packages/react-query-devtools/src/styledComponents.ts",
-      "moduleParts": {
-        "index.production.js": "f3f3-252"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-249"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        }
-      ]
-    },
-    "f3f3-253": {
-      "id": "/packages/react-query-devtools/src/Explorer.tsx",
-      "moduleParts": {
-        "index.production.js": "f3f3-254"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-239"
-        },
-        {
-          "uid": "f3f3-261"
-        },
-        {
-          "uid": "f3f3-249"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        }
-      ]
-    },
-    "f3f3-255": {
-      "id": "/packages/react-query-devtools/src/Logo.tsx",
-      "moduleParts": {
-        "index.production.js": "f3f3-256"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-239"
-        },
-        {
-          "uid": "f3f3-261"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        }
-      ]
-    },
-    "f3f3-257": {
-      "id": "/packages/react-query-devtools/src/devtools.tsx",
-      "moduleParts": {
-        "index.production.js": "f3f3-258"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-239"
-        },
-        {
-          "uid": "f3f3-261"
-        },
-        {
-          "uid": "f3f3-262"
-        },
-        {
-          "uid": "f3f3-263"
-        },
-        {
-          "uid": "f3f3-241"
-        },
-        {
-          "uid": "f3f3-243"
-        },
-        {
-          "uid": "f3f3-249"
-        },
-        {
-          "uid": "f3f3-251"
-        },
-        {
-          "uid": "f3f3-245"
-        },
-        {
-          "uid": "f3f3-253"
-        },
-        {
-          "uid": "f3f3-255"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "f3f3-259"
-        }
-      ]
-    },
-    "f3f3-259": {
-      "id": "/packages/react-query-devtools/src/index.ts",
-      "moduleParts": {
-        "index.production.js": "f3f3-260"
-      },
-      "imported": [
-        {
-          "uid": "f3f3-257"
-        }
-      ],
       "importedBy": [],
       "isEntry": true
-    },
-    "f3f3-261": {
-      "id": "react",
-      "moduleParts": {},
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        },
-        {
-          "uid": "f3f3-243"
-        },
-        {
-          "uid": "f3f3-249"
-        },
-        {
-          "uid": "f3f3-245"
-        },
-        {
-          "uid": "f3f3-253"
-        },
-        {
-          "uid": "f3f3-255"
-        },
-        {
-          "uid": "f3f3-247"
-        }
-      ],
-      "isExternal": true
-    },
-    "f3f3-262": {
-      "id": "use-sync-external-store/shim",
-      "moduleParts": {},
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        }
-      ],
-      "isExternal": true
-    },
-    "f3f3-263": {
-      "id": "@tanstack/react-query",
-      "moduleParts": {},
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "f3f3-257"
-        }
-      ],
-      "isExternal": true
     }
   },
   "env": {

package/build/types/react-query/src/useQuery.d.ts

@@ -6,15 +6,18 @@ export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData
 export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'initialData'> & {
     initialData: TQueryFnData | (() => TQueryFnData);
 }): DefinedUseQueryResult<TData, TError>;
+export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>): UseQueryResult<TData, TError>;
 export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, options?: Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey' | 'initialData'> & {
     initialData?: () => undefined;
 }): UseQueryResult<TData, TError>;
 export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, options?: Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey' | 'initialData'> & {
     initialData: TQueryFnData | (() => TQueryFnData);
 }): DefinedUseQueryResult<TData, TError>;
+export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, options?: Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey'>): UseQueryResult<TData, TError>;
 export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, queryFn: QueryFunction<TQueryFnData, TQueryKey>, options?: Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey' | 'queryFn' | 'initialData'> & {
     initialData?: () => undefined;
 }): UseQueryResult<TData, TError>;
 export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, queryFn: QueryFunction<TQueryFnData, TQueryKey>, options?: Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey' | 'queryFn' | 'initialData'> & {
     initialData: TQueryFnData | (() => TQueryFnData);
 }): DefinedUseQueryResult<TData, TError>;
+export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, queryFn: QueryFunction<TQueryFnData, TQueryKey>, options?: Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey' | 'queryFn'>): UseQueryResult<TData, TError>;

package/build/types/react-query-devtools/src/__tests__/utils.d.ts

@@ -1,7 +1,7 @@
 import { MatcherFunction } from '@testing-library/dom/types/matches';
 import { render } from '@testing-library/react';
 import * as React from 'react';
-import { ReactQueryDevtools } from '..';
+import { ReactQueryDevtools } from '../devtools';
 import { QueryClient, QueryCache } from '@tanstack/react-query';
 export declare function renderWithClient(client: QueryClient, ui: React.ReactElement, devtoolsOptions?: Parameters<typeof ReactQueryDevtools>[number]): ReturnType<typeof render>;
 export declare function sleep(timeout: number): Promise<void>;

package/build/types/react-query-devtools/src/devtools.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Query, ContextOptions } from '@tanstack/react-query';
-interface DevtoolsOptions extends ContextOptions {
+import { ContextOptions } from '@tanstack/react-query';
+export interface DevtoolsOptions extends ContextOptions {
     /**
      * Set this true if you want the dev tools to default to being open
      */
@@ -60,6 +60,5 @@ interface DevtoolsPanelOptions extends ContextOptions {
     handleDragStart: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 export declare function ReactQueryDevtools({ initialIsOpen, panelProps, closeButtonProps, toggleButtonProps, position, containerElement: Container, context, styleNonce, }: DevtoolsOptions): React.ReactElement | null;
-export declare const sortFns: Record<string, (a: Query, b: Query) => number>;
 export declare const ReactQueryDevtoolsPanel: React.ForwardRefExoticComponent<DevtoolsPanelOptions & React.RefAttributes<HTMLDivElement>>;
 export {};

package/build/types/react-query-devtools/src/index.d.ts

@@ -1 +1,3 @@
-export * from './devtools';
+import * as devtools from './devtools';
+export declare const ReactQueryDevtools: typeof devtools['ReactQueryDevtools'];
+export declare const ReactQueryDevtoolsPanel: typeof devtools['ReactQueryDevtoolsPanel'];

package/build/types/react-query-devtools/src/utils.d.ts

@@ -18,4 +18,5 @@ export declare function useIsMounted(): () => boolean;
  * @param {unknown} value Value to be stringified
  */
 export declare const displayValue: (value: unknown) => string;
+export declare const sortFns: Record<string, (a: Query, b: Query) => number>;
 export {};