From 756164ae7425fa03c52b21bb34d6c08f706435d0 Mon Sep 17 00:00:00 2001 From: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com> Date: Thu, 29 Aug 2024 11:57:58 +1000 Subject: [PATCH] chore(devtools): consistent casing of devtools types (#7971) --- .../src/angular-query-devtools.component.ts | 4 ++-- packages/query-devtools/src/Context.ts | 4 ++-- packages/query-devtools/src/Devtools.tsx | 4 ++-- packages/query-devtools/src/index.tsx | 8 ++++---- packages/react-query-devtools/src/devtools.tsx | 4 ++-- packages/solid-query-devtools/src/devtools.tsx | 4 ++-- packages/svelte-query-devtools/src/Devtools.svelte | 4 ++-- packages/vue-query-devtools/src/types.ts | 4 ++-- 8 files changed, 18 insertions(+), 18 deletions(-) diff --git a/packages/angular-query-devtools-experimental/src/angular-query-devtools.component.ts b/packages/angular-query-devtools-experimental/src/angular-query-devtools.component.ts index b0ba8274a5..59bb7bf87b 100644 --- a/packages/angular-query-devtools-experimental/src/angular-query-devtools.component.ts +++ b/packages/angular-query-devtools-experimental/src/angular-query-devtools.component.ts @@ -22,7 +22,7 @@ import type { SimpleChanges, } from '@angular/core' import type { - DevToolsErrorType, + DevtoolsErrorType, TanstackQueryDevtools, } from '@tanstack/query-devtools' @@ -91,7 +91,7 @@ export class AngularQueryDevtools /** * Use this so you can define custom errors that can be shown in the devtools. */ - @Input() errorTypes?: Array + @Input() errorTypes?: Array @ViewChild('ref') ref!: ElementRef diff --git a/packages/query-devtools/src/Context.ts b/packages/query-devtools/src/Context.ts index 08dca9da3e..969e1e2bc0 100644 --- a/packages/query-devtools/src/Context.ts +++ b/packages/query-devtools/src/Context.ts @@ -7,7 +7,7 @@ type YPosition = 'top' | 'bottom' export type DevtoolsPosition = XPosition | YPosition export type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative' -export interface DevToolsErrorType { +export interface DevtoolsErrorType { /** * The name of the error. */ @@ -27,7 +27,7 @@ export interface QueryDevtoolsProps { buttonPosition?: DevtoolsButtonPosition position?: DevtoolsPosition initialIsOpen?: boolean - errorTypes?: Array + errorTypes?: Array shadowDOMTarget?: ShadowRoot } diff --git a/packages/query-devtools/src/Devtools.tsx b/packages/query-devtools/src/Devtools.tsx index 681f849366..b04e4f3d25 100644 --- a/packages/query-devtools/src/Devtools.tsx +++ b/packages/query-devtools/src/Devtools.tsx @@ -62,8 +62,8 @@ import { useTheme, } from './Context' import type { - DevToolsErrorType, DevtoolsButtonPosition, + DevtoolsErrorType, DevtoolsPosition, QueryDevtoolsProps, } from './Context' @@ -1916,7 +1916,7 @@ const QueryDetails = () => { promise?.catch(() => {}) } - const triggerError = (errorType?: DevToolsErrorType) => { + const triggerError = (errorType?: DevtoolsErrorType) => { const error = errorType?.initializer(activeQuery()!) ?? new Error('Unknown error from devtools') diff --git a/packages/query-devtools/src/index.tsx b/packages/query-devtools/src/index.tsx index cc0fdcb45d..8520987417 100644 --- a/packages/query-devtools/src/index.tsx +++ b/packages/query-devtools/src/index.tsx @@ -7,14 +7,14 @@ import type { } from '@tanstack/query-core' import type { DevtoolsComponentType } from './Devtools' import type { - DevToolsErrorType, DevtoolsButtonPosition, + DevtoolsErrorType, DevtoolsPosition, QueryDevtoolsProps, } from './Context' import type { Signal } from 'solid-js' -export type { DevtoolsButtonPosition, DevtoolsPosition, DevToolsErrorType } +export type { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType } export interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps { styleNonce?: string shadowDOMTarget?: ShadowRoot @@ -31,7 +31,7 @@ class TanstackQueryDevtools { #buttonPosition: Signal #position: Signal #initialIsOpen: Signal - #errorTypes: Signal | undefined> + #errorTypes: Signal | undefined> #Component: DevtoolsComponentType | undefined #dispose?: () => void @@ -72,7 +72,7 @@ class TanstackQueryDevtools { this.#initialIsOpen[1](isOpen) } - setErrorTypes(errorTypes: Array) { + setErrorTypes(errorTypes: Array) { this.#errorTypes[1](errorTypes) } diff --git a/packages/react-query-devtools/src/devtools.tsx b/packages/react-query-devtools/src/devtools.tsx index f09b1adfcd..6e9af58c69 100644 --- a/packages/react-query-devtools/src/devtools.tsx +++ b/packages/react-query-devtools/src/devtools.tsx @@ -3,8 +3,8 @@ import * as React from 'react' import { onlineManager, useQueryClient } from '@tanstack/react-query' import { TanstackQueryDevtools } from '@tanstack/query-devtools' import type { - DevToolsErrorType, DevtoolsButtonPosition, + DevtoolsErrorType, DevtoolsPosition, } from '@tanstack/query-devtools' import type { QueryClient } from '@tanstack/react-query' @@ -33,7 +33,7 @@ export interface DevtoolsOptions { /** * Use this so you can define custom errors that can be shown in the devtools. */ - errorTypes?: Array + errorTypes?: Array /** * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles. */ diff --git a/packages/solid-query-devtools/src/devtools.tsx b/packages/solid-query-devtools/src/devtools.tsx index 80bb376611..1b7bc4a698 100644 --- a/packages/solid-query-devtools/src/devtools.tsx +++ b/packages/solid-query-devtools/src/devtools.tsx @@ -12,8 +12,8 @@ import { onlineManager, useQueryClient } from '@tanstack/solid-query' import { isServer } from 'solid-js/web' import { TanstackQueryDevtools } from '@tanstack/query-devtools' import type { - DevToolsErrorType, DevtoolsButtonPosition, + DevtoolsErrorType, DevtoolsPosition, } from '@tanstack/query-devtools' import type { QueryClient } from '@tanstack/solid-query' @@ -43,7 +43,7 @@ interface DevtoolsOptions { /** * Use this so you can define custom errors that can be shown in the devtools. */ - errorTypes?: Array + errorTypes?: Array /** * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles. */ diff --git a/packages/svelte-query-devtools/src/Devtools.svelte b/packages/svelte-query-devtools/src/Devtools.svelte index 654a4f7f1c..3848004325 100644 --- a/packages/svelte-query-devtools/src/Devtools.svelte +++ b/packages/svelte-query-devtools/src/Devtools.svelte @@ -4,8 +4,8 @@ import { onlineManager, useQueryClient } from '@tanstack/svelte-query' import type { QueryClient } from '@tanstack/svelte-query' import type { - DevToolsErrorType, DevtoolsButtonPosition, + DevtoolsErrorType, DevtoolsPosition, TanstackQueryDevtools, } from '@tanstack/query-devtools' @@ -14,7 +14,7 @@ export let buttonPosition: DevtoolsButtonPosition = 'bottom-right' export let position: DevtoolsPosition = 'bottom' export let client: QueryClient = useQueryClient() - export let errorTypes: Array = [] + export let errorTypes: Array = [] export let styleNonce: string | undefined = undefined export let shadowDOMTarget: ShadowRoot | undefined = undefined diff --git a/packages/vue-query-devtools/src/types.ts b/packages/vue-query-devtools/src/types.ts index 06f2b8e993..a392aac51c 100644 --- a/packages/vue-query-devtools/src/types.ts +++ b/packages/vue-query-devtools/src/types.ts @@ -1,6 +1,6 @@ import type { - DevToolsErrorType, DevtoolsButtonPosition, + DevtoolsErrorType, DevtoolsPosition, } from '@tanstack/query-devtools' import type { QueryClient } from '@tanstack/vue-query' @@ -29,7 +29,7 @@ export interface DevtoolsOptions { /** * Use this so you can define custom errors that can be shown in the devtools. */ - errorTypes?: Array + errorTypes?: Array /** * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles. */