@tanstack/query-devtools 5.0.0-alpha.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.
Files changed (45) hide show
  1. package/LICENSE +21 -0
  2. package/build/.tsbuildinfo +1 -0
  3. package/build/cjs/index.js +7966 -0
  4. package/build/cjs/index.js.map +1 -0
  5. package/build/esm/index.js +7964 -0
  6. package/build/esm/index.js.map +1 -0
  7. package/build/source/Context.js +10 -0
  8. package/build/source/Devtools.jsx +1485 -0
  9. package/build/source/Explorer.jsx +266 -0
  10. package/build/source/__tests__/devtools.test.jsx +6 -0
  11. package/build/source/fonts.js +7 -0
  12. package/build/source/icons/index.jsx +344 -0
  13. package/build/source/index.jsx +64 -0
  14. package/build/source/theme.js +304 -0
  15. package/build/source/utils.jsx +74 -0
  16. package/build/types/Context.d.ts +29 -0
  17. package/build/types/Context.d.ts.map +1 -0
  18. package/build/types/Devtools.d.ts +23 -0
  19. package/build/types/Devtools.d.ts.map +1 -0
  20. package/build/types/Explorer.d.ts +22 -0
  21. package/build/types/Explorer.d.ts.map +1 -0
  22. package/build/types/__tests__/devtools.test.d.ts +1 -0
  23. package/build/types/__tests__/devtools.test.d.ts.map +1 -0
  24. package/build/types/fonts.d.ts +2 -0
  25. package/build/types/fonts.d.ts.map +1 -0
  26. package/build/types/icons/index.d.ts +12 -0
  27. package/build/types/icons/index.d.ts.map +1 -0
  28. package/build/types/index.d.ts +27 -0
  29. package/build/types/index.d.ts.map +1 -0
  30. package/build/types/theme.d.ts +297 -0
  31. package/build/types/theme.d.ts.map +1 -0
  32. package/build/types/utils.d.ts +22 -0
  33. package/build/types/utils.d.ts.map +1 -0
  34. package/build/umd/index.js +872 -0
  35. package/build/umd/index.js.map +1 -0
  36. package/package.json +53 -0
  37. package/src/Context.ts +41 -0
  38. package/src/Devtools.tsx +1890 -0
  39. package/src/Explorer.tsx +348 -0
  40. package/src/__tests__/devtools.test.tsx +5 -0
  41. package/src/fonts.ts +7 -0
  42. package/src/icons/index.tsx +1065 -0
  43. package/src/index.tsx +113 -0
  44. package/src/theme.ts +321 -0
  45. package/src/utils.tsx +103 -0
@@ -0,0 +1,297 @@
1
+ export declare const tokens: {
2
+ colors: {
3
+ inherit: string;
4
+ current: string;
5
+ transparent: string;
6
+ black: string;
7
+ white: string;
8
+ neutral: {
9
+ 50: string;
10
+ 100: string;
11
+ 200: string;
12
+ 300: string;
13
+ 400: string;
14
+ 500: string;
15
+ 600: string;
16
+ 700: string;
17
+ 800: string;
18
+ 900: string;
19
+ };
20
+ darkGray: {
21
+ 50: string;
22
+ 100: string;
23
+ 200: string;
24
+ 300: string;
25
+ 400: string;
26
+ 500: string;
27
+ 600: string;
28
+ 700: string;
29
+ 800: string;
30
+ 900: string;
31
+ };
32
+ gray: {
33
+ 50: string;
34
+ 100: string;
35
+ 200: string;
36
+ 300: string;
37
+ 400: string;
38
+ 500: string;
39
+ 600: string;
40
+ 700: string;
41
+ 800: string;
42
+ 900: string;
43
+ };
44
+ blue: {
45
+ 25: string;
46
+ 50: string;
47
+ 100: string;
48
+ 200: string;
49
+ 300: string;
50
+ 400: string;
51
+ 500: string;
52
+ 600: string;
53
+ 700: string;
54
+ 800: string;
55
+ 900: string;
56
+ };
57
+ green: {
58
+ 25: string;
59
+ 50: string;
60
+ 100: string;
61
+ 200: string;
62
+ 300: string;
63
+ 400: string;
64
+ 500: string;
65
+ 600: string;
66
+ 700: string;
67
+ 800: string;
68
+ 900: string;
69
+ };
70
+ red: {
71
+ 25: string;
72
+ 50: string;
73
+ 100: string;
74
+ 200: string;
75
+ 300: string;
76
+ 400: string;
77
+ 500: string;
78
+ 600: string;
79
+ 700: string;
80
+ 800: string;
81
+ 900: string;
82
+ };
83
+ yellow: {
84
+ 25: string;
85
+ 50: string;
86
+ 100: string;
87
+ 200: string;
88
+ 300: string;
89
+ 400: string;
90
+ 500: string;
91
+ 600: string;
92
+ 700: string;
93
+ 800: string;
94
+ 900: string;
95
+ };
96
+ purple: {
97
+ 25: string;
98
+ 50: string;
99
+ 100: string;
100
+ 200: string;
101
+ 300: string;
102
+ 400: string;
103
+ 500: string;
104
+ 600: string;
105
+ 700: string;
106
+ 800: string;
107
+ 900: string;
108
+ };
109
+ teal: {
110
+ 25: string;
111
+ 50: string;
112
+ 100: string;
113
+ 200: string;
114
+ 300: string;
115
+ 400: string;
116
+ 500: string;
117
+ 600: string;
118
+ 700: string;
119
+ 800: string;
120
+ 900: string;
121
+ };
122
+ pink: {
123
+ 25: string;
124
+ 50: string;
125
+ 100: string;
126
+ 200: string;
127
+ 300: string;
128
+ 400: string;
129
+ 500: string;
130
+ 600: string;
131
+ 700: string;
132
+ 800: string;
133
+ 900: string;
134
+ };
135
+ cyan: {
136
+ 25: string;
137
+ 50: string;
138
+ 100: string;
139
+ 200: string;
140
+ 300: string;
141
+ 400: string;
142
+ 500: string;
143
+ 600: string;
144
+ 700: string;
145
+ 800: string;
146
+ 900: string;
147
+ };
148
+ };
149
+ alpha: {
150
+ 100: string;
151
+ 90: string;
152
+ 80: string;
153
+ 70: string;
154
+ 60: string;
155
+ 50: string;
156
+ 40: string;
157
+ 30: string;
158
+ 20: string;
159
+ 10: string;
160
+ 0: string;
161
+ };
162
+ font: {
163
+ size: {
164
+ '2xs': string;
165
+ xs: string;
166
+ sm: string;
167
+ md: string;
168
+ lg: string;
169
+ xl: string;
170
+ '2xl': string;
171
+ '3xl': string;
172
+ '4xl': string;
173
+ '5xl': string;
174
+ '6xl': string;
175
+ '7xl': string;
176
+ '8xl': string;
177
+ '9xl': string;
178
+ };
179
+ lineHeight: {
180
+ xs: string;
181
+ sm: string;
182
+ md: string;
183
+ lg: string;
184
+ xl: string;
185
+ '2xl': string;
186
+ '3xl': string;
187
+ '4xl': string;
188
+ '5xl': string;
189
+ '6xl': string;
190
+ '7xl': string;
191
+ '8xl': string;
192
+ '9xl': string;
193
+ };
194
+ weight: {
195
+ thin: string;
196
+ extralight: string;
197
+ light: string;
198
+ normal: string;
199
+ medium: string;
200
+ semibold: string;
201
+ bold: string;
202
+ extrabold: string;
203
+ black: string;
204
+ };
205
+ };
206
+ breakpoints: {
207
+ xs: string;
208
+ sm: string;
209
+ md: string;
210
+ lg: string;
211
+ xl: string;
212
+ '2xl': string;
213
+ };
214
+ border: {
215
+ radius: {
216
+ none: string;
217
+ xs: string;
218
+ sm: string;
219
+ md: string;
220
+ lg: string;
221
+ xl: string;
222
+ '2xl': string;
223
+ '3xl': string;
224
+ full: string;
225
+ };
226
+ };
227
+ size: {
228
+ 0: string;
229
+ 0.25: string;
230
+ 0.5: string;
231
+ 1: string;
232
+ 1.5: string;
233
+ 2: string;
234
+ 2.5: string;
235
+ 3: string;
236
+ 3.5: string;
237
+ 4: string;
238
+ 4.5: string;
239
+ 5: string;
240
+ 6: string;
241
+ 7: string;
242
+ 8: string;
243
+ 9: string;
244
+ 10: string;
245
+ 11: string;
246
+ 12: string;
247
+ 14: string;
248
+ 16: string;
249
+ 20: string;
250
+ 24: string;
251
+ 28: string;
252
+ 32: string;
253
+ 36: string;
254
+ 40: string;
255
+ 44: string;
256
+ 48: string;
257
+ 52: string;
258
+ 56: string;
259
+ 60: string;
260
+ 64: string;
261
+ 72: string;
262
+ 80: string;
263
+ 96: string;
264
+ };
265
+ shadow: {
266
+ xs: (color?: string) => string;
267
+ sm: (color?: string) => string;
268
+ md: (color?: string) => string;
269
+ lg: (color?: string) => string;
270
+ xl: (color?: string) => string;
271
+ '2xl': (color?: string) => string;
272
+ inner: (color?: string) => string;
273
+ none: () => string;
274
+ };
275
+ zIndices: {
276
+ hide: number;
277
+ auto: string;
278
+ base: number;
279
+ docked: number;
280
+ dropdown: number;
281
+ sticky: number;
282
+ banner: number;
283
+ overlay: number;
284
+ modal: number;
285
+ popover: number;
286
+ skipLink: number;
287
+ toast: number;
288
+ tooltip: number;
289
+ };
290
+ };
291
+ export declare type ThemeConfigType = typeof tokens;
292
+ export declare type ThemeColorsAll = {
293
+ [key in keyof ThemeConfigType['colors']]: key;
294
+ }[keyof ThemeConfigType['colors']];
295
+ export declare type AtomicThemeColors = 'white' | 'black' | 'transparent' | 'current' | 'inherit';
296
+ export declare type ThemeColors = Exclude<ThemeColorsAll, AtomicThemeColors>;
297
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAVL,MAAM;qBACN,MAAM;qBACN,MAAM;qBACN,MAAM;qBACN,MAAM;wBACH,MAAM;wBACN,MAAM;;;;;;;;;;;;;;;;;;CA4RtB,CAAA;AAED,oBAAY,eAAe,GAAG,OAAO,MAAM,CAAA;AAC3C,oBAAY,cAAc,GAAG;KAC1B,GAAG,IAAI,MAAM,eAAe,CAAC,QAAQ,CAAC,GAAG,GAAG;CAC9C,CAAC,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAA;AAClC,oBAAY,iBAAiB,GACzB,OAAO,GACP,OAAO,GACP,aAAa,GACb,SAAS,GACT,SAAS,CAAA;AACb,oBAAY,WAAW,GAAG,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAA"}
@@ -0,0 +1,22 @@
1
+ import type { Query } from '@tanstack/query-core';
2
+ export declare function getQueryStatusLabel(query: Query): "fetching" | "paused" | "inactive" | "stale" | "fresh";
3
+ export declare const queryStatusLabels: readonly ["fresh", "stale", "paused", "inactive", "fetching"];
4
+ export declare type IQueryStatusLabel = (typeof queryStatusLabels)[number];
5
+ export declare function getQueryStatusColor({ queryState, observerCount, isStale, }: {
6
+ queryState: Query['state'];
7
+ observerCount: number;
8
+ isStale: boolean;
9
+ }): "blue" | "gray" | "purple" | "yellow" | "green";
10
+ export declare function getQueryStatusColorByLabel(label: IQueryStatusLabel): "blue" | "gray" | "purple" | "yellow" | "green";
11
+ /**
12
+ * Displays a string regardless the type of the data
13
+ * @param {unknown} value Value to be stringified
14
+ * @param {boolean} beautify Formats json to multiline
15
+ */
16
+ export declare const displayValue: (value: unknown, beautify?: boolean) => string;
17
+ declare type SortFn = (a: Query, b: Query) => number;
18
+ export declare const sortFns: Record<string, SortFn>;
19
+ export declare const convertRemToPixels: (rem: number) => number;
20
+ export declare const convertPixelsToRem: (px: number) => number;
21
+ export {};
22
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAGjD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,0DAU/C;AAED,eAAO,MAAM,iBAAiB,+DAMpB,CAAA;AACV,oBAAY,iBAAiB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAElE,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,aAAa,EACb,OAAO,GACR,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC1B,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,mDAUA;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,mDAUlE;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,UAAW,OAAO,aAAY,OAAO,WAI7D,CAAA;AAGD,aAAK,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,KAAK,MAAM,CAAA;AAwB5C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI1C,CAAA;AAED,eAAO,MAAM,kBAAkB,QAAS,MAAM,WAE7C,CAAA;AAED,eAAO,MAAM,kBAAkB,OAAQ,MAAM,WAA+B,CAAA"}