feat(connect-react): onUpdateDynamicProps (1.0.0-preview.15)

Author: tjk

packages/connect-react/CHANGELOG.md

@@ -1,6 +1,10 @@
 <!-- markdownlint-disable MD024 -->
 # Changelog
 
+# [1.0.0-preview.15] - 2024-12-18
+
+- Emit dynamic props via `onUpdateDynamicProps`
+
 # [1.0.0-preview.14] - 2024-12-17
 
 - Fixed one case of "maximum update depth exceeded" (useEffect component dependency)

packages/connect-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/connect-react",
-  "version": "1.0.0-preview.14",
+  "version": "1.0.0-preview.15",
   "description": "Pipedream Connect library for React",
   "files": [
     "dist"

packages/connect-react/src/components/ComponentForm.tsx

@@ -1,4 +1,5 @@
 import {
+  DynamicProps,
   FormContextProvider, type FormContext,
 } from "../hooks/form-context";
 import type {
@@ -13,9 +14,11 @@ export type ComponentFormProps<T extends ConfigurableProps, U = ConfiguredProps<
   component: V1Component<T>;
   configuredProps?: U; // XXX value?
   disableQueryDisabling?: boolean;
+  // dynamicPropsId?: string // XXX need to load this initially when passed
   propNames?: string[]; // TODO PropNames<T>
   onSubmit?: (ctx: FormContext<T>) => void | Promise<void>; // if passed, we include button
   onUpdateConfiguredProps?: (v: U) => void; // XXX onChange?
+  onUpdateDynamicProps?: (dp: DynamicProps<T>) => void;
   hideOptionalProps?: boolean;
 };
 

packages/connect-react/src/hooks/form-context.tsx

@@ -141,6 +141,7 @@ export const FormContextProvider = <T extends ConfigurableProps>({
       // XXX what about if null?
       // TODO observation errors, etc.
       if (dynamicProps) {
+        formProps.onUpdateDynamicProps?.(dynamicProps);
         setDynamicProps(dynamicProps);
       }
       setReloadPropIdx(undefined);