@tanstack/query-devtools 5.0.0-beta.14 → 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.
- package/build/Devtools/{AZTKLNIS.jsx → AL7POTVF.jsx} +4 -1
- package/build/Devtools/{MUGBGUTD.js → AO4SNFEU.js} +47 -41
- package/build/Devtools/{4VMGNIF2.js → GFOHVLUL.js} +47 -41
- package/build/Devtools/{PI4AXB4J.jsx → PS2NMF43.jsx} +4 -1
- package/build/dev.cjs +47 -41
- package/build/dev.js +1 -1
- package/build/dev.jsx +1 -1
- package/build/index.cjs +47 -41
- package/build/index.d.cts +3 -3
- package/build/index.d.ts +3 -3
- package/build/index.js +1 -1
- package/build/index.jsx +1 -1
- package/package.json +2 -2
- package/src/Context.ts +1 -1
- package/src/Devtools.tsx +4 -1
- package/src/Explorer.tsx +5 -5
- package/src/index.tsx +2 -2
|
@@ -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
|
-
{
|
|
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`
|
|
@@ -4907,7 +4907,7 @@ var QueryDetails = () => {
|
|
|
4907
4907
|
});
|
|
4908
4908
|
}
|
|
4909
4909
|
};
|
|
4910
|
-
insert(_el$73, () =>
|
|
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 &&
|
|
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$
|
|
4966
|
+
const _v$35 = styles.actionsSelect, _v$36 = css`
|
|
4965
4967
|
background-color: ${tokens.colors.red[400]};
|
|
4966
|
-
`, _v$
|
|
4967
|
-
_v$
|
|
4968
|
-
_v$
|
|
4969
|
-
_v$
|
|
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$
|
|
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$
|
|
5007
|
+
`), _v$42 = styles.detailsHeader, _v$43 = styles.actionsBody, _v$44 = css`
|
|
5006
5008
|
color: ${tokens.colors.blue[400]};
|
|
5007
|
-
`, _v$
|
|
5009
|
+
`, _v$45 = statusLabel() === "fetching", _v$46 = css`
|
|
5008
5010
|
background-color: ${tokens.colors.blue[400]};
|
|
5009
|
-
`, _v$
|
|
5011
|
+
`, _v$47 = css`
|
|
5010
5012
|
color: ${tokens.colors.yellow[400]};
|
|
5011
|
-
`, _v$
|
|
5013
|
+
`, _v$48 = queryStatus() === "pending", _v$49 = css`
|
|
5012
5014
|
background-color: ${tokens.colors.yellow[400]};
|
|
5013
|
-
`, _v$
|
|
5015
|
+
`, _v$50 = css`
|
|
5014
5016
|
color: ${tokens.colors.gray[300]};
|
|
5015
|
-
`, _v$
|
|
5017
|
+
`, _v$51 = queryStatus() === "pending", _v$52 = css`
|
|
5016
5018
|
background-color: ${tokens.colors.gray[400]};
|
|
5017
|
-
`, _v$
|
|
5019
|
+
`, _v$53 = css`
|
|
5018
5020
|
color: ${tokens.colors.cyan[400]};
|
|
5019
|
-
`, _v$
|
|
5021
|
+
`, _v$54 = restoringLoading(), _v$55 = css`
|
|
5020
5022
|
background-color: ${tokens.colors.cyan[400]};
|
|
5021
|
-
`, _v$
|
|
5022
|
-
_v$
|
|
5023
|
-
_v$
|
|
5024
|
-
_v$
|
|
5025
|
-
_v$
|
|
5026
|
-
_v$
|
|
5027
|
-
_v$
|
|
5028
|
-
_v$
|
|
5029
|
-
_v$
|
|
5030
|
-
_v$
|
|
5031
|
-
_v$
|
|
5032
|
-
_v$
|
|
5033
|
-
_v$
|
|
5034
|
-
_v$
|
|
5035
|
-
_v$
|
|
5036
|
-
_v$
|
|
5037
|
-
_v$
|
|
5038
|
-
_v$
|
|
5039
|
-
_v$
|
|
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
|
}
|
|
@@ -5090,7 +5090,7 @@ var QueryDetails = () => {
|
|
|
5090
5090
|
});
|
|
5091
5091
|
}
|
|
5092
5092
|
};
|
|
5093
|
-
insert(_el$73, () =>
|
|
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 &&
|
|
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$
|
|
5149
|
+
const _v$35 = styles.actionsSelect, _v$36 = css`
|
|
5148
5150
|
background-color: ${tokens.colors.red[400]};
|
|
5149
|
-
`, _v$
|
|
5150
|
-
_v$
|
|
5151
|
-
_v$
|
|
5152
|
-
_v$
|
|
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$
|
|
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$
|
|
5190
|
+
`), _v$42 = styles.detailsHeader, _v$43 = styles.actionsBody, _v$44 = css`
|
|
5189
5191
|
color: ${tokens.colors.blue[400]};
|
|
5190
|
-
`, _v$
|
|
5192
|
+
`, _v$45 = statusLabel() === "fetching", _v$46 = css`
|
|
5191
5193
|
background-color: ${tokens.colors.blue[400]};
|
|
5192
|
-
`, _v$
|
|
5194
|
+
`, _v$47 = css`
|
|
5193
5195
|
color: ${tokens.colors.yellow[400]};
|
|
5194
|
-
`, _v$
|
|
5196
|
+
`, _v$48 = queryStatus() === "pending", _v$49 = css`
|
|
5195
5197
|
background-color: ${tokens.colors.yellow[400]};
|
|
5196
|
-
`, _v$
|
|
5198
|
+
`, _v$50 = css`
|
|
5197
5199
|
color: ${tokens.colors.gray[300]};
|
|
5198
|
-
`, _v$
|
|
5200
|
+
`, _v$51 = queryStatus() === "pending", _v$52 = css`
|
|
5199
5201
|
background-color: ${tokens.colors.gray[400]};
|
|
5200
|
-
`, _v$
|
|
5202
|
+
`, _v$53 = css`
|
|
5201
5203
|
color: ${tokens.colors.cyan[400]};
|
|
5202
|
-
`, _v$
|
|
5204
|
+
`, _v$54 = restoringLoading(), _v$55 = css`
|
|
5203
5205
|
background-color: ${tokens.colors.cyan[400]};
|
|
5204
|
-
`, _v$
|
|
5205
|
-
_v$
|
|
5206
|
-
_v$
|
|
5207
|
-
_v$
|
|
5208
|
-
_v$
|
|
5209
|
-
_v$
|
|
5210
|
-
_v$
|
|
5211
|
-
_v$
|
|
5212
|
-
_v$
|
|
5213
|
-
_v$
|
|
5214
|
-
_v$
|
|
5215
|
-
_v$
|
|
5216
|
-
_v$
|
|
5217
|
-
_v$
|
|
5218
|
-
_v$
|
|
5219
|
-
_v$
|
|
5220
|
-
_v$
|
|
5221
|
-
_v$
|
|
5222
|
-
_v$
|
|
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
|
}
|
|
@@ -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
|
-
{
|
|
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, () =>
|
|
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 &&
|
|
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$
|
|
7174
|
+
const _v$35 = styles.actionsSelect, _v$36 = css`
|
|
7173
7175
|
background-color: ${tokens.colors.red[400]};
|
|
7174
|
-
`, _v$
|
|
7175
|
-
_v$
|
|
7176
|
-
_v$
|
|
7177
|
-
_v$
|
|
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$
|
|
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$
|
|
7215
|
+
`), _v$42 = styles.detailsHeader, _v$43 = styles.actionsBody, _v$44 = css`
|
|
7214
7216
|
color: ${tokens.colors.blue[400]};
|
|
7215
|
-
`, _v$
|
|
7217
|
+
`, _v$45 = statusLabel() === "fetching", _v$46 = css`
|
|
7216
7218
|
background-color: ${tokens.colors.blue[400]};
|
|
7217
|
-
`, _v$
|
|
7219
|
+
`, _v$47 = css`
|
|
7218
7220
|
color: ${tokens.colors.yellow[400]};
|
|
7219
|
-
`, _v$
|
|
7221
|
+
`, _v$48 = queryStatus() === "pending", _v$49 = css`
|
|
7220
7222
|
background-color: ${tokens.colors.yellow[400]};
|
|
7221
|
-
`, _v$
|
|
7223
|
+
`, _v$50 = css`
|
|
7222
7224
|
color: ${tokens.colors.gray[300]};
|
|
7223
|
-
`, _v$
|
|
7225
|
+
`, _v$51 = queryStatus() === "pending", _v$52 = css`
|
|
7224
7226
|
background-color: ${tokens.colors.gray[400]};
|
|
7225
|
-
`, _v$
|
|
7227
|
+
`, _v$53 = css`
|
|
7226
7228
|
color: ${tokens.colors.cyan[400]};
|
|
7227
|
-
`, _v$
|
|
7229
|
+
`, _v$54 = restoringLoading(), _v$55 = css`
|
|
7228
7230
|
background-color: ${tokens.colors.cyan[400]};
|
|
7229
|
-
`, _v$
|
|
7230
|
-
_v$
|
|
7231
|
-
_v$
|
|
7232
|
-
_v$
|
|
7233
|
-
_v$
|
|
7234
|
-
_v$
|
|
7235
|
-
_v$
|
|
7236
|
-
_v$
|
|
7237
|
-
_v$
|
|
7238
|
-
_v$
|
|
7239
|
-
_v$
|
|
7240
|
-
_v$
|
|
7241
|
-
_v$
|
|
7242
|
-
_v$
|
|
7243
|
-
_v$
|
|
7244
|
-
_v$
|
|
7245
|
-
_v$
|
|
7246
|
-
_v$
|
|
7247
|
-
_v$
|
|
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/
|
|
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/
|
|
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, () =>
|
|
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 &&
|
|
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$
|
|
6998
|
+
const _v$35 = styles.actionsSelect, _v$36 = css`
|
|
6997
6999
|
background-color: ${tokens.colors.red[400]};
|
|
6998
|
-
`, _v$
|
|
6999
|
-
_v$
|
|
7000
|
-
_v$
|
|
7001
|
-
_v$
|
|
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$
|
|
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$
|
|
7039
|
+
`), _v$42 = styles.detailsHeader, _v$43 = styles.actionsBody, _v$44 = css`
|
|
7038
7040
|
color: ${tokens.colors.blue[400]};
|
|
7039
|
-
`, _v$
|
|
7041
|
+
`, _v$45 = statusLabel() === "fetching", _v$46 = css`
|
|
7040
7042
|
background-color: ${tokens.colors.blue[400]};
|
|
7041
|
-
`, _v$
|
|
7043
|
+
`, _v$47 = css`
|
|
7042
7044
|
color: ${tokens.colors.yellow[400]};
|
|
7043
|
-
`, _v$
|
|
7045
|
+
`, _v$48 = queryStatus() === "pending", _v$49 = css`
|
|
7044
7046
|
background-color: ${tokens.colors.yellow[400]};
|
|
7045
|
-
`, _v$
|
|
7047
|
+
`, _v$50 = css`
|
|
7046
7048
|
color: ${tokens.colors.gray[300]};
|
|
7047
|
-
`, _v$
|
|
7049
|
+
`, _v$51 = queryStatus() === "pending", _v$52 = css`
|
|
7048
7050
|
background-color: ${tokens.colors.gray[400]};
|
|
7049
|
-
`, _v$
|
|
7051
|
+
`, _v$53 = css`
|
|
7050
7052
|
color: ${tokens.colors.cyan[400]};
|
|
7051
|
-
`, _v$
|
|
7053
|
+
`, _v$54 = restoringLoading(), _v$55 = css`
|
|
7052
7054
|
background-color: ${tokens.colors.cyan[400]};
|
|
7053
|
-
`, _v$
|
|
7054
|
-
_v$
|
|
7055
|
-
_v$
|
|
7056
|
-
_v$
|
|
7057
|
-
_v$
|
|
7058
|
-
_v$
|
|
7059
|
-
_v$
|
|
7060
|
-
_v$
|
|
7061
|
-
_v$
|
|
7062
|
-
_v$
|
|
7063
|
-
_v$
|
|
7064
|
-
_v$
|
|
7065
|
-
_v$
|
|
7066
|
-
_v$
|
|
7067
|
-
_v$
|
|
7068
|
-
_v$
|
|
7069
|
-
_v$
|
|
7070
|
-
_v$
|
|
7071
|
-
_v$
|
|
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.d.cts
CHANGED
|
@@ -23,7 +23,7 @@ interface QueryDevtoolsProps {
|
|
|
23
23
|
buttonPosition?: DevtoolsButtonPosition;
|
|
24
24
|
position?: DevtoolsPosition;
|
|
25
25
|
initialIsOpen?: boolean;
|
|
26
|
-
errorTypes?: DevToolsErrorType
|
|
26
|
+
errorTypes?: Array<DevToolsErrorType>;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
declare const DevtoolsComponent: Component<QueryDevtoolsProps>;
|
|
@@ -39,14 +39,14 @@ declare class TanstackQueryDevtools {
|
|
|
39
39
|
buttonPosition: Signal<DevtoolsButtonPosition | undefined>;
|
|
40
40
|
position: Signal<DevtoolsPosition | undefined>;
|
|
41
41
|
initialIsOpen: Signal<boolean | undefined>;
|
|
42
|
-
errorTypes: Signal<DevToolsErrorType
|
|
42
|
+
errorTypes: Signal<Array<DevToolsErrorType> | undefined>;
|
|
43
43
|
Component: typeof DevtoolsComponent | undefined;
|
|
44
44
|
dispose?: () => void;
|
|
45
45
|
constructor(config: TanstackQueryDevtoolsConfig);
|
|
46
46
|
setButtonPosition(position: DevtoolsButtonPosition): void;
|
|
47
47
|
setPosition(position: DevtoolsPosition): void;
|
|
48
48
|
setInitialIsOpen(isOpen: boolean): void;
|
|
49
|
-
setErrorTypes(errorTypes: DevToolsErrorType
|
|
49
|
+
setErrorTypes(errorTypes: Array<DevToolsErrorType>): void;
|
|
50
50
|
setClient(client: QueryClient): void;
|
|
51
51
|
mount<T extends HTMLElement>(el: T): void;
|
|
52
52
|
unmount(): void;
|
package/build/index.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ interface QueryDevtoolsProps {
|
|
|
23
23
|
buttonPosition?: DevtoolsButtonPosition;
|
|
24
24
|
position?: DevtoolsPosition;
|
|
25
25
|
initialIsOpen?: boolean;
|
|
26
|
-
errorTypes?: DevToolsErrorType
|
|
26
|
+
errorTypes?: Array<DevToolsErrorType>;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
declare const DevtoolsComponent: Component<QueryDevtoolsProps>;
|
|
@@ -39,14 +39,14 @@ declare class TanstackQueryDevtools {
|
|
|
39
39
|
buttonPosition: Signal<DevtoolsButtonPosition | undefined>;
|
|
40
40
|
position: Signal<DevtoolsPosition | undefined>;
|
|
41
41
|
initialIsOpen: Signal<boolean | undefined>;
|
|
42
|
-
errorTypes: Signal<DevToolsErrorType
|
|
42
|
+
errorTypes: Signal<Array<DevToolsErrorType> | undefined>;
|
|
43
43
|
Component: typeof DevtoolsComponent | undefined;
|
|
44
44
|
dispose?: () => void;
|
|
45
45
|
constructor(config: TanstackQueryDevtoolsConfig);
|
|
46
46
|
setButtonPosition(position: DevtoolsButtonPosition): void;
|
|
47
47
|
setPosition(position: DevtoolsPosition): void;
|
|
48
48
|
setInitialIsOpen(isOpen: boolean): void;
|
|
49
|
-
setErrorTypes(errorTypes: DevToolsErrorType
|
|
49
|
+
setErrorTypes(errorTypes: Array<DevToolsErrorType>): void;
|
|
50
50
|
setClient(client: QueryClient): void;
|
|
51
51
|
mount<T extends HTMLElement>(el: T): void;
|
|
52
52
|
unmount(): void;
|
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/
|
|
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/
|
|
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.
|
|
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.
|
|
51
|
+
"@tanstack/query-core": "5.0.0-beta.31"
|
|
52
52
|
},
|
|
53
53
|
"scripts": {
|
|
54
54
|
"clean": "rimraf ./build && rimraf ./coverage",
|
package/src/Context.ts
CHANGED
|
@@ -26,7 +26,7 @@ export interface QueryDevtoolsProps {
|
|
|
26
26
|
buttonPosition?: DevtoolsButtonPosition
|
|
27
27
|
position?: DevtoolsPosition
|
|
28
28
|
initialIsOpen?: boolean
|
|
29
|
-
errorTypes?: DevToolsErrorType
|
|
29
|
+
errorTypes?: Array<DevToolsErrorType>
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
export const QueryDevtoolsContext = createContext<QueryDevtoolsProps>({
|
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
|
-
{
|
|
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`
|
package/src/Explorer.tsx
CHANGED
|
@@ -16,12 +16,12 @@ import { CopiedCopier, Copier, ErrorCopier } from './icons'
|
|
|
16
16
|
* chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]
|
|
17
17
|
*/
|
|
18
18
|
export function chunkArray<T extends { label: string; value: unknown }>(
|
|
19
|
-
array: T
|
|
19
|
+
array: Array<T>,
|
|
20
20
|
size: number,
|
|
21
|
-
): T
|
|
21
|
+
): Array<Array<T>> {
|
|
22
22
|
if (size < 1) return []
|
|
23
23
|
let i = 0
|
|
24
|
-
const result: T
|
|
24
|
+
const result: Array<Array<T>> = []
|
|
25
25
|
while (i < array.length) {
|
|
26
26
|
result.push(array.slice(i, i + size))
|
|
27
27
|
i = i + size
|
|
@@ -115,7 +115,7 @@ type ExplorerProps = {
|
|
|
115
115
|
copyable?: boolean
|
|
116
116
|
label: string
|
|
117
117
|
value: unknown
|
|
118
|
-
defaultExpanded?: string
|
|
118
|
+
defaultExpanded?: Array<string>
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
function isIterable(x: any): x is Iterable<unknown> {
|
|
@@ -129,7 +129,7 @@ export default function Explorer(props: ExplorerProps) {
|
|
|
129
129
|
(props.defaultExpanded || []).includes(props.label),
|
|
130
130
|
)
|
|
131
131
|
const toggleExpanded = () => setExpanded((old) => !old)
|
|
132
|
-
const [expandedPages, setExpandedPages] = createSignal<number
|
|
132
|
+
const [expandedPages, setExpandedPages] = createSignal<Array<number>>([])
|
|
133
133
|
|
|
134
134
|
const subEntries = createMemo(() => {
|
|
135
135
|
if (Array.isArray(props.value)) {
|
package/src/index.tsx
CHANGED
|
@@ -25,7 +25,7 @@ class TanstackQueryDevtools {
|
|
|
25
25
|
buttonPosition: Signal<DevtoolsButtonPosition | undefined>
|
|
26
26
|
position: Signal<DevtoolsPosition | undefined>
|
|
27
27
|
initialIsOpen: Signal<boolean | undefined>
|
|
28
|
-
errorTypes: Signal<DevToolsErrorType
|
|
28
|
+
errorTypes: Signal<Array<DevToolsErrorType> | undefined>
|
|
29
29
|
Component: typeof DevtoolsComponent | undefined
|
|
30
30
|
dispose?: () => void
|
|
31
31
|
|
|
@@ -62,7 +62,7 @@ class TanstackQueryDevtools {
|
|
|
62
62
|
this.initialIsOpen[1](isOpen)
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
setErrorTypes(errorTypes: DevToolsErrorType
|
|
65
|
+
setErrorTypes(errorTypes: Array<DevToolsErrorType>) {
|
|
66
66
|
this.errorTypes[1](errorTypes)
|
|
67
67
|
}
|
|
68
68
|
|