@pipedream/connect-react 1.0.0-preview.1 → 1.0.0-preview.3

package/dist/connect-react.umd.d.ts

@@ -1,6 +1,5 @@
 import { Account } from '@pipedream/sdk';
 import { AccountsRequestResponse } from '@pipedream/sdk';
-import { AppInfo } from '@pipedream/sdk';
 import { AppRequestResponse } from '@pipedream/sdk';
 import { AppResponse } from '@pipedream/sdk';
 import { AppResponse as AppResponse_2 } from '@pipedream/sdk/browser';
@@ -35,6 +34,7 @@ import { SelectComponentsConfig } from 'react-select';
 import { StylesConfig } from 'react-select';
 import { Theme as Theme_2 } from 'react-select';
 import { UseQueryOptions } from '@tanstack/react-query';
+import { UseSuspenseQueryOptions } from '@tanstack/react-query';
 import { V1Component } from '@pipedream/sdk';
 import { V1Component as V1Component_2 } from '@pipedream/sdk/browser';
 
@@ -71,26 +71,26 @@ export declare type Colors = {
 
 export declare function ComponentForm<T extends ConfigurableProps>(props: ComponentFormProps<T>): JSX_2.Element;
 
-export declare function ComponentFormContainer(props: ComponentFormContainerProps): JSX_2.Element;
+export declare function ComponentFormContainer<T extends ConfigurableProps>(props: ComponentFormContainerProps<T>): JSX_2.Element;
 
-declare type ComponentFormContainerProps = Omit<ComponentFormProps, "component"> & {
+declare type ComponentFormContainerProps<T extends ConfigurableProps> = Omit<ComponentFormProps<T>, "component"> & {
     componentKey: string;
 };
 
-declare type ComponentFormProps<T extends ConfigurableProps> = {
+declare type ComponentFormProps<T extends ConfigurableProps, U = ConfiguredProps<T>> = {
     userId: string;
     component: V1Component<T>;
-    configuredProps?: ConfiguredProps<T>;
+    configuredProps?: U;
     disableQueryDisabling?: boolean;
     propNames?: string[];
     onSubmit?: (ctx: FormContext<T>) => void | Promise<void>;
-    onUpdateConfiguredProps?: (v: ConfiguredProps<T>) => void;
+    onUpdateConfiguredProps?: (v: U) => void;
     hideOptionalProps?: boolean;
 };
 
 export declare type ComponentLibrary = typeof defaultComponents;
 
-export declare function Control<T extends ConfigurableProp>(props: ControlProps<T>): JSX_2.Element;
+export declare function Control<T extends ConfigurableProps, U extends ConfigurableProp>(props: ControlProps<T, U>): JSX_2.Element;
 
 export declare function ControlAny(): JSX_2.Element;
 
@@ -104,9 +104,9 @@ export declare function ControlBoolean(): JSX_2.Element;
 
 export declare function ControlInput(): JSX_2.Element;
 
-declare type ControlProps<T extends ConfigurableProp> = {
-    field: FormFieldContext<T>;
-    form: FormContext;
+declare type ControlProps<T extends ConfigurableProps, U extends ConfigurableProp> = {
+    field: FormFieldContext<U>;
+    form: FormContext<T>;
 };
 
 export declare function ControlSelect<T>({ isCreatable, options, selectProps, }: ControlSelectProps<T>): JSX_2.Element;
@@ -219,12 +219,12 @@ export declare const defaultComponents: {
 
 export declare const defaultTheme: Theme;
 
-export declare function Description<T extends ConfigurableProp>(props: DescriptionProps<T>): JSX_2.Element | null;
+export declare function Description<T extends ConfigurableProps, U extends ConfigurableProp>(props: DescriptionProps<T, U>): JSX_2.Element | null;
 
-declare type DescriptionProps<T extends ConfigurableProp> = {
+declare type DescriptionProps<T extends ConfigurableProps, U extends ConfigurableProp> = {
     markdown?: string;
-    field: FormFieldContext<T>;
-    form: FormContext;
+    field: FormFieldContext<U>;
+    form: FormContext<T>;
 };
 
 export declare type DynamicProps<T extends ConfigurableProps> = {
@@ -302,7 +302,7 @@ export declare type FormFieldContext<T extends ConfigurableProp> = {
 export declare const FormFieldContext: Context<FormFieldContext<any> | undefined>;
 
 export declare type FormFieldContextExtra<T extends ConfigurableProp> = T extends ConfigurablePropApp ? {
-    app?: AppInfo;
+    app?: AppResponse;
 } : Record<string, never>;
 
 export declare const FrontendClientProvider: FC<FrontendClientProviderProps>;
@@ -318,12 +318,12 @@ export declare function InternalComponentForm(): JSX_2.Element;
 
 export declare function InternalField<T extends ConfigurableProp>({ prop, idx, }: FieldInternalProps<T>): JSX_2.Element;
 
-export declare function Label<T extends ConfigurableProp>(props: LabelProps<T>): JSX_2.Element;
+export declare function Label<T extends ConfigurableProps, U extends ConfigurableProp>(props: LabelProps<T, U>): JSX_2.Element;
 
-declare type LabelProps<T extends ConfigurableProp> = {
+declare type LabelProps<T extends ConfigurableProps, U extends ConfigurableProp> = {
     text: string;
-    field: FormFieldContext<T>;
-    form: FormContext;
+    field: FormFieldContext<U>;
+    form: FormContext<T>;
 };
 
 export declare function mergeTheme(target: Theme, ...sources: (PartialTheme | undefined)[]): Theme;
@@ -549,125 +549,20 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
  * Get details about an app
  */
 export declare const useApp: (slug: string, opts?: {
-    useQueryOpts?: Omit<UseQueryOptions<AppRequestResponse>, "queryKey" | "queryFn">;
+    useQueryOpts?: Omit<UseSuspenseQueryOptions<AppRequestResponse>, "queryKey" | "queryFn">;
 }) => {
-    app: AppResponse | undefined;
-    data: AppRequestResponse;
-    error: Error;
-    isError: true;
-    isPending: false;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: true;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
+    app: AppResponse;
+    error: Error | null;
     isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
-} | {
-    app: AppResponse | undefined;
-    data: AppRequestResponse;
-    error: null;
-    isError: false;
-    isPending: false;
     isLoading: false;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: true;
-    status: "success";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
     refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
-} | {
-    app: AppResponse | undefined;
-    data: undefined;
-    error: Error;
-    isError: true;
+    data: AppRequestResponse;
+    status: "error" | "success";
+    isError: boolean;
     isPending: false;
-    isLoading: false;
-    isLoadingError: true;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
-} | {
-    app: AppResponse | undefined;
-    data: undefined;
-    error: null;
-    isError: false;
-    isPending: true;
-    isLoading: true;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "pending";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
-    fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
-} | {
-    app: AppResponse | undefined;
-    data: undefined;
-    error: null;
-    isError: false;
-    isPending: true;
     isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "pending";
+    isRefetchError: boolean;
+    isSuccess: boolean;
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
@@ -675,16 +570,11 @@ export declare const useApp: (slug: string, opts?: {
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isLoading: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
 };
 
 /**