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

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

@@ -1,16 +1,11 @@
-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';
-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';
@@ -19,7 +14,7 @@ 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 { GetAppsOpts } from '@pipedream/sdk';
 import { GetComponentOpts } from '@pipedream/sdk';
@@ -28,15 +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 { V1Component } from '@pipedream/sdk';
-import { V1Component as V1Component_2 } from '@pipedream/sdk/browser';
 
 export declare function Alert({ prop }: AlertProps): JSX_2.Element;
 
@@ -44,6 +38,11 @@ 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;
@@ -71,26 +70,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 +103,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,17 +218,17 @@ 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> = {
     id: string;
-    configurable_props: T;
+    configurableProps: T;
 };
 
 export declare class ErrorBoundary extends Component<Props_2> {
@@ -268,12 +267,15 @@ export declare type FormContext<T extends ConfigurableProps> = {
     configuredProps: ConfiguredProps<T>;
     dynamicProps?: DynamicProps<T>;
     dynamicPropsQueryIsFetching?: boolean;
+    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;
@@ -302,7 +304,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 +320,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;
@@ -409,7 +411,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 +438,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 +465,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 +492,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 +519,7 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AccountsRequestResponse>;
 } | {
-    accounts: Account[];
+    accounts: any;
     data: undefined;
     error: null;
     isError: false;
@@ -551,7 +553,7 @@ export declare const useAccounts: (input: GetAccountOpts, opts?: {
 export declare const useApp: (slug: string, opts?: {
     useQueryOpts?: Omit<UseQueryOptions<AppRequestResponse>, "queryKey" | "queryFn">;
 }) => {
-    app: AppResponse | undefined;
+    app: any;
     data: AppRequestResponse;
     error: Error;
     isError: true;
@@ -578,7 +580,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AppRequestResponse>;
 } | {
-    app: AppResponse | undefined;
+    app: any;
     data: AppRequestResponse;
     error: null;
     isError: false;
@@ -605,7 +607,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AppRequestResponse>;
 } | {
-    app: AppResponse | undefined;
+    app: any;
     data: undefined;
     error: Error;
     isError: true;
@@ -632,7 +634,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AppRequestResponse>;
 } | {
-    app: AppResponse | undefined;
+    app: any;
     data: undefined;
     error: null;
     isError: false;
@@ -659,7 +661,7 @@ export declare const useApp: (slug: string, opts?: {
     fetchStatus: FetchStatus;
     promise: Promise<AppRequestResponse>;
 } | {
-    app: AppResponse | undefined;
+    app: any;
     data: undefined;
     error: null;
     isError: false;
@@ -691,8 +693,8 @@ export declare const useApp: (slug: string, opts?: {
  * 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;
@@ -714,12 +716,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;
@@ -741,11 +743,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;
@@ -768,11 +770,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;
@@ -795,11 +797,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;
@@ -822,9 +824,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>;
 };
 
 /**
@@ -835,7 +837,7 @@ export declare const useComponent: ({ key }: {
 }, opts?: {
     useQueryOpts?: Omit<UseQueryOptions<ComponentRequestResponse>, "queryKey" | "queryFn">;
 }) => {
-    component: V1Component | undefined;
+    component: any;
     data: ComponentRequestResponse;
     error: Error;
     isError: true;
@@ -862,7 +864,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<ComponentRequestResponse>;
 } | {
-    component: V1Component | undefined;
+    component: any;
     data: ComponentRequestResponse;
     error: null;
     isError: false;
@@ -889,7 +891,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<ComponentRequestResponse>;
 } | {
-    component: V1Component | undefined;
+    component: any;
     data: undefined;
     error: Error;
     isError: true;
@@ -916,7 +918,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<ComponentRequestResponse>;
 } | {
-    component: V1Component | undefined;
+    component: any;
     data: undefined;
     error: null;
     isError: false;
@@ -943,7 +945,7 @@ export declare const useComponent: ({ key }: {
     fetchStatus: FetchStatus;
     promise: Promise<ComponentRequestResponse>;
 } | {
-    component: V1Component | undefined;
+    component: any;
     data: undefined;
     error: null;
     isError: false;
@@ -975,8 +977,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;
@@ -998,12 +1000,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;
@@ -1025,11 +1027,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;
@@ -1052,11 +1054,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;
@@ -1079,11 +1081,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;
@@ -1106,9 +1108,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;
@@ -1117,6 +1119,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 { }