@tanstack/solid-query-devtools 5.91.3 → 6.0.0-alpha.0

package/build/_tsup-dts-rollup.d.cts

@@ -0,0 +1,119 @@
+import type { Component } from 'solid-js';
+import type { ComponentProps } from 'solid-js';
+import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
+import type { DevtoolsErrorType } from '@tanstack/query-devtools';
+import type { DevtoolsPosition } from '@tanstack/query-devtools';
+import { JSX } from 'solid-js';
+import { Options } from 'tsup';
+import type { QueryClient } from '@tanstack/solid-query';
+import type { Theme } from '@tanstack/query-devtools';
+import { UserConfig } from 'vite';
+
+export declare function default_alias<T extends Component<any>>(fn: () => Promise<{
+    default: T;
+}>): (props: ComponentProps<T> & {
+    fallback?: JSX.Element;
+}) => any;
+
+export declare function default_alias_1(props: DevtoolsOptions): JSX;
+
+export declare function default_alias_2(props: DevtoolsPanelOptions): JSX.Element;
+
+export declare const default_alias_3: any[];
+
+export declare const default_alias_4: any[];
+
+export declare const default_alias_5: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
+
+export declare const default_alias_6: UserConfig;
+
+declare interface DevtoolsOptions {
+    /**
+     * Set this true if you want the dev tools to default to being open
+     */
+    initialIsOpen?: boolean;
+    /**
+     * The position of the React Query logo to open and close the devtools panel.
+     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+     * Defaults to 'bottom-right'.
+     */
+    buttonPosition?: DevtoolsButtonPosition;
+    /**
+     * The position of the React Query devtools panel.
+     * 'top' | 'bottom' | 'left' | 'right'
+     * Defaults to 'bottom'.
+     */
+    position?: DevtoolsPosition;
+    /**
+     * Custom instance of QueryClient
+     */
+    client?: QueryClient;
+    /**
+     * Use this so you can define custom errors that can be shown in the devtools.
+     */
+    errorTypes?: Array<DevtoolsErrorType>;
+    /**
+     * 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.
+     */
+    styleNonce?: string;
+    /**
+     * Use this so you can attach the devtool's styles to specific element in the DOM.
+     */
+    shadowDOMTarget?: ShadowRoot;
+    /**
+     * Set this to true to hide disabled queries from the devtools panel.
+     */
+    hideDisabledQueries?: boolean;
+    /**
+     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+     * Defaults to 'system'.
+     */
+    theme?: Theme;
+}
+
+declare interface DevtoolsPanelOptions {
+    /**
+     * Custom instance of QueryClient
+     */
+    client?: QueryClient;
+    /**
+     * Use this so you can define custom errors that can be shown in the devtools.
+     */
+    errorTypes?: Array<DevtoolsErrorType>;
+    /**
+     * 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.
+     */
+    styleNonce?: string;
+    /**
+     * Use this so you can attach the devtool's styles to specific element in the DOM.
+     */
+    shadowDOMTarget?: ShadowRoot;
+    /**
+     * Custom styles for the devtools panel
+     * @default { height: '500px' }
+     * @example { height: '100%' }
+     * @example { height: '100%', width: '100%' }
+     */
+    style?: JSX.CSSProperties;
+    /**
+     * Callback function that is called when the devtools panel is closed
+     */
+    onClose?: () => unknown;
+    /**
+     * Set this to true to hide disabled queries from the devtools panel.
+     */
+    hideDisabledQueries?: boolean;
+    /**
+     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+     * Defaults to 'system'.
+     */
+    theme?: Theme;
+}
+export { DevtoolsPanelOptions }
+export { DevtoolsPanelOptions as DevtoolsPanelOptions_alias_1 }
+
+export declare const SolidQueryDevtools: typeof default_alias_1;
+
+export declare const SolidQueryDevtoolsPanel: typeof default_alias_2;
+
+export { }

package/build/_tsup-dts-rollup.d.ts

@@ -0,0 +1,119 @@
+import type { Component } from 'solid-js';
+import type { ComponentProps } from 'solid-js';
+import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
+import type { DevtoolsErrorType } from '@tanstack/query-devtools';
+import type { DevtoolsPosition } from '@tanstack/query-devtools';
+import { JSX } from 'solid-js';
+import { Options } from 'tsup';
+import type { QueryClient } from '@tanstack/solid-query';
+import type { Theme } from '@tanstack/query-devtools';
+import { UserConfig } from 'vite';
+
+export declare function default_alias<T extends Component<any>>(fn: () => Promise<{
+    default: T;
+}>): (props: ComponentProps<T> & {
+    fallback?: JSX.Element;
+}) => any;
+
+export declare function default_alias_1(props: DevtoolsOptions): JSX;
+
+export declare function default_alias_2(props: DevtoolsPanelOptions): JSX.Element;
+
+export declare const default_alias_3: any[];
+
+export declare const default_alias_4: any[];
+
+export declare const default_alias_5: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
+
+export declare const default_alias_6: UserConfig;
+
+declare interface DevtoolsOptions {
+    /**
+     * Set this true if you want the dev tools to default to being open
+     */
+    initialIsOpen?: boolean;
+    /**
+     * The position of the React Query logo to open and close the devtools panel.
+     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+     * Defaults to 'bottom-right'.
+     */
+    buttonPosition?: DevtoolsButtonPosition;
+    /**
+     * The position of the React Query devtools panel.
+     * 'top' | 'bottom' | 'left' | 'right'
+     * Defaults to 'bottom'.
+     */
+    position?: DevtoolsPosition;
+    /**
+     * Custom instance of QueryClient
+     */
+    client?: QueryClient;
+    /**
+     * Use this so you can define custom errors that can be shown in the devtools.
+     */
+    errorTypes?: Array<DevtoolsErrorType>;
+    /**
+     * 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.
+     */
+    styleNonce?: string;
+    /**
+     * Use this so you can attach the devtool's styles to specific element in the DOM.
+     */
+    shadowDOMTarget?: ShadowRoot;
+    /**
+     * Set this to true to hide disabled queries from the devtools panel.
+     */
+    hideDisabledQueries?: boolean;
+    /**
+     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+     * Defaults to 'system'.
+     */
+    theme?: Theme;
+}
+
+declare interface DevtoolsPanelOptions {
+    /**
+     * Custom instance of QueryClient
+     */
+    client?: QueryClient;
+    /**
+     * Use this so you can define custom errors that can be shown in the devtools.
+     */
+    errorTypes?: Array<DevtoolsErrorType>;
+    /**
+     * 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.
+     */
+    styleNonce?: string;
+    /**
+     * Use this so you can attach the devtool's styles to specific element in the DOM.
+     */
+    shadowDOMTarget?: ShadowRoot;
+    /**
+     * Custom styles for the devtools panel
+     * @default { height: '500px' }
+     * @example { height: '100%' }
+     * @example { height: '100%', width: '100%' }
+     */
+    style?: JSX.CSSProperties;
+    /**
+     * Callback function that is called when the devtools panel is closed
+     */
+    onClose?: () => unknown;
+    /**
+     * Set this to true to hide disabled queries from the devtools panel.
+     */
+    hideDisabledQueries?: boolean;
+    /**
+     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+     * Defaults to 'system'.
+     */
+    theme?: Theme;
+}
+export { DevtoolsPanelOptions }
+export { DevtoolsPanelOptions as DevtoolsPanelOptions_alias_1 }
+
+export declare const SolidQueryDevtools: typeof default_alias_1;
+
+export declare const SolidQueryDevtoolsPanel: typeof default_alias_2;
+
+export { }