@tanstack/react-query-devtools 4.3.0-beta.4 → 4.3.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/index.js +20 -1
- package/build/lib/index.js.map +1 -1
- package/build/lib/index.mjs +20 -1
- package/build/lib/index.mjs.map +1 -1
- package/build/lib/index.prod.js +20 -1
- package/build/lib/index.prod.js.map +1 -1
- package/build/lib/index.prod.mjs +20 -1
- package/build/lib/index.prod.mjs.map +1 -1
- package/build/lib/screenreader.d.ts +4 -0
- package/build/umd/index.development.js +20 -1
- package/build/umd/index.development.js.map +1 -1
- package/package.json +1 -1
- package/src/devtools.tsx +10 -0
- package/src/screenreader.tsx +16 -0
|
@@ -1213,6 +1213,19 @@
|
|
|
1213
1213
|
'Last Updated': (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1
|
|
1214
1214
|
};
|
|
1215
1215
|
|
|
1216
|
+
function ScreenReader({
|
|
1217
|
+
text
|
|
1218
|
+
}) {
|
|
1219
|
+
return /*#__PURE__*/React__namespace.createElement("span", {
|
|
1220
|
+
style: {
|
|
1221
|
+
position: 'absolute',
|
|
1222
|
+
width: '0.1px',
|
|
1223
|
+
height: '0.1px',
|
|
1224
|
+
overflow: 'hidden'
|
|
1225
|
+
}
|
|
1226
|
+
}, text);
|
|
1227
|
+
}
|
|
1228
|
+
|
|
1216
1229
|
const Panel = styled('div', (_props, theme) => ({
|
|
1217
1230
|
fontSize: 'clamp(12px, 1.5vw, 14px)',
|
|
1218
1231
|
fontFamily: "sans-serif",
|
|
@@ -1730,6 +1743,8 @@
|
|
|
1730
1743
|
}
|
|
1731
1744
|
}), /*#__PURE__*/React__namespace.createElement(Logo, {
|
|
1732
1745
|
"aria-hidden": true
|
|
1746
|
+
}), /*#__PURE__*/React__namespace.createElement(ScreenReader, {
|
|
1747
|
+
text: "Open React Query Devtools"
|
|
1733
1748
|
})) : null);
|
|
1734
1749
|
}
|
|
1735
1750
|
|
|
@@ -1833,6 +1848,8 @@
|
|
|
1833
1848
|
}
|
|
1834
1849
|
}, /*#__PURE__*/React__namespace.createElement(Logo, {
|
|
1835
1850
|
"aria-hidden": true
|
|
1851
|
+
}), /*#__PURE__*/React__namespace.createElement(ScreenReader, {
|
|
1852
|
+
text: "Close React Query Devtools"
|
|
1836
1853
|
})), /*#__PURE__*/React__namespace.createElement("div", {
|
|
1837
1854
|
style: {
|
|
1838
1855
|
display: 'flex',
|
|
@@ -1937,7 +1954,9 @@
|
|
|
1937
1954
|
d: "M6.343 12.343a8 8 0 0 1 11.314 0"
|
|
1938
1955
|
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
1939
1956
|
d: "M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0"
|
|
1940
|
-
})))
|
|
1957
|
+
}))), /*#__PURE__*/React__namespace.createElement(ScreenReader, {
|
|
1958
|
+
text: isMockOffline ? 'Restore offline mock' : 'Mock offline behavior'
|
|
1959
|
+
}))) : null))), /*#__PURE__*/React__namespace.createElement("div", {
|
|
1941
1960
|
style: {
|
|
1942
1961
|
overflowY: 'auto',
|
|
1943
1962
|
flex: '1'
|