@tanstack/query-devtools 5.21.0 → 5.21.3
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/{NU5BFWH6.js → PZY6I5TR.js} +57 -56
- package/build/Devtools/{4IXB5NHK.js → SUV2KM2F.js} +57 -56
- package/build/Devtools/{2ACMJH2B.jsx → VAJS2OS4.jsx} +3 -0
- package/build/Devtools/{EX35NSIV.jsx → Z62CHOQ7.jsx} +3 -0
- package/build/dev.cjs +58 -57
- package/build/dev.js +1 -1
- package/build/dev.jsx +1 -1
- package/build/index.cjs +58 -57
- package/build/index.js +1 -1
- package/build/index.jsx +1 -1
- package/package.json +2 -2
- package/src/Devtools.tsx +3 -0
|
@@ -9488,33 +9488,34 @@ delegateEvents(["click"]);
|
|
|
9488
9488
|
var _tmpl$24 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">`);
|
|
9489
9489
|
var _tmpl$25 = /* @__PURE__ */ template(`<div>`);
|
|
9490
9490
|
var _tmpl$33 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">`);
|
|
9491
|
-
var _tmpl$43 = /* @__PURE__ */ template(`<select>`);
|
|
9492
|
-
var _tmpl$53 = /* @__PURE__ */ template(`<
|
|
9493
|
-
var _tmpl$63 = /* @__PURE__ */ template(`<span>
|
|
9494
|
-
var _tmpl$73 = /* @__PURE__ */ template(`<
|
|
9495
|
-
var _tmpl$83 = /* @__PURE__ */ template(`<
|
|
9496
|
-
var _tmpl$93 = /* @__PURE__ */ template(`<span>
|
|
9497
|
-
var _tmpl$103 = /* @__PURE__ */ template(`<span>
|
|
9498
|
-
var _tmpl$113 = /* @__PURE__ */ template(`<span>
|
|
9499
|
-
var _tmpl$122 = /* @__PURE__ */ template(`<span>
|
|
9500
|
-
var _tmpl$132 = /* @__PURE__ */ template(`<span>
|
|
9501
|
-
var _tmpl$142 = /* @__PURE__ */ template(`<span>
|
|
9502
|
-
var _tmpl$152 = /* @__PURE__ */ template(`<span>
|
|
9503
|
-
var _tmpl$162 = /* @__PURE__ */ template(`<span>
|
|
9504
|
-
var _tmpl$172 = /* @__PURE__ */ template(`<
|
|
9505
|
-
var _tmpl$182 = /* @__PURE__ */ template(`<div><div class=tsqd-
|
|
9506
|
-
var _tmpl$192 = /* @__PURE__ */ template(`<div><div
|
|
9507
|
-
var _tmpl$202 = /* @__PURE__ */ template(`<
|
|
9508
|
-
var _tmpl$212 = /* @__PURE__ */ template(`<
|
|
9509
|
-
var _tmpl$222 = /* @__PURE__ */ template(`<
|
|
9510
|
-
var _tmpl$232 = /* @__PURE__ */ template(`<div
|
|
9511
|
-
var _tmpl$242 = /* @__PURE__ */ template(`<
|
|
9512
|
-
var _tmpl$252 = /* @__PURE__ */ template(`<
|
|
9513
|
-
var _tmpl$26 = /* @__PURE__ */ template(`<button><span></span
|
|
9514
|
-
var _tmpl$27 = /* @__PURE__ */ template(`<
|
|
9515
|
-
var _tmpl$28 = /* @__PURE__ */ template(`<div><
|
|
9516
|
-
var _tmpl$29 = /* @__PURE__ */ template(`<
|
|
9517
|
-
var _tmpl$30 = /* @__PURE__ */ template(`<
|
|
9491
|
+
var _tmpl$43 = /* @__PURE__ */ template(`<select name=tsqd-queries-filter-sort>`);
|
|
9492
|
+
var _tmpl$53 = /* @__PURE__ */ template(`<select name=tsqd-mutations-filter-sort>`);
|
|
9493
|
+
var _tmpl$63 = /* @__PURE__ */ template(`<span>Asc`);
|
|
9494
|
+
var _tmpl$73 = /* @__PURE__ */ template(`<span>Desc`);
|
|
9495
|
+
var _tmpl$83 = /* @__PURE__ */ template(`<div>Settings`);
|
|
9496
|
+
var _tmpl$93 = /* @__PURE__ */ template(`<span>Position`);
|
|
9497
|
+
var _tmpl$103 = /* @__PURE__ */ template(`<span>Top`);
|
|
9498
|
+
var _tmpl$113 = /* @__PURE__ */ template(`<span>Bottom`);
|
|
9499
|
+
var _tmpl$122 = /* @__PURE__ */ template(`<span>Left`);
|
|
9500
|
+
var _tmpl$132 = /* @__PURE__ */ template(`<span>Right`);
|
|
9501
|
+
var _tmpl$142 = /* @__PURE__ */ template(`<span>Theme`);
|
|
9502
|
+
var _tmpl$152 = /* @__PURE__ */ template(`<span>Light`);
|
|
9503
|
+
var _tmpl$162 = /* @__PURE__ */ template(`<span>Dark`);
|
|
9504
|
+
var _tmpl$172 = /* @__PURE__ */ template(`<span>System`);
|
|
9505
|
+
var _tmpl$182 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
|
|
9506
|
+
var _tmpl$192 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
|
|
9507
|
+
var _tmpl$202 = /* @__PURE__ */ template(`<div><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div></div><div><div><div><input aria-label="Filter queries by query key"type=text placeholder=Filter class=tsqd-query-filter-textfield name=tsqd-query-filter-input></div><div></div><button class=tsqd-query-filter-sort-order-btn></button></div><div><button aria-label="Clear query cache"></button><button>`);
|
|
9508
|
+
var _tmpl$212 = /* @__PURE__ */ template(`<option>Sort by `);
|
|
9509
|
+
var _tmpl$222 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
|
|
9510
|
+
var _tmpl$232 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
|
|
9511
|
+
var _tmpl$242 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
|
|
9512
|
+
var _tmpl$252 = /* @__PURE__ */ template(`<span>`);
|
|
9513
|
+
var _tmpl$26 = /* @__PURE__ */ template(`<button><span></span><span>`);
|
|
9514
|
+
var _tmpl$27 = /* @__PURE__ */ template(`<button><span></span> Error`);
|
|
9515
|
+
var _tmpl$28 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
|
|
9516
|
+
var _tmpl$29 = /* @__PURE__ */ template(`<div><div>Query Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-observers-count><span>Observers:</span><span></span></div><div class=tsqd-query-details-last-updated><span>Last Updated:</span><span></span></div></div><div>Actions</div><div><button><span></span>Refetch</button><button><span></span>Invalidate</button><button><span></span>Reset</button><button><span></span>Remove</button><button><span></span> Loading</button></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer"></div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
|
|
9517
|
+
var _tmpl$30 = /* @__PURE__ */ template(`<option>`);
|
|
9518
|
+
var _tmpl$31 = /* @__PURE__ */ template(`<div><div>Mutation Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-last-updated><span>Submitted At:</span><span></span></div></div><div>Variables Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Context Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Mutations Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
|
|
9518
9519
|
var firstBreakpoint = 1024;
|
|
9519
9520
|
var secondBreakpoint = 796;
|
|
9520
9521
|
var thirdBreakpoint = 700;
|
|
@@ -9861,7 +9862,7 @@ var ContentView = (props) => {
|
|
|
9861
9862
|
el.style.setProperty("--tsqd-font-size", variable);
|
|
9862
9863
|
};
|
|
9863
9864
|
return [(() => {
|
|
9864
|
-
const _el$8 = _tmpl$
|
|
9865
|
+
const _el$8 = _tmpl$202(), _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$9.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$17.nextSibling, _el$22 = _el$19.nextSibling, _el$25 = _el$16.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling;
|
|
9865
9866
|
const _ref$3 = containerRef;
|
|
9866
9867
|
typeof _ref$3 === "function" ? use(_ref$3, _el$8) : containerRef = _el$8;
|
|
9867
9868
|
_el$11.$$click = () => props.setLocalStore("open", "false");
|
|
@@ -9943,7 +9944,7 @@ var ContentView = (props) => {
|
|
|
9943
9944
|
props.setLocalStore("sort", e2.currentTarget.value);
|
|
9944
9945
|
});
|
|
9945
9946
|
insert(_el$20, () => Object.keys(sortFns).map((key) => (() => {
|
|
9946
|
-
const _el$42 = _tmpl$
|
|
9947
|
+
const _el$42 = _tmpl$212(); _el$42.firstChild;
|
|
9947
9948
|
_el$42.value = key;
|
|
9948
9949
|
insert(_el$42, key, null);
|
|
9949
9950
|
return _el$42;
|
|
@@ -9957,12 +9958,12 @@ var ContentView = (props) => {
|
|
|
9957
9958
|
return selectedView() === "mutations";
|
|
9958
9959
|
},
|
|
9959
9960
|
get children() {
|
|
9960
|
-
const _el$21 = _tmpl$
|
|
9961
|
+
const _el$21 = _tmpl$53();
|
|
9961
9962
|
_el$21.addEventListener("change", (e2) => {
|
|
9962
9963
|
props.setLocalStore("mutationSort", e2.currentTarget.value);
|
|
9963
9964
|
});
|
|
9964
9965
|
insert(_el$21, () => Object.keys(mutationSortFns).map((key) => (() => {
|
|
9965
|
-
const _el$44 = _tmpl$
|
|
9966
|
+
const _el$44 = _tmpl$212(); _el$44.firstChild;
|
|
9966
9967
|
_el$44.value = key;
|
|
9967
9968
|
insert(_el$44, key, null);
|
|
9968
9969
|
return _el$44;
|
|
@@ -9984,7 +9985,7 @@ var ContentView = (props) => {
|
|
|
9984
9985
|
return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === 1;
|
|
9985
9986
|
},
|
|
9986
9987
|
get children() {
|
|
9987
|
-
return [_tmpl$
|
|
9988
|
+
return [_tmpl$63(), createComponent(ArrowUp, {})];
|
|
9988
9989
|
}
|
|
9989
9990
|
}), null);
|
|
9990
9991
|
insert(_el$22, createComponent(Show, {
|
|
@@ -9992,7 +9993,7 @@ var ContentView = (props) => {
|
|
|
9992
9993
|
return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1;
|
|
9993
9994
|
},
|
|
9994
9995
|
get children() {
|
|
9995
|
-
return [_tmpl$
|
|
9996
|
+
return [_tmpl$73(), createComponent(ArrowDown, {})];
|
|
9996
9997
|
}
|
|
9997
9998
|
}), null);
|
|
9998
9999
|
_el$26.$$click = () => {
|
|
@@ -10035,7 +10036,7 @@ var ContentView = (props) => {
|
|
|
10035
10036
|
},
|
|
10036
10037
|
get children() {
|
|
10037
10038
|
return [(() => {
|
|
10038
|
-
const _el$28 = _tmpl$
|
|
10039
|
+
const _el$28 = _tmpl$83();
|
|
10039
10040
|
createRenderEffect(() => className(_el$28, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
|
|
10040
10041
|
return _el$28;
|
|
10041
10042
|
})(), createComponent(index$f.Sub, {
|
|
@@ -10048,7 +10049,7 @@ var ContentView = (props) => {
|
|
|
10048
10049
|
return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10049
10050
|
},
|
|
10050
10051
|
get children() {
|
|
10051
|
-
return [_tmpl$
|
|
10052
|
+
return [_tmpl$93(), createComponent(ChevronDown, {})];
|
|
10052
10053
|
}
|
|
10053
10054
|
}), createComponent(index$f.Portal, {
|
|
10054
10055
|
ref: (el) => setComputedVariables(el),
|
|
@@ -10067,7 +10068,7 @@ var ContentView = (props) => {
|
|
|
10067
10068
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10068
10069
|
},
|
|
10069
10070
|
get children() {
|
|
10070
|
-
return [_tmpl$
|
|
10071
|
+
return [_tmpl$103(), createComponent(ArrowUp, {})];
|
|
10071
10072
|
}
|
|
10072
10073
|
}), createComponent(index$f.Item, {
|
|
10073
10074
|
onSelect: () => {
|
|
@@ -10078,7 +10079,7 @@ var ContentView = (props) => {
|
|
|
10078
10079
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10079
10080
|
},
|
|
10080
10081
|
get children() {
|
|
10081
|
-
return [_tmpl$
|
|
10082
|
+
return [_tmpl$113(), createComponent(ArrowDown, {})];
|
|
10082
10083
|
}
|
|
10083
10084
|
}), createComponent(index$f.Item, {
|
|
10084
10085
|
onSelect: () => {
|
|
@@ -10089,7 +10090,7 @@ var ContentView = (props) => {
|
|
|
10089
10090
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10090
10091
|
},
|
|
10091
10092
|
get children() {
|
|
10092
|
-
return [_tmpl$
|
|
10093
|
+
return [_tmpl$122(), createComponent(ArrowLeft, {})];
|
|
10093
10094
|
}
|
|
10094
10095
|
}), createComponent(index$f.Item, {
|
|
10095
10096
|
onSelect: () => {
|
|
@@ -10100,7 +10101,7 @@ var ContentView = (props) => {
|
|
|
10100
10101
|
return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
|
|
10101
10102
|
},
|
|
10102
10103
|
get children() {
|
|
10103
|
-
return [_tmpl$
|
|
10104
|
+
return [_tmpl$132(), createComponent(ArrowRight, {})];
|
|
10104
10105
|
}
|
|
10105
10106
|
})];
|
|
10106
10107
|
}
|
|
@@ -10118,7 +10119,7 @@ var ContentView = (props) => {
|
|
|
10118
10119
|
return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
|
|
10119
10120
|
},
|
|
10120
10121
|
get children() {
|
|
10121
|
-
return [_tmpl$
|
|
10122
|
+
return [_tmpl$142(), createComponent(ChevronDown, {})];
|
|
10122
10123
|
}
|
|
10123
10124
|
}), createComponent(index$f.Portal, {
|
|
10124
10125
|
ref: (el) => setComputedVariables(el),
|
|
@@ -10137,7 +10138,7 @@ var ContentView = (props) => {
|
|
|
10137
10138
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "light" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
|
|
10138
10139
|
},
|
|
10139
10140
|
get children() {
|
|
10140
|
-
return [_tmpl$
|
|
10141
|
+
return [_tmpl$152(), createComponent(Sun, {})];
|
|
10141
10142
|
}
|
|
10142
10143
|
}), createComponent(index$f.Item, {
|
|
10143
10144
|
onSelect: () => {
|
|
@@ -10148,7 +10149,7 @@ var ContentView = (props) => {
|
|
|
10148
10149
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "dark" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
|
|
10149
10150
|
},
|
|
10150
10151
|
get children() {
|
|
10151
|
-
return [_tmpl$
|
|
10152
|
+
return [_tmpl$162(), createComponent(Moon, {})];
|
|
10152
10153
|
}
|
|
10153
10154
|
}), createComponent(index$f.Item, {
|
|
10154
10155
|
onSelect: () => {
|
|
@@ -10159,7 +10160,7 @@ var ContentView = (props) => {
|
|
|
10159
10160
|
return clsx(styles().settingsSubButton, props.localStore.theme_preference === "system" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
|
|
10160
10161
|
},
|
|
10161
10162
|
get children() {
|
|
10162
|
-
return [_tmpl$
|
|
10163
|
+
return [_tmpl$172(), createComponent(Monitor, {})];
|
|
10163
10164
|
}
|
|
10164
10165
|
})];
|
|
10165
10166
|
}
|
|
@@ -10179,7 +10180,7 @@ var ContentView = (props) => {
|
|
|
10179
10180
|
return selectedView() === "queries";
|
|
10180
10181
|
},
|
|
10181
10182
|
get children() {
|
|
10182
|
-
const _el$38 = _tmpl$
|
|
10183
|
+
const _el$38 = _tmpl$182(), _el$39 = _el$38.firstChild;
|
|
10183
10184
|
insert(_el$39, createComponent(Key, {
|
|
10184
10185
|
by: (q) => q.queryHash,
|
|
10185
10186
|
get each() {
|
|
@@ -10200,7 +10201,7 @@ var ContentView = (props) => {
|
|
|
10200
10201
|
return selectedView() === "mutations";
|
|
10201
10202
|
},
|
|
10202
10203
|
get children() {
|
|
10203
|
-
const _el$40 = _tmpl$
|
|
10204
|
+
const _el$40 = _tmpl$192(), _el$41 = _el$40.firstChild;
|
|
10204
10205
|
insert(_el$41, createComponent(Key, {
|
|
10205
10206
|
by: (m) => m.mutationId,
|
|
10206
10207
|
get each() {
|
|
@@ -10327,7 +10328,7 @@ var QueryRow = (props) => {
|
|
|
10327
10328
|
return queryState();
|
|
10328
10329
|
},
|
|
10329
10330
|
get children() {
|
|
10330
|
-
const _el$46 = _tmpl$
|
|
10331
|
+
const _el$46 = _tmpl$232(), _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling;
|
|
10331
10332
|
_el$46.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
|
|
10332
10333
|
insert(_el$47, observers);
|
|
10333
10334
|
insert(_el$48, () => props.query.queryHash);
|
|
@@ -10336,7 +10337,7 @@ var QueryRow = (props) => {
|
|
|
10336
10337
|
return isDisabled();
|
|
10337
10338
|
},
|
|
10338
10339
|
get children() {
|
|
10339
|
-
return _tmpl$
|
|
10340
|
+
return _tmpl$222();
|
|
10340
10341
|
}
|
|
10341
10342
|
}), null);
|
|
10342
10343
|
createRenderEffect((_p$) => {
|
|
@@ -10404,7 +10405,7 @@ var MutationRow = (props) => {
|
|
|
10404
10405
|
return mutationState();
|
|
10405
10406
|
},
|
|
10406
10407
|
get children() {
|
|
10407
|
-
const _el$50 = _tmpl$
|
|
10408
|
+
const _el$50 = _tmpl$232(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
|
|
10408
10409
|
_el$50.$$click = () => {
|
|
10409
10410
|
setSelectedMutationId(props.mutation.mutationId === selectedMutationId() ? null : props.mutation.mutationId);
|
|
10410
10411
|
};
|
|
@@ -10595,7 +10596,7 @@ var QueryStatus = (props) => {
|
|
|
10595
10596
|
return true;
|
|
10596
10597
|
});
|
|
10597
10598
|
return (() => {
|
|
10598
|
-
const _el$55 = _tmpl$
|
|
10599
|
+
const _el$55 = _tmpl$26(), _el$57 = _el$55.firstChild, _el$59 = _el$57.nextSibling;
|
|
10599
10600
|
const _ref$4 = tagRef;
|
|
10600
10601
|
typeof _ref$4 === "function" ? use(_ref$4, _el$55) : tagRef = _el$55;
|
|
10601
10602
|
_el$55.addEventListener("mouseleave", () => {
|
|
@@ -10625,7 +10626,7 @@ var QueryStatus = (props) => {
|
|
|
10625
10626
|
return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
|
|
10626
10627
|
},
|
|
10627
10628
|
get children() {
|
|
10628
|
-
const _el$56 = _tmpl$
|
|
10629
|
+
const _el$56 = _tmpl$242();
|
|
10629
10630
|
insert(_el$56, () => props.label);
|
|
10630
10631
|
createRenderEffect(() => className(_el$56, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
|
|
10631
10632
|
return _el$56;
|
|
@@ -10636,7 +10637,7 @@ var QueryStatus = (props) => {
|
|
|
10636
10637
|
return showLabel();
|
|
10637
10638
|
},
|
|
10638
10639
|
get children() {
|
|
10639
|
-
const _el$58 = _tmpl$
|
|
10640
|
+
const _el$58 = _tmpl$252();
|
|
10640
10641
|
insert(_el$58, () => props.label);
|
|
10641
10642
|
createRenderEffect(() => className(_el$58, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
|
|
10642
10643
|
return _el$58;
|
|
@@ -10746,7 +10747,7 @@ var QueryDetails = () => {
|
|
|
10746
10747
|
return createMemo(() => !!activeQuery())() && activeQueryState();
|
|
10747
10748
|
},
|
|
10748
10749
|
get children() {
|
|
10749
|
-
const _el$60 = _tmpl$
|
|
10750
|
+
const _el$60 = _tmpl$29(), _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.firstChild, _el$66 = _el$64.nextSibling, _el$67 = _el$63.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.nextSibling, _el$70 = _el$67.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling, _el$73 = _el$62.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.firstChild, _el$76 = _el$75.firstChild, _el$77 = _el$75.nextSibling, _el$78 = _el$77.firstChild, _el$79 = _el$77.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$79.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$81.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling, _el$94 = _el$74.nextSibling, _el$95 = _el$94.nextSibling, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling;
|
|
10750
10751
|
insert(_el$65, () => displayValue(activeQuery().queryKey, true));
|
|
10751
10752
|
insert(_el$66, statusLabel);
|
|
10752
10753
|
insert(_el$69, observerCount);
|
|
@@ -10791,7 +10792,7 @@ var QueryDetails = () => {
|
|
|
10791
10792
|
return errorTypes().length === 0 || queryStatus() === "error";
|
|
10792
10793
|
},
|
|
10793
10794
|
get children() {
|
|
10794
|
-
const _el$86 = _tmpl$
|
|
10795
|
+
const _el$86 = _tmpl$27(), _el$87 = _el$86.firstChild, _el$88 = _el$87.nextSibling;
|
|
10795
10796
|
_el$86.$$click = () => {
|
|
10796
10797
|
if (!activeQuery().state.error) {
|
|
10797
10798
|
triggerError();
|
|
@@ -10823,7 +10824,7 @@ var QueryDetails = () => {
|
|
|
10823
10824
|
return !(errorTypes().length === 0 || queryStatus() === "error");
|
|
10824
10825
|
},
|
|
10825
10826
|
get children() {
|
|
10826
|
-
const _el$89 = _tmpl$
|
|
10827
|
+
const _el$89 = _tmpl$28(), _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling, _el$92 = _el$91.nextSibling; _el$92.firstChild;
|
|
10827
10828
|
_el$92.addEventListener("change", (e2) => {
|
|
10828
10829
|
const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
|
|
10829
10830
|
triggerError(errorType);
|
|
@@ -10833,7 +10834,7 @@ var QueryDetails = () => {
|
|
|
10833
10834
|
return errorTypes();
|
|
10834
10835
|
},
|
|
10835
10836
|
children: (errorType) => (() => {
|
|
10836
|
-
const _el$98 = _tmpl$
|
|
10837
|
+
const _el$98 = _tmpl$30();
|
|
10837
10838
|
insert(_el$98, () => errorType.name);
|
|
10838
10839
|
createRenderEffect(() => _el$98.value = errorType.name);
|
|
10839
10840
|
return _el$98;
|
|
@@ -11000,7 +11001,7 @@ var MutationDetails = () => {
|
|
|
11000
11001
|
return activeMutation();
|
|
11001
11002
|
},
|
|
11002
11003
|
get children() {
|
|
11003
|
-
const _el$99 = _tmpl$
|
|
11004
|
+
const _el$99 = _tmpl$31(), _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.firstChild, _el$104 = _el$103.firstChild, _el$105 = _el$103.nextSibling, _el$106 = _el$102.nextSibling, _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling, _el$109 = _el$101.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling;
|
|
11004
11005
|
insert(_el$104, createComponent(Show, {
|
|
11005
11006
|
get when() {
|
|
11006
11007
|
return activeMutation().options.mutationKey;
|
|
@@ -10852,6 +10852,7 @@ var ContentView = (props) => {
|
|
|
10852
10852
|
}
|
|
10853
10853
|
}}
|
|
10854
10854
|
class="tsqd-query-filter-textfield"
|
|
10855
|
+
name="tsqd-query-filter-input"
|
|
10855
10856
|
value={selectedView() === "queries" ? props.localStore.filter || "" : props.localStore.mutationFilter || ""}
|
|
10856
10857
|
/>
|
|
10857
10858
|
</div>
|
|
@@ -10863,6 +10864,7 @@ var ContentView = (props) => {
|
|
|
10863
10864
|
>
|
|
10864
10865
|
<Show when={selectedView() === "queries"}><select
|
|
10865
10866
|
value={sort()}
|
|
10867
|
+
name="tsqd-queries-filter-sort"
|
|
10866
10868
|
onChange={(e2) => {
|
|
10867
10869
|
props.setLocalStore("sort", e2.currentTarget.value);
|
|
10868
10870
|
}}
|
|
@@ -10872,6 +10874,7 @@ var ContentView = (props) => {
|
|
|
10872
10874
|
</option>)}</select></Show>
|
|
10873
10875
|
<Show when={selectedView() === "mutations"}><select
|
|
10874
10876
|
value={mutationSort()}
|
|
10877
|
+
name="tsqd-mutations-filter-sort"
|
|
10875
10878
|
onChange={(e2) => {
|
|
10876
10879
|
props.setLocalStore("mutationSort", e2.currentTarget.value);
|
|
10877
10880
|
}}
|
|
@@ -10853,6 +10853,7 @@ var ContentView = (props) => {
|
|
|
10853
10853
|
}
|
|
10854
10854
|
}}
|
|
10855
10855
|
class="tsqd-query-filter-textfield"
|
|
10856
|
+
name="tsqd-query-filter-input"
|
|
10856
10857
|
value={selectedView() === "queries" ? props.localStore.filter || "" : props.localStore.mutationFilter || ""}
|
|
10857
10858
|
/>
|
|
10858
10859
|
</div>
|
|
@@ -10864,6 +10865,7 @@ var ContentView = (props) => {
|
|
|
10864
10865
|
>
|
|
10865
10866
|
<Show when={selectedView() === "queries"}><select
|
|
10866
10867
|
value={sort()}
|
|
10868
|
+
name="tsqd-queries-filter-sort"
|
|
10867
10869
|
onChange={(e2) => {
|
|
10868
10870
|
props.setLocalStore("sort", e2.currentTarget.value);
|
|
10869
10871
|
}}
|
|
@@ -10873,6 +10875,7 @@ var ContentView = (props) => {
|
|
|
10873
10875
|
</option>)}</select></Show>
|
|
10874
10876
|
<Show when={selectedView() === "mutations"}><select
|
|
10875
10877
|
value={mutationSort()}
|
|
10878
|
+
name="tsqd-mutations-filter-sort"
|
|
10876
10879
|
onChange={(e2) => {
|
|
10877
10880
|
props.setLocalStore("mutationSort", e2.currentTarget.value);
|
|
10878
10881
|
}}
|