@tanstack/react-query-devtools 4.2.1 → 4.2.2

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":[{"name":"packages/react-query-devtools/src/noop.ts","uid":"0a90-199"}]}],"isRoot":true},"nodeParts":{"0a90-199":{"renderedLength":114,"gzipLength":82,"brotliLength":0,"mainUid":"0a90-198"}},"nodeMetas":{"0a90-198":{"id":"/packages/react-query-devtools/src/noop.ts","moduleParts":{"index.production.js":"0a90-199"},"imported":[],"importedBy":[],"isEntry":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":"b78a-201"}]}],"isRoot":true},"nodeParts":{"b78a-201":{"renderedLength":114,"gzipLength":82,"brotliLength":0,"mainUid":"b78a-200"}},"nodeMetas":{"b78a-200":{"id":"/packages/react-query-devtools/src/noop.ts","moduleParts":{"index.production.js":"b78a-201"},"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

@@ -8,7 +8,7 @@
         "children": [
           {
             "name": "packages/react-query-devtools/src/noop.ts",
-            "uid": "0a90-201"
+            "uid": "b78a-203"
           }
         ]
       }
@@ -16,18 +16,18 @@
     "isRoot": true
   },
   "nodeParts": {
-    "0a90-201": {
+    "b78a-203": {
       "renderedLength": 114,
       "gzipLength": 82,
       "brotliLength": 0,
-      "mainUid": "0a90-200"
+      "mainUid": "b78a-202"
     }
   },
   "nodeMetas": {
-    "0a90-200": {
+    "b78a-202": {
       "id": "/packages/react-query-devtools/src/noop.ts",
       "moduleParts": {
-        "index.production.js": "0a90-201"
+        "index.production.js": "b78a-203"
       },
       "imported": [],
       "importedBy": [],

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export default function ScreenReader({ text }: {
+    text: string;
+}): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query-devtools",
-  "version": "4.2.1",
+  "version": "4.2.2",
   "description": "TODO",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -40,6 +40,6 @@
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "@tanstack/react-query": "^4.0.0"
+    "@tanstack/react-query": "4.2.2"
   }
 }

package/src/devtools.tsx

@@ -12,6 +12,7 @@ import {
 import { rankItem, compareItems } from '@tanstack/match-sorter-utils'
 import useLocalStorage from './useLocalStorage'
 import { sortFns, useIsMounted } from './utils'
+import ScreenReader from './screenreader'
 
 import {
   Panel,
@@ -368,6 +369,7 @@ export function ReactQueryDevtools({
           }}
         >
           <Logo aria-hidden />
+          <ScreenReader text="Open React Query Devtools" />
         </button>
       ) : null}
     </Container>
@@ -538,6 +540,7 @@ export const ReactQueryDevtoolsPanel = React.forwardRef<
               }}
             >
               <Logo aria-hidden />
+              <ScreenReader text="Close React Query Devtools" />
             </button>
             <div
               style={{

package/src/screenreader.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+
+export default function ScreenReader({ text }: { text: string }) {
+  return (
+    <span
+      style={{
+        position: 'absolute',
+        width: '0.1px',
+        height: '0.1px',
+        overflow: 'hidden',
+      }}
+    >
+      {text}
+    </span>
+  )
+}