@tanstack/query-devtools 5.0.0-beta.20 → 5.0.0-beta.33

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 (12) hide show
  1. package/build/Devtools/{AZTKLNIS.jsx → AL7POTVF.jsx} +4 -1
  2. package/build/Devtools/{MUGBGUTD.js → AO4SNFEU.js} +47 -41
  3. package/build/Devtools/{4VMGNIF2.js → GFOHVLUL.js} +47 -41
  4. package/build/Devtools/{PI4AXB4J.jsx → PS2NMF43.jsx} +4 -1
  5. package/build/dev.cjs +47 -41
  6. package/build/dev.js +1 -1
  7. package/build/dev.jsx +1 -1
  8. package/build/index.cjs +47 -41
  9. package/build/index.js +1 -1
  10. package/build/index.jsx +1 -1
  11. package/package.json +2 -2
  12. package/src/Devtools.tsx +4 -1
package/build/Devtools/{AZTKLNIS.jsx → AL7POTVF.jsx} RENAMED
@@ -5684,6 +5684,7 @@ var QueryDetails = () => {
5684
5684
  color: ${tokens.colors.yellow[400]};
5685
5685
  `}
5686
5686
  onClick={() => queryClient.invalidateQueries(activeQuery())}
5687
+ disabled={queryStatus() === "pending"}
5687
5688
  >
5688
5689
  <span
5689
5690
  class={css`
@@ -5697,6 +5698,7 @@ var QueryDetails = () => {
5697
5698
  color: ${tokens.colors.gray[300]};
5698
5699
  `}
5699
5700
  onClick={() => queryClient.resetQueries(activeQuery())}
5701
+ disabled={queryStatus() === "pending"}
5700
5702
  >
5701
5703
  <span
5702
5704
  class={css`
@@ -5744,7 +5746,7 @@ var QueryDetails = () => {
5744
5746
  background-color: ${tokens.colors.cyan[400]};
5745
5747
  `}
5746
5748
  />
5747
- {statusLabel() === "fetching" ? "Restore" : "Trigger"}
5749
+ {queryStatus() === "pending" ? "Restore" : "Trigger"}
5748
5750
  {" Loading"}
5749
5751
  </button>
5750
5752
  <Show when={errorTypes().length === 0 || queryStatus() === "error"}><button
@@ -5758,6 +5760,7 @@ var QueryDetails = () => {
5758
5760
  queryClient.resetQueries(activeQuery());
5759
5761
  }
5760
5762
  }}
5763
+ disabled={queryStatus() === "pending"}
5761
5764
  >
5762
5765
  <span
5763
5766
  class={css`
package/build/Devtools/{MUGBGUTD.js → AO4SNFEU.js} RENAMED
@@ -4907,7 +4907,7 @@ var QueryDetails = () => {
4907
4907
  });
4908
4908
  }
4909
4909
  };
4910
- insert(_el$73, () => statusLabel() === "fetching" ? "Restore" : "Trigger", _el$75);
4910
+ insert(_el$73, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$75);
4911
4911
  insert(_el$66, createComponent(Show, {
4912
4912
  get when() {
4913
4913
  return errorTypes().length === 0 || queryStatus() === "error";
@@ -4925,15 +4925,17 @@ var QueryDetails = () => {
4925
4925
  createRenderEffect((_p$) => {
4926
4926
  const _v$32 = css`
4927
4927
  color: ${tokens.colors.red[400]};
4928
- `, _v$33 = css`
4928
+ `, _v$33 = queryStatus() === "pending", _v$34 = css`
4929
4929
  background-color: ${tokens.colors.red[400]};
4930
4930
  `;
4931
4931
  _v$32 !== _p$._v$32 && className(_el$76, _p$._v$32 = _v$32);
4932
- _v$33 !== _p$._v$33 && className(_el$77, _p$._v$33 = _v$33);
4932
+ _v$33 !== _p$._v$33 && (_el$76.disabled = _p$._v$33 = _v$33);
4933
+ _v$34 !== _p$._v$34 && className(_el$77, _p$._v$34 = _v$34);
4933
4934
  return _p$;
4934
4935
  }, {
4935
4936
  _v$32: void 0,
4936
- _v$33: void 0
4937
+ _v$33: void 0,
4938
+ _v$34: void 0
4937
4939
  });
4938
4940
  return _el$76;
4939
4941
  }
@@ -4961,17 +4963,17 @@ var QueryDetails = () => {
4961
4963
  }), null);
4962
4964
  insert(_el$79, createComponent(ChevronDown, {}), null);
4963
4965
  createRenderEffect((_p$) => {
4964
- const _v$34 = styles.actionsSelect, _v$35 = css`
4966
+ const _v$35 = styles.actionsSelect, _v$36 = css`
4965
4967
  background-color: ${tokens.colors.red[400]};
4966
- `, _v$36 = queryStatus() === "pending";
4967
- _v$34 !== _p$._v$34 && className(_el$79, _p$._v$34 = _v$34);
4968
- _v$35 !== _p$._v$35 && className(_el$80, _p$._v$35 = _v$35);
4969
- _v$36 !== _p$._v$36 && (_el$82.disabled = _p$._v$36 = _v$36);
4968
+ `, _v$37 = queryStatus() === "pending";
4969
+ _v$35 !== _p$._v$35 && className(_el$79, _p$._v$35 = _v$35);
4970
+ _v$36 !== _p$._v$36 && className(_el$80, _p$._v$36 = _v$36);
4971
+ _v$37 !== _p$._v$37 && (_el$82.disabled = _p$._v$37 = _v$37);
4970
4972
  return _p$;
4971
4973
  }, {
4972
- _v$34: void 0,
4973
4974
  _v$35: void 0,
4974
- _v$36: void 0
4975
+ _v$36: void 0,
4976
+ _v$37: void 0
4975
4977
  });
4976
4978
  return _el$79;
4977
4979
  }
@@ -4994,7 +4996,7 @@ var QueryDetails = () => {
4994
4996
  }
4995
4997
  }));
4996
4998
  createRenderEffect((_p$) => {
4997
- const _v$37 = styles.detailsContainer, _v$38 = styles.detailsHeader, _v$39 = styles.detailsBody, _v$40 = cx(styles.queryDetailsStatus, color() === "gray" ? css`
4999
+ const _v$38 = styles.detailsContainer, _v$39 = styles.detailsHeader, _v$40 = styles.detailsBody, _v$41 = cx(styles.queryDetailsStatus, color() === "gray" ? css`
4998
5000
  background-color: ${tokens.colors[color()][700]};
4999
5001
  color: ${tokens.colors[color()][300]};
5000
5002
  border-color: ${tokens.colors[color()][600]};
@@ -5002,44 +5004,45 @@ var QueryDetails = () => {
5002
5004
  background-color: ${tokens.colors[color()][900]};
5003
5005
  color: ${tokens.colors[color()][300]};
5004
5006
  border-color: ${tokens.colors[color()][600]};
5005
- `), _v$41 = styles.detailsHeader, _v$42 = styles.actionsBody, _v$43 = css`
5007
+ `), _v$42 = styles.detailsHeader, _v$43 = styles.actionsBody, _v$44 = css`
5006
5008
  color: ${tokens.colors.blue[400]};
5007
- `, _v$44 = statusLabel() === "fetching", _v$45 = css`
5009
+ `, _v$45 = statusLabel() === "fetching", _v$46 = css`
5008
5010
  background-color: ${tokens.colors.blue[400]};
5009
- `, _v$46 = css`
5011
+ `, _v$47 = css`
5010
5012
  color: ${tokens.colors.yellow[400]};
5011
- `, _v$47 = css`
5013
+ `, _v$48 = queryStatus() === "pending", _v$49 = css`
5012
5014
  background-color: ${tokens.colors.yellow[400]};
5013
- `, _v$48 = css`
5015
+ `, _v$50 = css`
5014
5016
  color: ${tokens.colors.gray[300]};
5015
- `, _v$49 = css`
5017
+ `, _v$51 = queryStatus() === "pending", _v$52 = css`
5016
5018
  background-color: ${tokens.colors.gray[400]};
5017
- `, _v$50 = css`
5019
+ `, _v$53 = css`
5018
5020
  color: ${tokens.colors.cyan[400]};
5019
- `, _v$51 = restoringLoading(), _v$52 = css`
5021
+ `, _v$54 = restoringLoading(), _v$55 = css`
5020
5022
  background-color: ${tokens.colors.cyan[400]};
5021
- `, _v$53 = styles.detailsHeader, _v$54 = styles.detailsHeader;
5022
- _v$37 !== _p$._v$37 && className(_el$52, _p$._v$37 = _v$37);
5023
- _v$38 !== _p$._v$38 && className(_el$53, _p$._v$38 = _v$38);
5024
- _v$39 !== _p$._v$39 && className(_el$54, _p$._v$39 = _v$39);
5025
- _v$40 !== _p$._v$40 && className(_el$58, _p$._v$40 = _v$40);
5026
- _v$41 !== _p$._v$41 && className(_el$65, _p$._v$41 = _v$41);
5027
- _v$42 !== _p$._v$42 && className(_el$66, _p$._v$42 = _v$42);
5028
- _v$43 !== _p$._v$43 && className(_el$67, _p$._v$43 = _v$43);
5029
- _v$44 !== _p$._v$44 && (_el$67.disabled = _p$._v$44 = _v$44);
5030
- _v$45 !== _p$._v$45 && className(_el$68, _p$._v$45 = _v$45);
5031
- _v$46 !== _p$._v$46 && className(_el$69, _p$._v$46 = _v$46);
5032
- _v$47 !== _p$._v$47 && className(_el$70, _p$._v$47 = _v$47);
5033
- _v$48 !== _p$._v$48 && className(_el$71, _p$._v$48 = _v$48);
5034
- _v$49 !== _p$._v$49 && className(_el$72, _p$._v$49 = _v$49);
5035
- _v$50 !== _p$._v$50 && className(_el$73, _p$._v$50 = _v$50);
5036
- _v$51 !== _p$._v$51 && (_el$73.disabled = _p$._v$51 = _v$51);
5037
- _v$52 !== _p$._v$52 && className(_el$74, _p$._v$52 = _v$52);
5038
- _v$53 !== _p$._v$53 && className(_el$84, _p$._v$53 = _v$53);
5039
- _v$54 !== _p$._v$54 && className(_el$86, _p$._v$54 = _v$54);
5023
+ `, _v$56 = styles.detailsHeader, _v$57 = styles.detailsHeader;
5024
+ _v$38 !== _p$._v$38 && className(_el$52, _p$._v$38 = _v$38);
5025
+ _v$39 !== _p$._v$39 && className(_el$53, _p$._v$39 = _v$39);
5026
+ _v$40 !== _p$._v$40 && className(_el$54, _p$._v$40 = _v$40);
5027
+ _v$41 !== _p$._v$41 && className(_el$58, _p$._v$41 = _v$41);
5028
+ _v$42 !== _p$._v$42 && className(_el$65, _p$._v$42 = _v$42);
5029
+ _v$43 !== _p$._v$43 && className(_el$66, _p$._v$43 = _v$43);
5030
+ _v$44 !== _p$._v$44 && className(_el$67, _p$._v$44 = _v$44);
5031
+ _v$45 !== _p$._v$45 && (_el$67.disabled = _p$._v$45 = _v$45);
5032
+ _v$46 !== _p$._v$46 && className(_el$68, _p$._v$46 = _v$46);
5033
+ _v$47 !== _p$._v$47 && className(_el$69, _p$._v$47 = _v$47);
5034
+ _v$48 !== _p$._v$48 && (_el$69.disabled = _p$._v$48 = _v$48);
5035
+ _v$49 !== _p$._v$49 && className(_el$70, _p$._v$49 = _v$49);
5036
+ _v$50 !== _p$._v$50 && className(_el$71, _p$._v$50 = _v$50);
5037
+ _v$51 !== _p$._v$51 && (_el$71.disabled = _p$._v$51 = _v$51);
5038
+ _v$52 !== _p$._v$52 && className(_el$72, _p$._v$52 = _v$52);
5039
+ _v$53 !== _p$._v$53 && className(_el$73, _p$._v$53 = _v$53);
5040
+ _v$54 !== _p$._v$54 && (_el$73.disabled = _p$._v$54 = _v$54);
5041
+ _v$55 !== _p$._v$55 && className(_el$74, _p$._v$55 = _v$55);
5042
+ _v$56 !== _p$._v$56 && className(_el$84, _p$._v$56 = _v$56);
5043
+ _v$57 !== _p$._v$57 && className(_el$86, _p$._v$57 = _v$57);
5040
5044
  return _p$;
5041
5045
  }, {
5042
- _v$37: void 0,
5043
5046
  _v$38: void 0,
5044
5047
  _v$39: void 0,
5045
5048
  _v$40: void 0,
@@ -5056,7 +5059,10 @@ var QueryDetails = () => {
5056
5059
  _v$51: void 0,
5057
5060
  _v$52: void 0,
5058
5061
  _v$53: void 0,
5059
- _v$54: void 0
5062
+ _v$54: void 0,
5063
+ _v$55: void 0,
5064
+ _v$56: void 0,
5065
+ _v$57: void 0
5060
5066
  });
5061
5067
  return _el$52;
5062
5068
  }
package/build/Devtools/{4VMGNIF2.js → GFOHVLUL.js} RENAMED
@@ -5090,7 +5090,7 @@ var QueryDetails = () => {
5090
5090
  });
5091
5091
  }
5092
5092
  };
5093
- insert(_el$73, () => statusLabel() === "fetching" ? "Restore" : "Trigger", _el$75);
5093
+ insert(_el$73, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$75);
5094
5094
  insert(_el$66, createComponent(Show, {
5095
5095
  get when() {
5096
5096
  return errorTypes().length === 0 || queryStatus() === "error";
@@ -5108,15 +5108,17 @@ var QueryDetails = () => {
5108
5108
  createRenderEffect((_p$) => {
5109
5109
  const _v$32 = css`
5110
5110
  color: ${tokens.colors.red[400]};
5111
- `, _v$33 = css`
5111
+ `, _v$33 = queryStatus() === "pending", _v$34 = css`
5112
5112
  background-color: ${tokens.colors.red[400]};
5113
5113
  `;
5114
5114
  _v$32 !== _p$._v$32 && className(_el$76, _p$._v$32 = _v$32);
5115
- _v$33 !== _p$._v$33 && className(_el$77, _p$._v$33 = _v$33);
5115
+ _v$33 !== _p$._v$33 && (_el$76.disabled = _p$._v$33 = _v$33);
5116
+ _v$34 !== _p$._v$34 && className(_el$77, _p$._v$34 = _v$34);
5116
5117
  return _p$;
5117
5118
  }, {
5118
5119
  _v$32: void 0,
5119
- _v$33: void 0
5120
+ _v$33: void 0,
5121
+ _v$34: void 0
5120
5122
  });
5121
5123
  return _el$76;
5122
5124
  }
@@ -5144,17 +5146,17 @@ var QueryDetails = () => {
5144
5146
  }), null);
5145
5147
  insert(_el$79, createComponent(ChevronDown, {}), null);
5146
5148
  createRenderEffect((_p$) => {
5147
- const _v$34 = styles.actionsSelect, _v$35 = css`
5149
+ const _v$35 = styles.actionsSelect, _v$36 = css`
5148
5150
  background-color: ${tokens.colors.red[400]};
5149
- `, _v$36 = queryStatus() === "pending";
5150
- _v$34 !== _p$._v$34 && className(_el$79, _p$._v$34 = _v$34);
5151
- _v$35 !== _p$._v$35 && className(_el$80, _p$._v$35 = _v$35);
5152
- _v$36 !== _p$._v$36 && (_el$82.disabled = _p$._v$36 = _v$36);
5151
+ `, _v$37 = queryStatus() === "pending";
5152
+ _v$35 !== _p$._v$35 && className(_el$79, _p$._v$35 = _v$35);
5153
+ _v$36 !== _p$._v$36 && className(_el$80, _p$._v$36 = _v$36);
5154
+ _v$37 !== _p$._v$37 && (_el$82.disabled = _p$._v$37 = _v$37);
5153
5155
  return _p$;
5154
5156
  }, {
5155
- _v$34: void 0,
5156
5157
  _v$35: void 0,
5157
- _v$36: void 0
5158
+ _v$36: void 0,
5159
+ _v$37: void 0
5158
5160
  });
5159
5161
  return _el$79;
5160
5162
  }
@@ -5177,7 +5179,7 @@ var QueryDetails = () => {
5177
5179
  }
5178
5180
  }));
5179
5181
  createRenderEffect((_p$) => {
5180
- const _v$37 = styles.detailsContainer, _v$38 = styles.detailsHeader, _v$39 = styles.detailsBody, _v$40 = cx(styles.queryDetailsStatus, color() === "gray" ? css`
5182
+ const _v$38 = styles.detailsContainer, _v$39 = styles.detailsHeader, _v$40 = styles.detailsBody, _v$41 = cx(styles.queryDetailsStatus, color() === "gray" ? css`
5181
5183
  background-color: ${tokens.colors[color()][700]};
5182
5184
  color: ${tokens.colors[color()][300]};
5183
5185
  border-color: ${tokens.colors[color()][600]};
@@ -5185,44 +5187,45 @@ var QueryDetails = () => {
5185
5187
  background-color: ${tokens.colors[color()][900]};
5186
5188
  color: ${tokens.colors[color()][300]};
5187
5189
  border-color: ${tokens.colors[color()][600]};
5188
- `), _v$41 = styles.detailsHeader, _v$42 = styles.actionsBody, _v$43 = css`
5190
+ `), _v$42 = styles.detailsHeader, _v$43 = styles.actionsBody, _v$44 = css`
5189
5191
  color: ${tokens.colors.blue[400]};
5190
- `, _v$44 = statusLabel() === "fetching", _v$45 = css`
5192
+ `, _v$45 = statusLabel() === "fetching", _v$46 = css`
5191
5193
  background-color: ${tokens.colors.blue[400]};
5192
- `, _v$46 = css`
5194
+ `, _v$47 = css`
5193
5195
  color: ${tokens.colors.yellow[400]};
5194
- `, _v$47 = css`
5196
+ `, _v$48 = queryStatus() === "pending", _v$49 = css`
5195
5197
  background-color: ${tokens.colors.yellow[400]};
5196
- `, _v$48 = css`
5198
+ `, _v$50 = css`
5197
5199
  color: ${tokens.colors.gray[300]};
5198
- `, _v$49 = css`
5200
+ `, _v$51 = queryStatus() === "pending", _v$52 = css`
5199
5201
  background-color: ${tokens.colors.gray[400]};
5200
- `, _v$50 = css`
5202
+ `, _v$53 = css`
5201
5203
  color: ${tokens.colors.cyan[400]};
5202
- `, _v$51 = restoringLoading(), _v$52 = css`
5204
+ `, _v$54 = restoringLoading(), _v$55 = css`
5203
5205
  background-color: ${tokens.colors.cyan[400]};
5204
- `, _v$53 = styles.detailsHeader, _v$54 = styles.detailsHeader;
5205
- _v$37 !== _p$._v$37 && className(_el$52, _p$._v$37 = _v$37);
5206
- _v$38 !== _p$._v$38 && className(_el$53, _p$._v$38 = _v$38);
5207
- _v$39 !== _p$._v$39 && className(_el$54, _p$._v$39 = _v$39);
5208
- _v$40 !== _p$._v$40 && className(_el$58, _p$._v$40 = _v$40);
5209
- _v$41 !== _p$._v$41 && className(_el$65, _p$._v$41 = _v$41);
5210
- _v$42 !== _p$._v$42 && className(_el$66, _p$._v$42 = _v$42);
5211
- _v$43 !== _p$._v$43 && className(_el$67, _p$._v$43 = _v$43);
5212
- _v$44 !== _p$._v$44 && (_el$67.disabled = _p$._v$44 = _v$44);
5213
- _v$45 !== _p$._v$45 && className(_el$68, _p$._v$45 = _v$45);
5214
- _v$46 !== _p$._v$46 && className(_el$69, _p$._v$46 = _v$46);
5215
- _v$47 !== _p$._v$47 && className(_el$70, _p$._v$47 = _v$47);
5216
- _v$48 !== _p$._v$48 && className(_el$71, _p$._v$48 = _v$48);
5217
- _v$49 !== _p$._v$49 && className(_el$72, _p$._v$49 = _v$49);
5218
- _v$50 !== _p$._v$50 && className(_el$73, _p$._v$50 = _v$50);
5219
- _v$51 !== _p$._v$51 && (_el$73.disabled = _p$._v$51 = _v$51);
5220
- _v$52 !== _p$._v$52 && className(_el$74, _p$._v$52 = _v$52);
5221
- _v$53 !== _p$._v$53 && className(_el$84, _p$._v$53 = _v$53);
5222
- _v$54 !== _p$._v$54 && className(_el$86, _p$._v$54 = _v$54);
5206
+ `, _v$56 = styles.detailsHeader, _v$57 = styles.detailsHeader;
5207
+ _v$38 !== _p$._v$38 && className(_el$52, _p$._v$38 = _v$38);
5208
+ _v$39 !== _p$._v$39 && className(_el$53, _p$._v$39 = _v$39);
5209
+ _v$40 !== _p$._v$40 && className(_el$54, _p$._v$40 = _v$40);
5210
+ _v$41 !== _p$._v$41 && className(_el$58, _p$._v$41 = _v$41);
5211
+ _v$42 !== _p$._v$42 && className(_el$65, _p$._v$42 = _v$42);
5212
+ _v$43 !== _p$._v$43 && className(_el$66, _p$._v$43 = _v$43);
5213
+ _v$44 !== _p$._v$44 && className(_el$67, _p$._v$44 = _v$44);
5214
+ _v$45 !== _p$._v$45 && (_el$67.disabled = _p$._v$45 = _v$45);
5215
+ _v$46 !== _p$._v$46 && className(_el$68, _p$._v$46 = _v$46);
5216
+ _v$47 !== _p$._v$47 && className(_el$69, _p$._v$47 = _v$47);
5217
+ _v$48 !== _p$._v$48 && (_el$69.disabled = _p$._v$48 = _v$48);
5218
+ _v$49 !== _p$._v$49 && className(_el$70, _p$._v$49 = _v$49);
5219
+ _v$50 !== _p$._v$50 && className(_el$71, _p$._v$50 = _v$50);
5220
+ _v$51 !== _p$._v$51 && (_el$71.disabled = _p$._v$51 = _v$51);
5221
+ _v$52 !== _p$._v$52 && className(_el$72, _p$._v$52 = _v$52);
5222
+ _v$53 !== _p$._v$53 && className(_el$73, _p$._v$53 = _v$53);
5223
+ _v$54 !== _p$._v$54 && (_el$73.disabled = _p$._v$54 = _v$54);
5224
+ _v$55 !== _p$._v$55 && className(_el$74, _p$._v$55 = _v$55);
5225
+ _v$56 !== _p$._v$56 && className(_el$84, _p$._v$56 = _v$56);
5226
+ _v$57 !== _p$._v$57 && className(_el$86, _p$._v$57 = _v$57);
5223
5227
  return _p$;
5224
5228
  }, {
5225
- _v$37: void 0,
5226
5229
  _v$38: void 0,
5227
5230
  _v$39: void 0,
5228
5231
  _v$40: void 0,
@@ -5239,7 +5242,10 @@ var QueryDetails = () => {
5239
5242
  _v$51: void 0,
5240
5243
  _v$52: void 0,
5241
5244
  _v$53: void 0,
5242
- _v$54: void 0
5245
+ _v$54: void 0,
5246
+ _v$55: void 0,
5247
+ _v$56: void 0,
5248
+ _v$57: void 0
5243
5249
  });
5244
5250
  return _el$52;
5245
5251
  }
package/build/Devtools/{PI4AXB4J.jsx → PS2NMF43.jsx} RENAMED
@@ -5758,6 +5758,7 @@ var QueryDetails = () => {
5758
5758
  color: ${tokens.colors.yellow[400]};
5759
5759
  `}
5760
5760
  onClick={() => queryClient.invalidateQueries(activeQuery())}
5761
+ disabled={queryStatus() === "pending"}
5761
5762
  >
5762
5763
  <span
5763
5764
  class={css`
@@ -5771,6 +5772,7 @@ var QueryDetails = () => {
5771
5772
  color: ${tokens.colors.gray[300]};
5772
5773
  `}
5773
5774
  onClick={() => queryClient.resetQueries(activeQuery())}
5775
+ disabled={queryStatus() === "pending"}
5774
5776
  >
5775
5777
  <span
5776
5778
  class={css`
@@ -5818,7 +5820,7 @@ var QueryDetails = () => {
5818
5820
  background-color: ${tokens.colors.cyan[400]};
5819
5821
  `}
5820
5822
  />
5821
- {statusLabel() === "fetching" ? "Restore" : "Trigger"}
5823
+ {queryStatus() === "pending" ? "Restore" : "Trigger"}
5822
5824
  {" Loading"}
5823
5825
  </button>
5824
5826
  <Show when={errorTypes().length === 0 || queryStatus() === "error"}><button
@@ -5832,6 +5834,7 @@ var QueryDetails = () => {
5832
5834
  queryClient.resetQueries(activeQuery());
5833
5835
  }
5834
5836
  }}
5837
+ disabled={queryStatus() === "pending"}
5835
5838
  >
5836
5839
  <span
5837
5840
  class={css`
package/build/dev.cjs CHANGED
@@ -7115,7 +7115,7 @@ var init_Devtools = __esm({
7115
7115
  });
7116
7116
  }
7117
7117
  };
7118
- insert(_el$73, () => statusLabel() === "fetching" ? "Restore" : "Trigger", _el$75);
7118
+ insert(_el$73, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$75);
7119
7119
  insert(_el$66, createComponent(Show, {
7120
7120
  get when() {
7121
7121
  return errorTypes().length === 0 || queryStatus() === "error";
@@ -7133,15 +7133,17 @@ var init_Devtools = __esm({
7133
7133
  createRenderEffect((_p$) => {
7134
7134
  const _v$32 = css`
7135
7135
  color: ${tokens.colors.red[400]};
7136
- `, _v$33 = css`
7136
+ `, _v$33 = queryStatus() === "pending", _v$34 = css`
7137
7137
  background-color: ${tokens.colors.red[400]};
7138
7138
  `;
7139
7139
  _v$32 !== _p$._v$32 && className(_el$76, _p$._v$32 = _v$32);
7140
- _v$33 !== _p$._v$33 && className(_el$77, _p$._v$33 = _v$33);
7140
+ _v$33 !== _p$._v$33 && (_el$76.disabled = _p$._v$33 = _v$33);
7141
+ _v$34 !== _p$._v$34 && className(_el$77, _p$._v$34 = _v$34);
7141
7142
  return _p$;
7142
7143
  }, {
7143
7144
  _v$32: void 0,
7144
- _v$33: void 0
7145
+ _v$33: void 0,
7146
+ _v$34: void 0
7145
7147
  });
7146
7148
  return _el$76;
7147
7149
  }
@@ -7169,17 +7171,17 @@ var init_Devtools = __esm({
7169
7171
  }), null);
7170
7172
  insert(_el$79, createComponent(ChevronDown, {}), null);
7171
7173
  createRenderEffect((_p$) => {
7172
- const _v$34 = styles.actionsSelect, _v$35 = css`
7174
+ const _v$35 = styles.actionsSelect, _v$36 = css`
7173
7175
  background-color: ${tokens.colors.red[400]};
7174
- `, _v$36 = queryStatus() === "pending";
7175
- _v$34 !== _p$._v$34 && className(_el$79, _p$._v$34 = _v$34);
7176
- _v$35 !== _p$._v$35 && className(_el$80, _p$._v$35 = _v$35);
7177
- _v$36 !== _p$._v$36 && (_el$82.disabled = _p$._v$36 = _v$36);
7176
+ `, _v$37 = queryStatus() === "pending";
7177
+ _v$35 !== _p$._v$35 && className(_el$79, _p$._v$35 = _v$35);
7178
+ _v$36 !== _p$._v$36 && className(_el$80, _p$._v$36 = _v$36);
7179
+ _v$37 !== _p$._v$37 && (_el$82.disabled = _p$._v$37 = _v$37);
7178
7180
  return _p$;
7179
7181
  }, {
7180
- _v$34: void 0,
7181
7182
  _v$35: void 0,
7182
- _v$36: void 0
7183
+ _v$36: void 0,
7184
+ _v$37: void 0
7183
7185
  });
7184
7186
  return _el$79;
7185
7187
  }
@@ -7202,7 +7204,7 @@ var init_Devtools = __esm({
7202
7204
  }
7203
7205
  }));
7204
7206
  createRenderEffect((_p$) => {
7205
- const _v$37 = styles.detailsContainer, _v$38 = styles.detailsHeader, _v$39 = styles.detailsBody, _v$40 = cx(styles.queryDetailsStatus, color() === "gray" ? css`
7207
+ const _v$38 = styles.detailsContainer, _v$39 = styles.detailsHeader, _v$40 = styles.detailsBody, _v$41 = cx(styles.queryDetailsStatus, color() === "gray" ? css`
7206
7208
  background-color: ${tokens.colors[color()][700]};
7207
7209
  color: ${tokens.colors[color()][300]};
7208
7210
  border-color: ${tokens.colors[color()][600]};
@@ -7210,44 +7212,45 @@ var init_Devtools = __esm({
7210
7212
  background-color: ${tokens.colors[color()][900]};
7211
7213
  color: ${tokens.colors[color()][300]};
7212
7214
  border-color: ${tokens.colors[color()][600]};
7213
- `), _v$41 = styles.detailsHeader, _v$42 = styles.actionsBody, _v$43 = css`
7215
+ `), _v$42 = styles.detailsHeader, _v$43 = styles.actionsBody, _v$44 = css`
7214
7216
  color: ${tokens.colors.blue[400]};
7215
- `, _v$44 = statusLabel() === "fetching", _v$45 = css`
7217
+ `, _v$45 = statusLabel() === "fetching", _v$46 = css`
7216
7218
  background-color: ${tokens.colors.blue[400]};
7217
- `, _v$46 = css`
7219
+ `, _v$47 = css`
7218
7220
  color: ${tokens.colors.yellow[400]};
7219
- `, _v$47 = css`
7221
+ `, _v$48 = queryStatus() === "pending", _v$49 = css`
7220
7222
  background-color: ${tokens.colors.yellow[400]};
7221
- `, _v$48 = css`
7223
+ `, _v$50 = css`
7222
7224
  color: ${tokens.colors.gray[300]};
7223
- `, _v$49 = css`
7225
+ `, _v$51 = queryStatus() === "pending", _v$52 = css`
7224
7226
  background-color: ${tokens.colors.gray[400]};
7225
- `, _v$50 = css`
7227
+ `, _v$53 = css`
7226
7228
  color: ${tokens.colors.cyan[400]};
7227
- `, _v$51 = restoringLoading(), _v$52 = css`
7229
+ `, _v$54 = restoringLoading(), _v$55 = css`
7228
7230
  background-color: ${tokens.colors.cyan[400]};
7229
- `, _v$53 = styles.detailsHeader, _v$54 = styles.detailsHeader;
7230
- _v$37 !== _p$._v$37 && className(_el$52, _p$._v$37 = _v$37);
7231
- _v$38 !== _p$._v$38 && className(_el$53, _p$._v$38 = _v$38);
7232
- _v$39 !== _p$._v$39 && className(_el$54, _p$._v$39 = _v$39);
7233
- _v$40 !== _p$._v$40 && className(_el$58, _p$._v$40 = _v$40);
7234
- _v$41 !== _p$._v$41 && className(_el$65, _p$._v$41 = _v$41);
7235
- _v$42 !== _p$._v$42 && className(_el$66, _p$._v$42 = _v$42);
7236
- _v$43 !== _p$._v$43 && className(_el$67, _p$._v$43 = _v$43);
7237
- _v$44 !== _p$._v$44 && (_el$67.disabled = _p$._v$44 = _v$44);
7238
- _v$45 !== _p$._v$45 && className(_el$68, _p$._v$45 = _v$45);
7239
- _v$46 !== _p$._v$46 && className(_el$69, _p$._v$46 = _v$46);
7240
- _v$47 !== _p$._v$47 && className(_el$70, _p$._v$47 = _v$47);
7241
- _v$48 !== _p$._v$48 && className(_el$71, _p$._v$48 = _v$48);
7242
- _v$49 !== _p$._v$49 && className(_el$72, _p$._v$49 = _v$49);
7243
- _v$50 !== _p$._v$50 && className(_el$73, _p$._v$50 = _v$50);
7244
- _v$51 !== _p$._v$51 && (_el$73.disabled = _p$._v$51 = _v$51);
7245
- _v$52 !== _p$._v$52 && className(_el$74, _p$._v$52 = _v$52);
7246
- _v$53 !== _p$._v$53 && className(_el$84, _p$._v$53 = _v$53);
7247
- _v$54 !== _p$._v$54 && className(_el$86, _p$._v$54 = _v$54);
7231
+ `, _v$56 = styles.detailsHeader, _v$57 = styles.detailsHeader;
7232
+ _v$38 !== _p$._v$38 && className(_el$52, _p$._v$38 = _v$38);
7233
+ _v$39 !== _p$._v$39 && className(_el$53, _p$._v$39 = _v$39);
7234
+ _v$40 !== _p$._v$40 && className(_el$54, _p$._v$40 = _v$40);
7235
+ _v$41 !== _p$._v$41 && className(_el$58, _p$._v$41 = _v$41);
7236
+ _v$42 !== _p$._v$42 && className(_el$65, _p$._v$42 = _v$42);
7237
+ _v$43 !== _p$._v$43 && className(_el$66, _p$._v$43 = _v$43);
7238
+ _v$44 !== _p$._v$44 && className(_el$67, _p$._v$44 = _v$44);
7239
+ _v$45 !== _p$._v$45 && (_el$67.disabled = _p$._v$45 = _v$45);
7240
+ _v$46 !== _p$._v$46 && className(_el$68, _p$._v$46 = _v$46);
7241
+ _v$47 !== _p$._v$47 && className(_el$69, _p$._v$47 = _v$47);
7242
+ _v$48 !== _p$._v$48 && (_el$69.disabled = _p$._v$48 = _v$48);
7243
+ _v$49 !== _p$._v$49 && className(_el$70, _p$._v$49 = _v$49);
7244
+ _v$50 !== _p$._v$50 && className(_el$71, _p$._v$50 = _v$50);
7245
+ _v$51 !== _p$._v$51 && (_el$71.disabled = _p$._v$51 = _v$51);
7246
+ _v$52 !== _p$._v$52 && className(_el$72, _p$._v$52 = _v$52);
7247
+ _v$53 !== _p$._v$53 && className(_el$73, _p$._v$53 = _v$53);
7248
+ _v$54 !== _p$._v$54 && (_el$73.disabled = _p$._v$54 = _v$54);
7249
+ _v$55 !== _p$._v$55 && className(_el$74, _p$._v$55 = _v$55);
7250
+ _v$56 !== _p$._v$56 && className(_el$84, _p$._v$56 = _v$56);
7251
+ _v$57 !== _p$._v$57 && className(_el$86, _p$._v$57 = _v$57);
7248
7252
  return _p$;
7249
7253
  }, {
7250
- _v$37: void 0,
7251
7254
  _v$38: void 0,
7252
7255
  _v$39: void 0,
7253
7256
  _v$40: void 0,
@@ -7264,7 +7267,10 @@ var init_Devtools = __esm({
7264
7267
  _v$51: void 0,
7265
7268
  _v$52: void 0,
7266
7269
  _v$53: void 0,
7267
- _v$54: void 0
7270
+ _v$54: void 0,
7271
+ _v$55: void 0,
7272
+ _v$56: void 0,
7273
+ _v$57: void 0
7268
7274
  });
7269
7275
  return _el$52;
7270
7276
  }
package/build/dev.js CHANGED
@@ -52,7 +52,7 @@ var TanstackQueryDevtools = class {
52
52
  if (this.Component) {
53
53
  Devtools = this.Component;
54
54
  } else {
55
- Devtools = lazy(() => import('./Devtools/4VMGNIF2.js'));
55
+ Devtools = lazy(() => import('./Devtools/GFOHVLUL.js'));
56
56
  this.Component = Devtools;
57
57
  }
58
58
  const _self$ = this;
package/build/dev.jsx CHANGED
@@ -56,7 +56,7 @@ var TanstackQueryDevtools = class {
56
56
  if (this.Component) {
57
57
  Devtools = this.Component;
58
58
  } else {
59
- Devtools = lazy(() => import("./Devtools/PI4AXB4J.jsx"));
59
+ Devtools = lazy(() => import("./Devtools/PS2NMF43.jsx"));
60
60
  this.Component = Devtools;
61
61
  }
62
62
  return <Devtools
package/build/index.cjs CHANGED
@@ -6939,7 +6939,7 @@ var init_Devtools = __esm({
6939
6939
  });
6940
6940
  }
6941
6941
  };
6942
- insert(_el$73, () => statusLabel() === "fetching" ? "Restore" : "Trigger", _el$75);
6942
+ insert(_el$73, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$75);
6943
6943
  insert(_el$66, createComponent(Show, {
6944
6944
  get when() {
6945
6945
  return errorTypes().length === 0 || queryStatus() === "error";
@@ -6957,15 +6957,17 @@ var init_Devtools = __esm({
6957
6957
  createRenderEffect((_p$) => {
6958
6958
  const _v$32 = css`
6959
6959
  color: ${tokens.colors.red[400]};
6960
- `, _v$33 = css`
6960
+ `, _v$33 = queryStatus() === "pending", _v$34 = css`
6961
6961
  background-color: ${tokens.colors.red[400]};
6962
6962
  `;
6963
6963
  _v$32 !== _p$._v$32 && className(_el$76, _p$._v$32 = _v$32);
6964
- _v$33 !== _p$._v$33 && className(_el$77, _p$._v$33 = _v$33);
6964
+ _v$33 !== _p$._v$33 && (_el$76.disabled = _p$._v$33 = _v$33);
6965
+ _v$34 !== _p$._v$34 && className(_el$77, _p$._v$34 = _v$34);
6965
6966
  return _p$;
6966
6967
  }, {
6967
6968
  _v$32: void 0,
6968
- _v$33: void 0
6969
+ _v$33: void 0,
6970
+ _v$34: void 0
6969
6971
  });
6970
6972
  return _el$76;
6971
6973
  }
@@ -6993,17 +6995,17 @@ var init_Devtools = __esm({
6993
6995
  }), null);
6994
6996
  insert(_el$79, createComponent(ChevronDown, {}), null);
6995
6997
  createRenderEffect((_p$) => {
6996
- const _v$34 = styles.actionsSelect, _v$35 = css`
6998
+ const _v$35 = styles.actionsSelect, _v$36 = css`
6997
6999
  background-color: ${tokens.colors.red[400]};
6998
- `, _v$36 = queryStatus() === "pending";
6999
- _v$34 !== _p$._v$34 && className(_el$79, _p$._v$34 = _v$34);
7000
- _v$35 !== _p$._v$35 && className(_el$80, _p$._v$35 = _v$35);
7001
- _v$36 !== _p$._v$36 && (_el$82.disabled = _p$._v$36 = _v$36);
7000
+ `, _v$37 = queryStatus() === "pending";
7001
+ _v$35 !== _p$._v$35 && className(_el$79, _p$._v$35 = _v$35);
7002
+ _v$36 !== _p$._v$36 && className(_el$80, _p$._v$36 = _v$36);
7003
+ _v$37 !== _p$._v$37 && (_el$82.disabled = _p$._v$37 = _v$37);
7002
7004
  return _p$;
7003
7005
  }, {
7004
- _v$34: void 0,
7005
7006
  _v$35: void 0,
7006
- _v$36: void 0
7007
+ _v$36: void 0,
7008
+ _v$37: void 0
7007
7009
  });
7008
7010
  return _el$79;
7009
7011
  }
@@ -7026,7 +7028,7 @@ var init_Devtools = __esm({
7026
7028
  }
7027
7029
  }));
7028
7030
  createRenderEffect((_p$) => {
7029
- const _v$37 = styles.detailsContainer, _v$38 = styles.detailsHeader, _v$39 = styles.detailsBody, _v$40 = cx(styles.queryDetailsStatus, color() === "gray" ? css`
7031
+ const _v$38 = styles.detailsContainer, _v$39 = styles.detailsHeader, _v$40 = styles.detailsBody, _v$41 = cx(styles.queryDetailsStatus, color() === "gray" ? css`
7030
7032
  background-color: ${tokens.colors[color()][700]};
7031
7033
  color: ${tokens.colors[color()][300]};
7032
7034
  border-color: ${tokens.colors[color()][600]};
@@ -7034,44 +7036,45 @@ var init_Devtools = __esm({
7034
7036
  background-color: ${tokens.colors[color()][900]};
7035
7037
  color: ${tokens.colors[color()][300]};
7036
7038
  border-color: ${tokens.colors[color()][600]};
7037
- `), _v$41 = styles.detailsHeader, _v$42 = styles.actionsBody, _v$43 = css`
7039
+ `), _v$42 = styles.detailsHeader, _v$43 = styles.actionsBody, _v$44 = css`
7038
7040
  color: ${tokens.colors.blue[400]};
7039
- `, _v$44 = statusLabel() === "fetching", _v$45 = css`
7041
+ `, _v$45 = statusLabel() === "fetching", _v$46 = css`
7040
7042
  background-color: ${tokens.colors.blue[400]};
7041
- `, _v$46 = css`
7043
+ `, _v$47 = css`
7042
7044
  color: ${tokens.colors.yellow[400]};
7043
- `, _v$47 = css`
7045
+ `, _v$48 = queryStatus() === "pending", _v$49 = css`
7044
7046
  background-color: ${tokens.colors.yellow[400]};
7045
- `, _v$48 = css`
7047
+ `, _v$50 = css`
7046
7048
  color: ${tokens.colors.gray[300]};
7047
- `, _v$49 = css`
7049
+ `, _v$51 = queryStatus() === "pending", _v$52 = css`
7048
7050
  background-color: ${tokens.colors.gray[400]};
7049
- `, _v$50 = css`
7051
+ `, _v$53 = css`
7050
7052
  color: ${tokens.colors.cyan[400]};
7051
- `, _v$51 = restoringLoading(), _v$52 = css`
7053
+ `, _v$54 = restoringLoading(), _v$55 = css`
7052
7054
  background-color: ${tokens.colors.cyan[400]};
7053
- `, _v$53 = styles.detailsHeader, _v$54 = styles.detailsHeader;
7054
- _v$37 !== _p$._v$37 && className(_el$52, _p$._v$37 = _v$37);
7055
- _v$38 !== _p$._v$38 && className(_el$53, _p$._v$38 = _v$38);
7056
- _v$39 !== _p$._v$39 && className(_el$54, _p$._v$39 = _v$39);
7057
- _v$40 !== _p$._v$40 && className(_el$58, _p$._v$40 = _v$40);
7058
- _v$41 !== _p$._v$41 && className(_el$65, _p$._v$41 = _v$41);
7059
- _v$42 !== _p$._v$42 && className(_el$66, _p$._v$42 = _v$42);
7060
- _v$43 !== _p$._v$43 && className(_el$67, _p$._v$43 = _v$43);
7061
- _v$44 !== _p$._v$44 && (_el$67.disabled = _p$._v$44 = _v$44);
7062
- _v$45 !== _p$._v$45 && className(_el$68, _p$._v$45 = _v$45);
7063
- _v$46 !== _p$._v$46 && className(_el$69, _p$._v$46 = _v$46);
7064
- _v$47 !== _p$._v$47 && className(_el$70, _p$._v$47 = _v$47);
7065
- _v$48 !== _p$._v$48 && className(_el$71, _p$._v$48 = _v$48);
7066
- _v$49 !== _p$._v$49 && className(_el$72, _p$._v$49 = _v$49);
7067
- _v$50 !== _p$._v$50 && className(_el$73, _p$._v$50 = _v$50);
7068
- _v$51 !== _p$._v$51 && (_el$73.disabled = _p$._v$51 = _v$51);
7069
- _v$52 !== _p$._v$52 && className(_el$74, _p$._v$52 = _v$52);
7070
- _v$53 !== _p$._v$53 && className(_el$84, _p$._v$53 = _v$53);
7071
- _v$54 !== _p$._v$54 && className(_el$86, _p$._v$54 = _v$54);
7055
+ `, _v$56 = styles.detailsHeader, _v$57 = styles.detailsHeader;
7056
+ _v$38 !== _p$._v$38 && className(_el$52, _p$._v$38 = _v$38);
7057
+ _v$39 !== _p$._v$39 && className(_el$53, _p$._v$39 = _v$39);
7058
+ _v$40 !== _p$._v$40 && className(_el$54, _p$._v$40 = _v$40);
7059
+ _v$41 !== _p$._v$41 && className(_el$58, _p$._v$41 = _v$41);
7060
+ _v$42 !== _p$._v$42 && className(_el$65, _p$._v$42 = _v$42);
7061
+ _v$43 !== _p$._v$43 && className(_el$66, _p$._v$43 = _v$43);
7062
+ _v$44 !== _p$._v$44 && className(_el$67, _p$._v$44 = _v$44);
7063
+ _v$45 !== _p$._v$45 && (_el$67.disabled = _p$._v$45 = _v$45);
7064
+ _v$46 !== _p$._v$46 && className(_el$68, _p$._v$46 = _v$46);
7065
+ _v$47 !== _p$._v$47 && className(_el$69, _p$._v$47 = _v$47);
7066
+ _v$48 !== _p$._v$48 && (_el$69.disabled = _p$._v$48 = _v$48);
7067
+ _v$49 !== _p$._v$49 && className(_el$70, _p$._v$49 = _v$49);
7068
+ _v$50 !== _p$._v$50 && className(_el$71, _p$._v$50 = _v$50);
7069
+ _v$51 !== _p$._v$51 && (_el$71.disabled = _p$._v$51 = _v$51);
7070
+ _v$52 !== _p$._v$52 && className(_el$72, _p$._v$52 = _v$52);
7071
+ _v$53 !== _p$._v$53 && className(_el$73, _p$._v$53 = _v$53);
7072
+ _v$54 !== _p$._v$54 && (_el$73.disabled = _p$._v$54 = _v$54);
7073
+ _v$55 !== _p$._v$55 && className(_el$74, _p$._v$55 = _v$55);
7074
+ _v$56 !== _p$._v$56 && className(_el$84, _p$._v$56 = _v$56);
7075
+ _v$57 !== _p$._v$57 && className(_el$86, _p$._v$57 = _v$57);
7072
7076
  return _p$;
7073
7077
  }, {
7074
- _v$37: void 0,
7075
7078
  _v$38: void 0,
7076
7079
  _v$39: void 0,
7077
7080
  _v$40: void 0,
@@ -7088,7 +7091,10 @@ var init_Devtools = __esm({
7088
7091
  _v$51: void 0,
7089
7092
  _v$52: void 0,
7090
7093
  _v$53: void 0,
7091
- _v$54: void 0
7094
+ _v$54: void 0,
7095
+ _v$55: void 0,
7096
+ _v$56: void 0,
7097
+ _v$57: void 0
7092
7098
  });
7093
7099
  return _el$52;
7094
7100
  }
package/build/index.js CHANGED
@@ -52,7 +52,7 @@ var TanstackQueryDevtools = class {
52
52
  if (this.Component) {
53
53
  Devtools = this.Component;
54
54
  } else {
55
- Devtools = lazy(() => import('./Devtools/MUGBGUTD.js'));
55
+ Devtools = lazy(() => import('./Devtools/AO4SNFEU.js'));
56
56
  this.Component = Devtools;
57
57
  }
58
58
  const _self$ = this;
package/build/index.jsx CHANGED
@@ -56,7 +56,7 @@ var TanstackQueryDevtools = class {
56
56
  if (this.Component) {
57
57
  Devtools = this.Component;
58
58
  } else {
59
- Devtools = lazy(() => import("./Devtools/AZTKLNIS.jsx"));
59
+ Devtools = lazy(() => import("./Devtools/AL7POTVF.jsx"));
60
60
  this.Component = Devtools;
61
61
  }
62
62
  return <Devtools
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/query-devtools",
3
- "version": "5.0.0-beta.20",
3
+ "version": "5.0.0-beta.33",
4
4
  "description": "Developer tools to interact with and visualize the TanStack Query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -48,7 +48,7 @@
48
48
  "superjson": "^1.12.4",
49
49
  "tsup-preset-solid": "^2.0.1",
50
50
  "vite-plugin-solid": "^2.7.0",
51
- "@tanstack/query-core": "5.0.0-beta.20"
51
+ "@tanstack/query-core": "5.0.0-beta.31"
52
52
  },
53
53
  "scripts": {
54
54
  "clean": "rimraf ./build && rimraf ./coverage",
package/src/Devtools.tsx CHANGED
@@ -973,6 +973,7 @@ const QueryDetails = () => {
973
973
  color: ${tokens.colors.yellow[400]};
974
974
  `}
975
975
  onClick={() => queryClient.invalidateQueries(activeQuery())}
976
+ disabled={queryStatus() === 'pending'}
976
977
  >
977
978
  <span
978
979
  class={css`
@@ -986,6 +987,7 @@ const QueryDetails = () => {
986
987
  color: ${tokens.colors.gray[300]};
987
988
  `}
988
989
  onClick={() => queryClient.resetQueries(activeQuery())}
990
+ disabled={queryStatus() === 'pending'}
989
991
  >
990
992
  <span
991
993
  class={css`
@@ -1034,7 +1036,7 @@ const QueryDetails = () => {
1034
1036
  background-color: ${tokens.colors.cyan[400]};
1035
1037
  `}
1036
1038
  ></span>
1037
- {statusLabel() === 'fetching' ? 'Restore' : 'Trigger'} Loading
1039
+ {queryStatus() === 'pending' ? 'Restore' : 'Trigger'} Loading
1038
1040
  </button>
1039
1041
  <Show when={errorTypes().length === 0 || queryStatus() === 'error'}>
1040
1042
  <button
@@ -1048,6 +1050,7 @@ const QueryDetails = () => {
1048
1050
  queryClient.resetQueries(activeQuery())
1049
1051
  }
1050
1052
  }}
1053
+ disabled={queryStatus() === 'pending'}
1051
1054
  >
1052
1055
  <span
1053
1056
  class={css`