@react-typed-forms/schemas 16.0.1 → 16.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-typed-forms/schemas",
-  "version": "16.0.1",
+  "version": "16.0.3",
   "description": "",
   "type": "module",
   "main": "lib/index.cjs",
@@ -34,15 +34,15 @@
     "clsx": "^1 || ^2",
     "uuid": "^10.0.0",
     "jsonata": "^2.0.4",
-    "@astroapps/forms-core": "^1.0.0"
+    "@astroapps/forms-core": "^1.0.2"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19",
-    "@react-typed-forms/core": "^4.4.0"
+    "@react-typed-forms/core": "^4.4.2"
   },
   "devDependencies": {
     "react": "^18.2.0 || ^19",
-    "@react-typed-forms/core": "^4.4.0",
+    "@react-typed-forms/core": "^4.4.2",
     "@react-typed-forms/transform": "^0.2.0",
     "jest": "^29.7.0",
     "tsx": "^4.19.1",

package/src/RenderForm.tsx

@@ -45,6 +45,7 @@ export interface RenderFormProps {
   renderer: FormRenderer;
   options?: ControlRenderOptions;
 }
+
 /* @trackControls */
 export function RenderForm({
   data,
@@ -56,7 +57,12 @@ export function RenderForm({
   const [formState, setFormState] = useState(
     () => options?.formState ?? createFormState(schemaInterface),
   );
-  const state = formState.getControlState(data, form, options);
+  let effects: (() => void)[] | undefined = [];
+  const runAsync = (cb: () => void) => {
+    if (effects) effects.push(cb);
+    else cb();
+  };
+  const state = formState.getControlState(data, form, options, runAsync);
 
   useEffect(() => {
     if (!options?.formState) {
@@ -160,6 +166,7 @@ export function RenderForm({
         parent ?? state.dataNode ?? data,
         child,
         childOptions,
+        runAsync,
       );
     },
     runExpression: (scope, expr, returnResult) => {
@@ -169,6 +176,7 @@ export function RenderForm({
           dataNode: data,
           schemaInterface,
           returnResult,
+          runAsync,
         });
       }
     },
@@ -182,7 +190,18 @@ export function RenderForm({
   const renderedControl = renderer.renderLayout(
     options.adjustLayout?.(dataContext, layoutProps) ?? layoutProps,
   );
-  return renderer.renderVisibility({ visibility, ...renderedControl });
+  const rendered = renderer.renderVisibility({
+    visibility,
+    ...renderedControl,
+  });
+  useEffect(() => {
+    if (effects) {
+      const toRun = effects;
+      effects = undefined;
+      toRun.forEach((cb) => cb());
+    }
+  }, [effects]);
+  return rendered;
 }
 
 /**