@pipedream/connect-react 1.0.0-preview.8 → 1.0.1

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';
@@ -43,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;
@@ -79,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;
@@ -103,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;
@@ -112,6 +119,8 @@ declare type ControlSelectProps<T> = {
         value: T;
     }[];
     selectProps?: Props;
+    showLoadMoreButton?: boolean;
+    onLoadMore?: () => void;
 };
 
 export declare function ControlSubmit(props: ControlSubmitProps): JSX_2.Element;
@@ -152,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 = {
@@ -209,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;
@@ -239,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>;
 };
@@ -262,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>;
@@ -291,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>;
@@ -320,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;
@@ -353,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 = {
@@ -382,6 +407,8 @@ export declare type Shadows = {
     dropdown: string;
 };
 
+export declare const skippablePropTypes: string[];
+
 export declare type Theme = {
     borderRadius?: number | string;
     colors: Partial<Colors>;
@@ -543,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;
@@ -568,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;
@@ -595,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;
@@ -622,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;
@@ -649,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;
@@ -676,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>;
 };
 
 /**