@buoy-gg/react-query 7.0.26 → 7.0.27
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/lib/commonjs/react-query/components/DataEditorMode.js +17 -16
- package/lib/commonjs/react-query/components/FilterStatusBadge.js +1 -1
- package/lib/commonjs/react-query/components/MutationBrowserMode.js +4 -3
- package/lib/commonjs/react-query/components/MutationEditorMode.js +51 -34
- package/lib/commonjs/react-query/components/QueryBrowserMode.js +4 -3
- package/lib/commonjs/react-query/components/modals/DataEditorModal.js +10 -1
- package/lib/commonjs/react-query/components/modals/MutationBrowserFooter.js +4 -2
- package/lib/commonjs/react-query/components/modals/MutationBrowserModal.js +10 -1
- package/lib/commonjs/react-query/components/modals/MutationEditorModal.js +17 -1
- package/lib/commonjs/react-query/components/modals/QueryBrowserFooter.js +4 -2
- package/lib/commonjs/react-query/components/modals/QueryBrowserModal.js +12 -2
- package/lib/commonjs/react-query/components/modals/ReactQueryModalHeader.js +10 -10
- package/lib/commonjs/react-query/components/modals/SwipeIndicator.js +4 -4
- package/lib/commonjs/react-query/components/query-browser/ActionButton.js +21 -21
- package/lib/commonjs/react-query/components/query-browser/ClearCacheButton.js +5 -5
- package/lib/commonjs/react-query/components/query-browser/Explorer.js +69 -69
- package/lib/commonjs/react-query/components/query-browser/MutationButton.js +7 -7
- package/lib/commonjs/react-query/components/query-browser/MutationDetails.js +12 -12
- package/lib/commonjs/react-query/components/query-browser/MutationInformation.js +7 -6
- package/lib/commonjs/react-query/components/query-browser/MutationsList.js +15 -11
- package/lib/commonjs/react-query/components/query-browser/QueryActions.js +1 -1
- package/lib/commonjs/react-query/components/query-browser/QueryBrowser.js +5 -4
- package/lib/commonjs/react-query/components/query-browser/QueryDetails.js +12 -12
- package/lib/commonjs/react-query/components/query-browser/QueryInformation.js +5 -4
- package/lib/commonjs/react-query/components/query-browser/QueryStatus.js +22 -16
- package/lib/module/react-query/components/DataEditorMode.js +18 -17
- package/lib/module/react-query/components/FilterStatusBadge.js +2 -2
- package/lib/module/react-query/components/MutationBrowserMode.js +4 -3
- package/lib/module/react-query/components/MutationEditorMode.js +51 -35
- package/lib/module/react-query/components/QueryBrowserMode.js +4 -3
- package/lib/module/react-query/components/modals/DataEditorModal.js +11 -2
- package/lib/module/react-query/components/modals/MutationBrowserFooter.js +5 -3
- package/lib/module/react-query/components/modals/MutationBrowserModal.js +11 -2
- package/lib/module/react-query/components/modals/MutationEditorModal.js +19 -3
- package/lib/module/react-query/components/modals/QueryBrowserFooter.js +5 -3
- package/lib/module/react-query/components/modals/QueryBrowserModal.js +14 -4
- package/lib/module/react-query/components/modals/ReactQueryModalHeader.js +11 -11
- package/lib/module/react-query/components/modals/SwipeIndicator.js +5 -5
- package/lib/module/react-query/components/query-browser/ActionButton.js +22 -22
- package/lib/module/react-query/components/query-browser/ClearCacheButton.js +6 -6
- package/lib/module/react-query/components/query-browser/Explorer.js +70 -70
- package/lib/module/react-query/components/query-browser/MutationButton.js +8 -8
- package/lib/module/react-query/components/query-browser/MutationDetails.js +13 -13
- package/lib/module/react-query/components/query-browser/MutationInformation.js +8 -7
- package/lib/module/react-query/components/query-browser/MutationsList.js +16 -12
- package/lib/module/react-query/components/query-browser/QueryActions.js +2 -2
- package/lib/module/react-query/components/query-browser/QueryBrowser.js +6 -5
- package/lib/module/react-query/components/query-browser/QueryDetails.js +13 -13
- package/lib/module/react-query/components/query-browser/QueryInformation.js +6 -5
- package/lib/module/react-query/components/query-browser/QueryStatus.js +23 -17
- package/lib/typescript/react-query/components/MutationBrowserMode.d.ts.map +1 -1
- package/lib/typescript/react-query/components/MutationEditorMode.d.ts +12 -1
- package/lib/typescript/react-query/components/MutationEditorMode.d.ts.map +1 -1
- package/lib/typescript/react-query/components/QueryBrowserMode.d.ts.map +1 -1
- package/lib/typescript/react-query/components/modals/DataEditorModal.d.ts.map +1 -1
- package/lib/typescript/react-query/components/modals/MutationBrowserFooter.d.ts.map +1 -1
- package/lib/typescript/react-query/components/modals/MutationBrowserModal.d.ts.map +1 -1
- package/lib/typescript/react-query/components/modals/MutationEditorModal.d.ts.map +1 -1
- package/lib/typescript/react-query/components/modals/QueryBrowserModal.d.ts.map +1 -1
- package/lib/typescript/react-query/components/query-browser/QueryStatus.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -5,7 +5,7 @@ import { View, Text, StyleSheet, PanResponder, Animated, Dimensions, FlatList }
|
|
|
5
5
|
import MutationButton from "./MutationButton";
|
|
6
6
|
import MutationInformation from "./MutationInformation";
|
|
7
7
|
import useAllMutations from "../../hooks/useAllMutations";
|
|
8
|
-
import {
|
|
8
|
+
import { night } from "@buoy-gg/shared-ui";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
/**
|
|
11
11
|
* Virtualized list of mutations with filtering and selection support for the mutation browser.
|
|
@@ -154,52 +154,56 @@ export default function MutationsList({
|
|
|
154
154
|
const styles = StyleSheet.create({
|
|
155
155
|
container: {
|
|
156
156
|
flex: 1,
|
|
157
|
-
|
|
157
|
+
// Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
|
|
158
|
+
backgroundColor: "transparent"
|
|
158
159
|
},
|
|
159
160
|
listWrapper: {
|
|
160
161
|
flex: 1
|
|
161
162
|
},
|
|
162
163
|
listContent: {
|
|
163
|
-
|
|
164
|
+
// Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
|
|
165
|
+
backgroundColor: "transparent",
|
|
164
166
|
paddingHorizontal: 8,
|
|
165
167
|
paddingTop: 8
|
|
166
168
|
},
|
|
167
169
|
mutationInfo: {
|
|
168
170
|
borderTopWidth: 1,
|
|
169
|
-
borderTopColor:
|
|
170
|
-
|
|
171
|
+
borderTopColor: night.color.border,
|
|
172
|
+
// Transparent so the night sheet's star field shows through.
|
|
173
|
+
backgroundColor: "transparent"
|
|
171
174
|
},
|
|
172
175
|
dragHandle: {
|
|
173
176
|
height: 20,
|
|
174
177
|
justifyContent: "center",
|
|
175
178
|
alignItems: "center",
|
|
176
|
-
backgroundColor:
|
|
179
|
+
backgroundColor: night.color.surface,
|
|
177
180
|
borderBottomWidth: 1,
|
|
178
|
-
borderBottomColor:
|
|
181
|
+
borderBottomColor: night.color.border
|
|
179
182
|
},
|
|
180
183
|
dragIndicator: {
|
|
181
184
|
width: 40,
|
|
182
185
|
height: 4,
|
|
183
|
-
backgroundColor:
|
|
186
|
+
backgroundColor: night.color.placeholder,
|
|
184
187
|
borderRadius: 2
|
|
185
188
|
},
|
|
186
189
|
mutationInfoContent: {
|
|
187
190
|
flex: 1,
|
|
188
|
-
|
|
191
|
+
// Transparent so the night sheet's star field shows through.
|
|
192
|
+
backgroundColor: "transparent"
|
|
189
193
|
},
|
|
190
194
|
emptyContainer: {
|
|
191
195
|
flex: 1,
|
|
192
196
|
justifyContent: "center",
|
|
193
197
|
alignItems: "center",
|
|
194
198
|
padding: 32,
|
|
195
|
-
backgroundColor:
|
|
199
|
+
backgroundColor: night.color.surface,
|
|
196
200
|
margin: 16,
|
|
197
201
|
borderRadius: 8,
|
|
198
202
|
borderWidth: 1,
|
|
199
|
-
borderColor:
|
|
203
|
+
borderColor: night.color.border
|
|
200
204
|
},
|
|
201
205
|
emptyText: {
|
|
202
|
-
color:
|
|
206
|
+
color: night.color.textTertiary,
|
|
203
207
|
fontSize: 14,
|
|
204
208
|
textAlign: "center",
|
|
205
209
|
fontFamily: "monospace",
|
|
@@ -10,7 +10,7 @@ import remove from "../../utils/actions/remove";
|
|
|
10
10
|
import invalidate from "../../utils/actions/invalidate";
|
|
11
11
|
import triggerError from "../../utils/actions/triggerError";
|
|
12
12
|
import { View, Text, StyleSheet } from "react-native";
|
|
13
|
-
import {
|
|
13
|
+
import { night } from "@buoy-gg/shared-ui";
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
/**
|
|
16
16
|
* Action panel rendered in query detail views providing mutation simulation and removal controls.
|
|
@@ -107,7 +107,7 @@ const styles = StyleSheet.create({
|
|
|
107
107
|
sectionLabel: {
|
|
108
108
|
fontSize: 11,
|
|
109
109
|
fontWeight: "600",
|
|
110
|
-
color:
|
|
110
|
+
color: night.color.textTertiary,
|
|
111
111
|
textTransform: "uppercase",
|
|
112
112
|
letterSpacing: 0.5
|
|
113
113
|
},
|
|
@@ -5,7 +5,7 @@ import { View, StyleSheet, Text, FlatList } from "react-native";
|
|
|
5
5
|
import QueryRow from "./QueryRow";
|
|
6
6
|
import useAllQueries from "../../hooks/useAllQueries";
|
|
7
7
|
import { getQueryStatusLabel } from "../../utils/getQueryStatusLabel";
|
|
8
|
-
import {
|
|
8
|
+
import { night } from "@buoy-gg/shared-ui";
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
/**
|
|
11
11
|
* Scrollable list view of cached queries with filtering support and selection handling.
|
|
@@ -153,21 +153,22 @@ const styles = StyleSheet.create({
|
|
|
153
153
|
},
|
|
154
154
|
listContent: {
|
|
155
155
|
paddingBottom: 16,
|
|
156
|
-
|
|
156
|
+
// Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
|
|
157
|
+
backgroundColor: "transparent"
|
|
157
158
|
},
|
|
158
159
|
emptyContainer: {
|
|
159
160
|
flex: 1,
|
|
160
161
|
justifyContent: "center",
|
|
161
162
|
alignItems: "center",
|
|
162
163
|
padding: 32,
|
|
163
|
-
backgroundColor:
|
|
164
|
+
backgroundColor: night.color.surface,
|
|
164
165
|
margin: 16,
|
|
165
166
|
borderRadius: 8,
|
|
166
167
|
borderWidth: 1,
|
|
167
|
-
borderColor:
|
|
168
|
+
borderColor: night.color.border
|
|
168
169
|
},
|
|
169
170
|
emptyText: {
|
|
170
|
-
color:
|
|
171
|
+
color: night.color.textTertiary,
|
|
171
172
|
fontSize: 14,
|
|
172
173
|
textAlign: "center",
|
|
173
174
|
fontFamily: "monospace",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import QueryDetailsChip from "./QueryDetailsChip";
|
|
4
4
|
import { View, Text, ScrollView, StyleSheet } from "react-native";
|
|
5
|
-
import { displayValue,
|
|
5
|
+
import { displayValue, night } from "@buoy-gg/shared-ui";
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
/**
|
|
8
8
|
* Renders the primary metadata summary for a selected query, including fetch status and timings.
|
|
@@ -62,12 +62,12 @@ export default function QueryDetails({
|
|
|
62
62
|
const styles = StyleSheet.create({
|
|
63
63
|
minWidth: {
|
|
64
64
|
minWidth: 200,
|
|
65
|
-
backgroundColor:
|
|
65
|
+
backgroundColor: night.color.surface,
|
|
66
66
|
borderRadius: 6,
|
|
67
67
|
borderWidth: 1,
|
|
68
|
-
borderColor:
|
|
68
|
+
borderColor: night.color.accent + "4D",
|
|
69
69
|
overflow: "hidden",
|
|
70
|
-
shadowColor:
|
|
70
|
+
shadowColor: night.color.accent,
|
|
71
71
|
shadowOffset: {
|
|
72
72
|
width: 0,
|
|
73
73
|
height: 0
|
|
@@ -76,14 +76,14 @@ const styles = StyleSheet.create({
|
|
|
76
76
|
shadowRadius: 6
|
|
77
77
|
},
|
|
78
78
|
headerText: {
|
|
79
|
-
backgroundColor:
|
|
79
|
+
backgroundColor: night.color.accent + "15",
|
|
80
80
|
paddingHorizontal: 12,
|
|
81
81
|
paddingVertical: 10,
|
|
82
82
|
fontWeight: "600",
|
|
83
83
|
fontSize: 12,
|
|
84
|
-
color:
|
|
84
|
+
color: night.color.accent,
|
|
85
85
|
borderBottomWidth: 1,
|
|
86
|
-
borderBottomColor:
|
|
86
|
+
borderBottomColor: night.color.accent + "33",
|
|
87
87
|
letterSpacing: 0.5,
|
|
88
88
|
textTransform: "uppercase",
|
|
89
89
|
fontFamily: "monospace"
|
|
@@ -95,7 +95,7 @@ const styles = StyleSheet.create({
|
|
|
95
95
|
paddingHorizontal: 12,
|
|
96
96
|
paddingVertical: 10,
|
|
97
97
|
borderBottomWidth: 1,
|
|
98
|
-
borderBottomColor:
|
|
98
|
+
borderBottomColor: night.color.separator
|
|
99
99
|
},
|
|
100
100
|
flexOne: {
|
|
101
101
|
flex: 1,
|
|
@@ -103,20 +103,20 @@ const styles = StyleSheet.create({
|
|
|
103
103
|
},
|
|
104
104
|
queryKeyText: {
|
|
105
105
|
fontSize: 12,
|
|
106
|
-
color:
|
|
106
|
+
color: night.color.text,
|
|
107
107
|
fontFamily: "monospace",
|
|
108
108
|
lineHeight: 18,
|
|
109
109
|
flexShrink: 1,
|
|
110
|
-
backgroundColor:
|
|
110
|
+
backgroundColor: night.color.accent + "15",
|
|
111
111
|
paddingHorizontal: 8,
|
|
112
112
|
paddingVertical: 4,
|
|
113
113
|
borderRadius: 4,
|
|
114
114
|
borderWidth: 1,
|
|
115
|
-
borderColor:
|
|
115
|
+
borderColor: night.color.accent + "4D"
|
|
116
116
|
},
|
|
117
117
|
labelText: {
|
|
118
118
|
fontSize: 10,
|
|
119
|
-
color:
|
|
119
|
+
color: night.color.textSecondary,
|
|
120
120
|
fontWeight: "600",
|
|
121
121
|
letterSpacing: 0.5,
|
|
122
122
|
textTransform: "uppercase",
|
|
@@ -124,7 +124,7 @@ const styles = StyleSheet.create({
|
|
|
124
124
|
},
|
|
125
125
|
valueText: {
|
|
126
126
|
fontSize: 12,
|
|
127
|
-
color:
|
|
127
|
+
color: night.color.text,
|
|
128
128
|
fontWeight: "500",
|
|
129
129
|
fontVariant: ["tabular-nums"],
|
|
130
130
|
fontFamily: "monospace"
|
|
@@ -4,7 +4,7 @@ import QueryDetails from "./QueryDetails";
|
|
|
4
4
|
import QueryActions from "./QueryActions";
|
|
5
5
|
import DataExplorer from "./Explorer";
|
|
6
6
|
import { View, Text, ScrollView, StyleSheet } from "react-native";
|
|
7
|
-
import {
|
|
7
|
+
import { night } from "@buoy-gg/shared-ui";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
/**
|
|
10
10
|
* Stacked detail view combining metadata, actions, and explorers for the selected query.
|
|
@@ -63,7 +63,8 @@ export default function QueryInformation({
|
|
|
63
63
|
const styles = StyleSheet.create({
|
|
64
64
|
flexOne: {
|
|
65
65
|
flex: 1,
|
|
66
|
-
|
|
66
|
+
// Transparent so the night sheet's star field shows through.
|
|
67
|
+
backgroundColor: "transparent"
|
|
67
68
|
},
|
|
68
69
|
scrollContent: {
|
|
69
70
|
paddingBottom: 16,
|
|
@@ -75,15 +76,15 @@ const styles = StyleSheet.create({
|
|
|
75
76
|
headerText: {
|
|
76
77
|
fontSize: 16,
|
|
77
78
|
fontWeight: "600",
|
|
78
|
-
color:
|
|
79
|
+
color: night.color.text,
|
|
79
80
|
marginBottom: 8,
|
|
80
81
|
textAlign: "left"
|
|
81
82
|
},
|
|
82
83
|
contentView: {
|
|
83
|
-
backgroundColor:
|
|
84
|
+
backgroundColor: night.color.surface,
|
|
84
85
|
borderRadius: 12,
|
|
85
86
|
borderWidth: 1,
|
|
86
|
-
borderColor:
|
|
87
|
+
borderColor: night.color.border,
|
|
87
88
|
padding: 16
|
|
88
89
|
}
|
|
89
90
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
|
|
4
|
-
import { buoyColors } from "@buoy-gg/shared-ui";
|
|
4
|
+
import { buoyColors, night } from "@buoy-gg/shared-ui";
|
|
5
5
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
6
|
/**
|
|
7
7
|
* Pill-like status badge used within status filter rows. Displays label, dot, and count.
|
|
@@ -39,10 +39,10 @@ const QueryStatus = ({
|
|
|
39
39
|
text: buoyColors.primary
|
|
40
40
|
},
|
|
41
41
|
purple: {
|
|
42
|
-
bg:
|
|
43
|
-
border:
|
|
44
|
-
dot:
|
|
45
|
-
text:
|
|
42
|
+
bg: night.color.fillSecondary,
|
|
43
|
+
border: night.color.fillTertiary,
|
|
44
|
+
dot: night.color.textTertiary,
|
|
45
|
+
text: night.color.textTertiary
|
|
46
46
|
},
|
|
47
47
|
red: {
|
|
48
48
|
bg: buoyColors.error + "15",
|
|
@@ -51,10 +51,10 @@ const QueryStatus = ({
|
|
|
51
51
|
text: buoyColors.error
|
|
52
52
|
},
|
|
53
53
|
gray: {
|
|
54
|
-
bg:
|
|
55
|
-
border:
|
|
56
|
-
dot:
|
|
57
|
-
text:
|
|
54
|
+
bg: night.color.fillSecondary,
|
|
55
|
+
border: night.color.fillTertiary,
|
|
56
|
+
dot: night.color.textTertiary,
|
|
57
|
+
text: night.color.textTertiary
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
60
|
return colorMap[colorName] || colorMap.gray;
|
|
@@ -62,9 +62,12 @@ const QueryStatus = ({
|
|
|
62
62
|
const statusColors = getStatusColors(color);
|
|
63
63
|
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
64
64
|
"sentry-label": "ignore devtools query status",
|
|
65
|
-
style: [styles.queryStatusTag, isLarge && styles.queryStatusTagLarge,
|
|
66
|
-
|
|
67
|
-
|
|
65
|
+
style: [styles.queryStatusTag, isLarge && styles.queryStatusTagLarge,
|
|
66
|
+
// The night chip contract (see NightChip): resting fill never changes;
|
|
67
|
+
// selection is signaled by the tinted border and label.
|
|
68
|
+
isActive && {
|
|
69
|
+
backgroundColor: statusColors.bg,
|
|
70
|
+
borderColor: statusColors.border
|
|
68
71
|
}],
|
|
69
72
|
disabled: !onPress,
|
|
70
73
|
onPress: onPress,
|
|
@@ -75,7 +78,9 @@ const QueryStatus = ({
|
|
|
75
78
|
backgroundColor: statusColors.dot
|
|
76
79
|
}]
|
|
77
80
|
}), showLabel && /*#__PURE__*/_jsx(Text, {
|
|
78
|
-
style: [styles.label, isLarge && styles.labelLarge
|
|
81
|
+
style: [styles.label, isLarge && styles.labelLarge, isActive && {
|
|
82
|
+
color: statusColors.text
|
|
83
|
+
}],
|
|
79
84
|
numberOfLines: 1,
|
|
80
85
|
ellipsizeMode: "tail",
|
|
81
86
|
children: label
|
|
@@ -92,14 +97,15 @@ const styles = StyleSheet.create({
|
|
|
92
97
|
queryStatusTag: {
|
|
93
98
|
flexDirection: "row",
|
|
94
99
|
alignItems: "center",
|
|
95
|
-
|
|
96
|
-
|
|
100
|
+
// Night chip: dark-glass fill, fully-rounded pill, hairline border.
|
|
101
|
+
backgroundColor: night.color.buttonSurface,
|
|
102
|
+
borderRadius: 13,
|
|
97
103
|
paddingHorizontal: 10,
|
|
98
104
|
paddingVertical: 5,
|
|
99
105
|
height: 26,
|
|
100
106
|
gap: 6,
|
|
101
107
|
borderWidth: 1,
|
|
102
|
-
borderColor:
|
|
108
|
+
borderColor: night.color.border
|
|
103
109
|
},
|
|
104
110
|
queryStatusTagLarge: {
|
|
105
111
|
borderRadius: 16,
|
|
@@ -121,7 +127,7 @@ const styles = StyleSheet.create({
|
|
|
121
127
|
label: {
|
|
122
128
|
fontSize: 11,
|
|
123
129
|
fontWeight: "500",
|
|
124
|
-
color:
|
|
130
|
+
color: night.color.textSecondary,
|
|
125
131
|
fontFamily: "system"
|
|
126
132
|
},
|
|
127
133
|
labelLarge: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MutationBrowserMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/MutationBrowserMode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"MutationBrowserMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/MutationBrowserMode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,QAAQ,GAAG,SAAS,CAAC;IACvC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,UAAe,GAChB,EAAE,wBAAwB,+BAwB1B"}
|
|
@@ -2,11 +2,22 @@ import { Mutation } from "@tanstack/react-query";
|
|
|
2
2
|
interface MutationEditorModeProps {
|
|
3
3
|
selectedMutation: Mutation;
|
|
4
4
|
isFloatingMode: boolean;
|
|
5
|
+
/** Skip the inline action bar when the parent modal renders
|
|
6
|
+
* MutationEditorActionsFooter through JsModal's footer prop instead. */
|
|
7
|
+
disableInternalFooter?: boolean;
|
|
5
8
|
}
|
|
6
9
|
/**
|
|
7
10
|
* Mutation-focused editing experience mirroring the query editor layout. Provides mutation detail
|
|
8
11
|
* panels, data inspector, and action buttons for the selected mutation entry.
|
|
9
12
|
*/
|
|
10
|
-
export declare function MutationEditorMode({ selectedMutation, isFloatingMode, }: MutationEditorModeProps): import("react").JSX.Element;
|
|
13
|
+
export declare function MutationEditorMode({ selectedMutation, isFloatingMode, disableInternalFooter, }: MutationEditorModeProps): import("react").JSX.Element;
|
|
14
|
+
/**
|
|
15
|
+
* Standalone action footer for the mutation editor, so modal wrappers can pin it through
|
|
16
|
+
* JsModal's footer prop (mirrors DataEditorActionsFooter).
|
|
17
|
+
*/
|
|
18
|
+
export declare function MutationEditorActionsFooter({ selectedMutation, isFloatingMode, }: {
|
|
19
|
+
selectedMutation: Mutation;
|
|
20
|
+
isFloatingMode: boolean;
|
|
21
|
+
}): import("react").JSX.Element;
|
|
11
22
|
export {};
|
|
12
23
|
//# sourceMappingURL=MutationEditorMode.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MutationEditorMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/MutationEditorMode.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjD,UAAU,uBAAuB;IAC/B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MutationEditorMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/MutationEditorMode.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjD,UAAU,uBAAuB;IAC/B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB;4EACwE;IACxE,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,gBAAgB,EAChB,cAAc,EACd,qBAA6B,GAC9B,EAAE,uBAAuB,+BAsDzB;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,gBAAgB,EAChB,cAAc,GACf,EAAE;IACD,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;CACzB,+BAwBA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QueryBrowserMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QueryBrowserMode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"QueryBrowserMode.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QueryBrowserMode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAK9C,UAAU,qBAAqB;IAC7B,aAAa,EAAE,KAAK,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAe,EACf,eAA2B,EAC3B,gBAA4B,EAC5B,aAAa,GACd,EAAE,qBAAqB,+BAoEvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataEditorModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/DataEditorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;CACrD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,2BAAmC,EACnC,WAAW,GACZ,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"DataEditorModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/DataEditorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;CACrD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,2BAAmC,EACnC,WAAW,GACZ,EAAE,oBAAoB,sCAiEtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MutationBrowserFooter.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserFooter.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"MutationBrowserFooter.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAIzE,UAAU,0BAA0B;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,SAAS,CAAC;IACrB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,cAAc,EACd,SAAS,EACT,IAAgB,GACjB,EAAE,0BAA0B,+BA4B5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MutationBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"MutationBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAejE,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,WAAW,EACX,2BAAmC,EACnC,UAAe,EACf,cAAc,GACf,EAAE,yBAAyB,sCAkJ3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MutationEditorModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationEditorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"MutationEditorModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationEditorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAejD,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,WAAW,EACX,2BAAmC,GACpC,EAAE,wBAAwB,sCA8D1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QueryBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"QueryBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAkBxE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,2BAAmC,EACnC,WAAW,EACX,UAAe,EACf,cAAc,GACf,EAAE,sBAAsB,sCAsOxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QueryStatus.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAKL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAGtB,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAID;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"QueryStatus.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAKL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAGtB,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAID;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6GrC,CAAC;AA6DF,eAAe,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@buoy-gg/react-query",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.27",
|
|
4
4
|
"description": "TanStack Query devtools inside your React Native app — cache inspection, refetch & invalidate, offline toggle. Part of Buoy devtools.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"**/snapshotProvider.ts"
|
|
30
30
|
],
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@buoy-gg/
|
|
33
|
-
"@buoy-gg/
|
|
32
|
+
"@buoy-gg/shared-ui": "^7.0.27",
|
|
33
|
+
"@buoy-gg/floating-tools-core": "^7.0.27"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"@tanstack/react-query": ">=5.0.0",
|