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

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

@@ -1,15 +1,10 @@
-import { Account } from '@pipedream/sdk';
 import { AccountsRequestResponse } from '@pipedream/sdk';
-import { AppRequestResponse } from '@pipedream/sdk';
 import { AppResponse } from '@pipedream/sdk';
-import { AppResponse as AppResponse_2 } from '@pipedream/sdk/browser';
-import { AppsRequestResponse } from '@pipedream/sdk/browser';
 import { BrowserClient } from '@pipedream/sdk/browser';
 import { ClassNamesConfig } from 'react-select';
 import { Component } from 'react';
 import { ComponentProps } from 'react';
 import { ComponentRequestResponse } from '@pipedream/sdk';
-import { ComponentsRequestResponse } from '@pipedream/sdk/browser';
 import { ConfigurableProp } from '@pipedream/sdk';
 import { ConfigurablePropAlert } from '@pipedream/sdk';
 import { ConfigurablePropApp } from '@pipedream/sdk';
@@ -18,8 +13,9 @@ import { ConfiguredProps } from '@pipedream/sdk';
 import { Context } from 'react';
 import { CSSProperties } from 'react';
 import { FC } from 'react';
-import { FetchStatus } from '@tanstack/react-query';
+import { FetchStatus } from '@tanstack/query-core';
 import { GetAccountOpts } from '@pipedream/sdk';
+import { GetAppResponse } from '@pipedream/sdk';
 import { GetAppsOpts } from '@pipedream/sdk';
 import { GetComponentOpts } from '@pipedream/sdk';
 import { GroupBase } from 'react-select';
@@ -27,16 +23,14 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
 import { Props } from 'react-select';
 import { PropValue } from '@pipedream/sdk';
-import { QueryObserverResult } from '@tanstack/react-query';
+import { QueryObserverResult } from '@tanstack/query-core';
 import { ReactNode } from 'react';
-import { RefetchOptions } from '@tanstack/react-query';
+import { RefetchOptions } from '@tanstack/query-core';
 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';
 
 export declare function Alert({ prop }: AlertProps): JSX_2.Element;
 
@@ -49,6 +43,10 @@ export declare type BaseReactSelectProps<Option, IsMulti extends boolean, Group
     styles?: StylesConfig;
 };
 
+declare type ButtonProps = {
+    onChange: () => void;
+};
+
 export declare type Colors = {
     primary: string;
     primary75: string;
@@ -85,7 +83,10 @@ declare type ComponentFormProps<T extends ConfigurableProps, U = ConfiguredProps
     propNames?: string[];
     onSubmit?: (ctx: FormContext<T>) => void | Promise<void>;
     onUpdateConfiguredProps?: (v: U) => void;
+    onUpdateDynamicProps?: (dp: DynamicProps<T>) => void;
     hideOptionalProps?: boolean;
+    sdkResponse?: unknown | undefined;
+    enableDebugging?: boolean;
 };
 
 export declare type ComponentLibrary = typeof defaultComponents;
@@ -109,7 +110,7 @@ declare type ControlProps<T extends ConfigurableProps, U extends ConfigurablePro
     form: FormContext<T>;
 };
 
-export declare function ControlSelect<T>({ isCreatable, options, selectProps, }: ControlSelectProps<T>): JSX_2.Element;
+export declare function ControlSelect<T>({ isCreatable, options, selectProps, showLoadMoreButton, onLoadMore, }: ControlSelectProps<T>): JSX_2.Element;
 
 declare type ControlSelectProps<T> = {
     isCreatable?: boolean;
@@ -118,6 +119,8 @@ declare type ControlSelectProps<T> = {
         value: T;
     }[];
     selectProps?: Props;
+    showLoadMoreButton?: boolean;
+    onLoadMore?: () => void;
 };
 
 export declare function ControlSubmit(props: ControlSubmitProps): JSX_2.Element;
@@ -158,6 +161,7 @@ export declare type CustomizableProps = {
     label: ComponentProps<typeof Label>;
     optionalFields: ComponentProps<typeof ComponentForm>;
     optionalFieldButton: ComponentProps<typeof OptionalFieldButton>;
+    loadMoreButton: ComponentProps<typeof LoadMoreButton>;
 };
 
 export declare type Customization = {
@@ -215,6 +219,7 @@ export declare const defaultComponents: {
     Errors: typeof Errors;
     Label: typeof Label;
     OptionalFieldButton: (props: OptionalFieldButtonProps) => JSX_2.Element;
+    Button: (props: ButtonProps) => JSX_2.Element;
 };
 
 export declare const defaultTheme: Theme;
@@ -229,7 +234,7 @@ declare type DescriptionProps<T extends ConfigurableProps, U extends Configurabl
 
 export declare type DynamicProps<T extends ConfigurableProps> = {
     id: string;
-    configurable_props: T;
+    configurableProps: T;
 };
 
 export declare class ErrorBoundary extends Component<Props_2> {
@@ -245,7 +250,6 @@ export declare class ErrorBoundary extends Component<Props_2> {
 export declare function Errors<T extends ConfigurableProps, U extends ConfigurableProp>(props: ErrorsProps<T, U>): JSX_2.Element | null;
 
 declare type ErrorsProps<T extends ConfigurableProps, U extends ConfigurableProp> = {
-    errors: string[];
     field: FormFieldContext<U>;
     form: FormContext<T>;
 };
@@ -268,16 +272,22 @@ export declare type FormContext<T extends ConfigurableProps> = {
     configuredProps: ConfiguredProps<T>;
     dynamicProps?: DynamicProps<T>;
     dynamicPropsQueryIsFetching?: boolean;
+    errors: Record<string, string[]>;
+    sdkErrors: SdkError[];
+    fields: Record<string, FormFieldContext<ConfigurableProp>>;
     id: string;
     isValid: boolean;
     optionalPropIsEnabled: (prop: ConfigurableProp) => boolean;
     optionalPropSetEnabled: (prop: ConfigurableProp, enabled: boolean) => void;
     props: ComponentFormProps<T>;
+    propsNeedConfiguring: string[];
     queryDisabledIdx?: number;
+    registerField: <T extends ConfigurableProp>(field: FormFieldContext<T>) => void;
     setConfiguredProp: (idx: number, value: unknown) => void;
     setSubmitting: (submitting: boolean) => void;
     submitting: boolean;
     userId: string;
+    enableDebugging?: boolean;
 };
 
 export declare const FormContext: Context<FormContext<any> | undefined>;
@@ -297,6 +307,8 @@ export declare type FormFieldContext<T extends ConfigurableProp> = {
     value: PropValue<T["type"]> | undefined;
     onChange: (value: PropValue<T["type"]> | undefined) => void;
     extra: FormFieldContextExtra<T>;
+    errors: Record<string, string[]>;
+    enableDebugging?: boolean;
 };
 
 export declare const FormFieldContext: Context<FormFieldContext<any> | undefined>;
@@ -326,6 +338,8 @@ declare type LabelProps<T extends ConfigurableProps, U extends ConfigurableProp>
     form: FormContext<T>;
 };
 
+declare const LoadMoreButton: (props: ButtonProps) => JSX_2.Element;
+
 export declare function mergeTheme(target: Theme, ...sources: (PartialTheme | undefined)[]): Theme;
 
 export declare const OptionalFieldButton: (props: OptionalFieldButtonProps) => JSX_2.Element;
@@ -359,6 +373,11 @@ declare type RemoteOptionsContainerProps = {
     queryEnabled?: boolean;
 };
 
+declare type SdkError = {
+    name: string;
+    message: string;
+};
+
 export declare function SelectApp({ value, onChange, }: SelectAppProps): JSX_2.Element;
 
 declare type SelectAppProps = {
@@ -388,6 +407,8 @@ export declare type Shadows = {
     dropdown: string;
 };
 
+export declare const skippablePropTypes: string[];
+
 export declare type Theme = {
     borderRadius?: number | string;
     colors: Partial<Colors>;
@@ -409,7 +430,7 @@ export declare const unstyledTheme: Theme;
 export declare const useAccounts: (input: GetAccountOpts, opts?: {
     useQueryOpts?: Omit<UseQueryOptions<AccountsRequestResponse>, "queryKey" | "queryFn">;
 }) => {
-    accounts: Account[];
+    accounts: any;
     data: AccountsRequestResponse;
     error: Error;
     isError: true;
@@ -436,7 +457,7 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AccountsRequestResponse>;
 } | {
-    accounts: Account[];
+    accounts: any;
     data: AccountsRequestResponse;
     error: null;
     isError: false;
@@ -463,7 +484,7 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AccountsRequestResponse>;
 } | {
-    accounts: Account[];
+    accounts: any;
     data: undefined;
     error: Error;
     isError: true;
@@ -490,7 +511,7 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AccountsRequestResponse>;
 } | {
-    accounts: Account[];
+    accounts: any;
     data: undefined;
     error: null;
     isError: false;
@@ -517,7 +538,7 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AccountsRequestResponse>;
 } | {
-    accounts: Account[];
+    accounts: any;
     data: undefined;
     error: null;
     isError: false;
@@ -549,20 +570,125 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
  * Get details about an app
  */
 export declare const useApp: (slug: string, opts?: {
-    useQueryOpts?: Omit<UseSuspenseQueryOptions<AppRequestResponse>, "queryKey" | "queryFn">;
+    useQueryOpts?: Omit<UseQueryOptions<GetAppResponse>, "queryKey" | "queryFn">;
 }) => {
-    app: AppResponse;
-    error: Error | null;
+    app: any;
+    data: GetAppResponse;
+    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;
     isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppResponse, Error>>;
+    fetchStatus: FetchStatus;
+    promise: Promise<GetAppResponse>;
+} | {
+    app: any;
+    data: GetAppResponse;
+    error: null;
+    isError: false;
+    isPending: false;
     isLoading: false;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
-    data: AppRequestResponse;
-    status: "error" | "success";
-    isError: boolean;
+    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<GetAppResponse, Error>>;
+    fetchStatus: FetchStatus;
+    promise: Promise<GetAppResponse>;
+} | {
+    app: any;
+    data: undefined;
+    error: Error;
+    isError: true;
     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<GetAppResponse, Error>>;
+    fetchStatus: FetchStatus;
+    promise: Promise<GetAppResponse>;
+} | {
+    app: any;
+    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<GetAppResponse, Error>>;
+    fetchStatus: FetchStatus;
+    promise: Promise<GetAppResponse>;
+} | {
+    app: any;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
     isLoadingError: false;
-    isRefetchError: boolean;
-    isSuccess: boolean;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
@@ -570,19 +696,24 @@ 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<GetAppResponse, Error>>;
     fetchStatus: FetchStatus;
+    promise: Promise<GetAppResponse>;
 };
 
 /**
  * Get list of apps that can be authenticated
  */
 export declare const useApps: (input?: GetAppsOpts) => {
-    apps: AppResponse_2[] | undefined;
-    data: AppsRequestResponse;
+    apps: any;
+    data: any;
     error: Error;
     isError: true;
     isPending: false;
@@ -604,12 +735,12 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppsRequestResponse>;
+    promise: Promise<any>;
 } | {
-    apps: AppResponse_2[] | undefined;
-    data: AppsRequestResponse;
+    apps: any;
+    data: any;
     error: null;
     isError: false;
     isPending: false;
@@ -631,11 +762,11 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppsRequestResponse>;
+    promise: Promise<any>;
 } | {
-    apps: AppResponse_2[] | undefined;
+    apps: any;
     data: undefined;
     error: Error;
     isError: true;
@@ -658,11 +789,11 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppsRequestResponse>;
+    promise: Promise<any>;
 } | {
-    apps: AppResponse_2[] | undefined;
+    apps: any;
     data: undefined;
     error: null;
     isError: false;
@@ -685,11 +816,11 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppsRequestResponse>;
+    promise: Promise<any>;
 } | {
-    apps: AppResponse_2[] | undefined;
+    apps: any;
     data: undefined;
     error: null;
     isError: false;
@@ -712,9 +843,9 @@ export declare const useApps: (input?: GetAppsOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppsRequestResponse>;
+    promise: Promise<any>;
 };
 
 /**
@@ -725,7 +856,7 @@ export declare const useComponent: ({ key }: {
 }, opts?: {
     useQueryOpts?: Omit<UseQueryOptions<ComponentRequestResponse>, "queryKey" | "queryFn">;
 }) => {
-    component: V1Component | undefined;
+    component: any;
     data: ComponentRequestResponse;
     error: Error;
     isError: true;
@@ -752,7 +883,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<ComponentRequestResponse>;
 } | {
-    component: V1Component | undefined;
+    component: any;
     data: ComponentRequestResponse;
     error: null;
     isError: false;
@@ -779,7 +910,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<ComponentRequestResponse>;
 } | {
-    component: V1Component | undefined;
+    component: any;
     data: undefined;
     error: Error;
     isError: true;
@@ -806,7 +937,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<ComponentRequestResponse>;
 } | {
-    component: V1Component | undefined;
+    component: any;
     data: undefined;
     error: null;
     isError: false;
@@ -833,7 +964,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<ComponentRequestResponse>;
 } | {
-    component: V1Component | undefined;
+    component: any;
     data: undefined;
     error: null;
     isError: false;
@@ -865,8 +996,8 @@ export declare const useComponent: ({ key }: {
  * Get list of components
  */
 export declare const useComponents: (input?: GetComponentOpts) => {
-    components: Omit<V1Component_2, "configurable_props">[];
-    data: ComponentsRequestResponse;
+    components: any;
+    data: any;
     error: Error;
     isError: true;
     isPending: false;
@@ -888,12 +1019,12 @@ export declare const useComponents: (input?: GetComponentOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentsRequestResponse>;
+    promise: Promise<any>;
 } | {
-    components: Omit<V1Component_2, "configurable_props">[];
-    data: ComponentsRequestResponse;
+    components: any;
+    data: any;
     error: null;
     isError: false;
     isPending: false;
@@ -915,11 +1046,11 @@ export declare const useComponents: (input?: GetComponentOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentsRequestResponse>;
+    promise: Promise<any>;
 } | {
-    components: Omit<V1Component_2, "configurable_props">[];
+    components: any;
     data: undefined;
     error: Error;
     isError: true;
@@ -942,11 +1073,11 @@ export declare const useComponents: (input?: GetComponentOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentsRequestResponse>;
+    promise: Promise<any>;
 } | {
-    components: Omit<V1Component_2, "configurable_props">[];
+    components: any;
     data: undefined;
     error: null;
     isError: false;
@@ -969,11 +1100,11 @@ export declare const useComponents: (input?: GetComponentOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentsRequestResponse>;
+    promise: Promise<any>;
 } | {
-    components: Omit<V1Component_2, "configurable_props">[];
+    components: any;
     data: undefined;
     error: null;
     isError: false;
@@ -996,9 +1127,9 @@ export declare const useComponents: (input?: GetComponentOpts) => {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<ComponentsRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<any, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<ComponentsRequestResponse>;
+    promise: Promise<any>;
 };
 
 export declare function useCustomize(): Customization;
@@ -1007,6 +1138,6 @@ export declare const useFormContext: () => FormContext<any>;
 
 export declare const useFormFieldContext: <T extends ConfigurableProp>() => FormFieldContext<T>;
 
-export declare const useFrontendClient: () => BrowserClient;
+export declare const useFrontendClient: () => any;
 
 export { }