@pipedream/connect-react 1.0.0-preview.9 → 1.0.2

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

@@ -1,5 +1,4 @@
 import { AccountsRequestResponse } from '@pipedream/sdk';
-import { AppRequestResponse } from '@pipedream/sdk';
 import { AppResponse } from '@pipedream/sdk';
 import { BrowserClient } from '@pipedream/sdk/browser';
 import { ClassNamesConfig } from 'react-select';
@@ -16,6 +15,7 @@ import { CSSProperties } from 'react';
 import { FC } from 'react';
 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';
@@ -38,16 +38,15 @@ declare type AlertProps = {
     prop: ConfigurablePropAlert;
 };
 
-export declare function appPropError(opts: {
-    value: any;
-    app: AppResponse | undefined;
-}): string | undefined;
-
 export declare type BaseReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     styles?: StylesConfig;
 };
 
+declare type ButtonProps = {
+    onChange: () => void;
+};
+
 export declare type Colors = {
     primary: string;
     primary75: string;
@@ -84,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;
@@ -108,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;
@@ -117,6 +119,8 @@ declare type ControlSelectProps<T> = {
         value: T;
     }[];
     selectProps?: Props;
+    showLoadMoreButton?: boolean;
+    onLoadMore?: () => void;
 };
 
 export declare function ControlSubmit(props: ControlSubmitProps): JSX_2.Element;
@@ -157,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 = {
@@ -214,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;
@@ -244,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>;
 };
@@ -267,6 +272,8 @@ 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;
@@ -280,6 +287,7 @@ export declare type FormContext<T extends ConfigurableProps> = {
     setSubmitting: (submitting: boolean) => void;
     submitting: boolean;
     userId: string;
+    enableDebugging?: boolean;
 };
 
 export declare const FormContext: Context<FormContext<any> | undefined>;
@@ -299,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>;
@@ -328,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;
@@ -361,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 = {
@@ -390,6 +407,8 @@ export declare type Shadows = {
     dropdown: string;
 };
 
+export declare const skippablePropTypes: string[];
+
 export declare type Theme = {
     borderRadius?: number | string;
     colors: Partial<Colors>;
@@ -551,10 +570,10 @@ 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<UseQueryOptions<GetAppResponse>, "queryKey" | "queryFn">;
 }) => {
     app: any;
-    data: AppRequestResponse;
+    data: GetAppResponse;
     error: Error;
     isError: true;
     isPending: false;
@@ -576,12 +595,12 @@ export declare const useApp: (slug: string, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
+    promise: Promise<GetAppResponse>;
 } | {
     app: any;
-    data: AppRequestResponse;
+    data: GetAppResponse;
     error: null;
     isError: false;
     isPending: false;
@@ -603,9 +622,9 @@ export declare const useApp: (slug: string, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
+    promise: Promise<GetAppResponse>;
 } | {
     app: any;
     data: undefined;
@@ -630,9 +649,9 @@ export declare const useApp: (slug: string, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
+    promise: Promise<GetAppResponse>;
 } | {
     app: any;
     data: undefined;
@@ -657,9 +676,9 @@ export declare const useApp: (slug: string, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
+    promise: Promise<GetAppResponse>;
 } | {
     app: any;
     data: undefined;
@@ -684,9 +703,9 @@ export declare const useApp: (slug: string, opts?: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<AppRequestResponse, Error>>;
+    refetch: (options?: RefetchOptions) => Promise<QueryObserverResult<GetAppResponse, Error>>;
     fetchStatus: FetchStatus;
-    promise: Promise<AppRequestResponse>;
+    promise: Promise<GetAppResponse>;
 };
 
 /**