ballerina-core 1.0.269 → 1.0.270

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/list/template.tsx

@@ -86,6 +86,8 @@ export const ListAbstractRenderer = <
               remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
               domNodeAncestorPath: _.domNodeAncestorPath + `[${elementIndex}]`,
               predictionAncestorPath: _.predictionAncestorPath + `[element]`,
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath + `[list][${elementIndex}]`,
               // the layout path does not need to be specific to the element index
               // since the same renderer is used for all elements
               layoutAncestorPath: _.layoutAncestorPath + `[list]`,
@@ -95,6 +97,7 @@ export const ListAbstractRenderer = <
               labelContext,
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
+              usePreprocessor: _.usePreprocessor,
             };
           },
         )
@@ -194,6 +197,8 @@ export const ListAbstractRenderer = <
               remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
               domNodeAncestorPath: _.domNodeAncestorPath + `[${elementIndex}]`,
               predictionAncestorPath: _.predictionAncestorPath + `[element]`,
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath + `[list][${elementIndex}]`,
               layoutAncestorPath: _.layoutAncestorPath + `[list]`,
               typeAncestors: [_.type as DispatchParsedType<T>].concat(
                 _.typeAncestors,
@@ -201,6 +206,7 @@ export const ListAbstractRenderer = <
               labelContext,
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
+              usePreprocessor: _.usePreprocessor,
             };
           },
         )
@@ -284,6 +290,8 @@ export const ListAbstractRenderer = <
     ListAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[list]";
 
     if (
       !PredicateValue.Operations.IsTuple(props.context.value) &&
@@ -305,12 +313,17 @@ export const ListAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
             }}
             foreignMutations={{
               ...props.foreignMutations,

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/lookup-type/template.tsx

@@ -53,12 +53,19 @@ export const LookupTypeAbstractRenderer = <
   >((props) => {
     return (
       <>
-        <IdProvider domNodeId={props.context.domNodeAncestorPath}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor
+              ? props.context.domNodeAncestorPath
+              : props.context.legacy_domNodeAncestorPath
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId: props.context.domNodeAncestorPath,
+              legacy_domNodeId: props.context.legacy_domNodeAncestorPath,
               lookupTypeAncestorNames: [
                 ...props.context.lookupTypeAncestorNames,
                 LookupType.SerializeToString(lookupType.name),

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/map/template.tsx

@@ -102,6 +102,8 @@ export const MapAbstractRenderer = <
               remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
               domNodeAncestorPath:
                 _.domNodeAncestorPath + `[${elementIndex}][Key]`,
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath + `[map][${elementIndex}][key]`,
               predictionAncestorPath:
                 _.predictionAncestorPath + `[element][Key]`,
               layoutAncestorPath: _.layoutAncestorPath + `[map][key]`,
@@ -111,6 +113,7 @@ export const MapAbstractRenderer = <
               labelContext,
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
+              usePreprocessor: _.usePreprocessor,
             };
           },
         )
@@ -221,6 +224,8 @@ export const MapAbstractRenderer = <
               remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
               domNodeAncestorPath:
                 _.domNodeAncestorPath + `[${elementIndex}][Value]`,
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath + `[map][${elementIndex}][value]`,
               predictionAncestorPath:
                 _.predictionAncestorPath + `[element][Value]`,
               layoutAncestorPath: _.layoutAncestorPath + `[map][value]`,
@@ -229,6 +234,7 @@ export const MapAbstractRenderer = <
               ),
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
+              usePreprocessor: _.usePreprocessor,
             };
           },
         )
@@ -320,6 +326,7 @@ export const MapAbstractRenderer = <
     MapAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId = props.context.legacy_domNodeAncestorPath + "[map]";
 
     if (!PredicateValue.Operations.IsTuple(props.context.value)) {
       console.error(
@@ -338,12 +345,17 @@ export const MapAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
             }}
             foreignMutations={{
               ...props.foreignMutations,

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/number/template.tsx

@@ -35,6 +35,8 @@ export const NumberAbstractRenderer = <
     NumberAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[number]";
 
     if (!PredicateValue.Operations.IsNumber(props.context.value)) {
       console.error(
@@ -52,12 +54,17 @@ export const NumberAbstractRenderer = <
     }
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
             }}
             foreignMutations={{
               ...props.foreignMutations,

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/one/template.tsx

@@ -163,11 +163,14 @@ export const OneAbstractRenderer = <
           _.typeAncestors,
         ),
         domNodeAncestorPath: _.domNodeAncestorPath + "[Value]",
+        legacy_domNodeAncestorPath:
+          _.legacy_domNodeAncestorPath + "[one][details]",
         predictionAncestorPath: _.predictionAncestorPath + "[Value]",
         layoutAncestorPath: _.layoutAncestorPath + "[one][details]",
         lookupTypeAncestorNames: _.lookupTypeAncestorNames,
         preprocessedSpecContext: _.preprocessedSpecContext,
         labelContext,
+        usePreprocessor: _.usePreprocessor,
       };
     })
       .mapState(
@@ -261,11 +264,14 @@ export const OneAbstractRenderer = <
                 _.typeAncestors,
               ),
               domNodeAncestorPath: _.domNodeAncestorPath + "[Value]",
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath + "[one][preview]",
               predictionAncestorPath: _.predictionAncestorPath + "[Value]",
               layoutAncestorPath: _.layoutAncestorPath + "[one][preview]",
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
               labelContext,
+              usePreprocessor: _.usePreprocessor,
             };
           })
             .mapState(
@@ -339,6 +345,7 @@ export const OneAbstractRenderer = <
     OneAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId = props.context.legacy_domNodeAncestorPath + "[one]";
     const value = props.context.value;
 
     if (
@@ -368,12 +375,17 @@ export const OneAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
               value,
               hasMoreValues:
                 props.context.customFormState.stream.kind === "r"

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/readOnly/template.tsx

@@ -78,6 +78,8 @@ export const ReadOnlyAbstractRenderer = <
           customPresentationContext: _.customPresentationContext,
           remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
           domNodeAncestorPath: _.domNodeAncestorPath + `[ReadOnly]`,
+          legacy_domNodeAncestorPath:
+            _.legacy_domNodeAncestorPath + "[readOnly]",
           predictionAncestorPath: _.predictionAncestorPath + "[ReadOnly]",
           layoutAncestorPath: _.layoutAncestorPath + "[readOnly]",
           typeAncestors: [_.type as DispatchParsedType<any>].concat(
@@ -86,6 +88,7 @@ export const ReadOnlyAbstractRenderer = <
           lookupTypeAncestorNames: _.lookupTypeAncestorNames,
           preprocessedSpecContext: _.preprocessedSpecContext,
           labelContext,
+          usePreprocessor: _.usePreprocessor,
         };
       },
     )
@@ -142,6 +145,9 @@ export const ReadOnlyAbstractRenderer = <
     ReadOnlyAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[readOnly]";
+
     if (!PredicateValue.Operations.IsReadOnly(props.context.value)) {
       console.error(
         `ReadOnly value expected but got: ${JSON.stringify(
@@ -158,12 +164,17 @@ export const ReadOnlyAbstractRenderer = <
     }
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
             }}
             embeddedTemplate={configuredChildTemplate}
           />

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/record/template.tsx

@@ -116,6 +116,8 @@ export const RecordAbstractRenderer = <
               customPresentationContext: _.customPresentationContext,
               remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
               domNodeAncestorPath: _.domNodeAncestorPath + `[${fieldName}]`,
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath + `[record][${fieldName}]`,
               predictionAncestorPath:
                 _.predictionAncestorPath + `[${fieldName}]`,
               layoutAncestorPath:
@@ -126,6 +128,7 @@ export const RecordAbstractRenderer = <
               ),
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
+              usePreprocessor: _.usePreprocessor,
             };
           },
         )
@@ -218,7 +221,8 @@ export const RecordAbstractRenderer = <
     RecordAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
-
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[record]";
     if (
       !PredicateValue.Operations.IsRecord(props.context.value) &&
       !PredicateValue.Operations.IsUnit(props.context.value)
@@ -313,11 +317,16 @@ export const RecordAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
               layout: calculatedLayout.value,
             }}
             foreignMutations={{

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/searchable-infinite-stream/template.tsx

@@ -110,6 +110,8 @@ export const SearchableInfiniteStreamAbstractRenderer = <
     >
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[searchableInfiniteStream]";
 
     if (!PredicateValue.Operations.IsOption(props.context.value)) {
       console.error(
@@ -128,12 +130,17 @@ export const SearchableInfiniteStreamAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
               hasMoreValues: !(
                 props.context.customFormState.stream.loadedElements.last()
                   ?.hasMoreValues == false

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/searchable-infinite-stream-multiselect/template.tsx

@@ -112,6 +112,9 @@ export const InfiniteMultiselectDropdownFormAbstractRenderer = <
     >
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath +
+      "[searchableInfiniteStreamMultiselect]";
 
     if (!PredicateValue.Operations.IsRecord(props.context.value)) {
       console.error(
@@ -132,12 +135,17 @@ export const InfiniteMultiselectDropdownFormAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
               hasMoreValues: !(
                 props.context.customFormState.stream.loadedElements.last()
                   ?.hasMoreValues == false

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/secret/template.tsx

@@ -33,6 +33,8 @@ export const SecretAbstractRenderer = <
     SecretAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[secret]";
 
     if (!PredicateValue.Operations.IsString(props.context.value)) {
       console.error(
@@ -51,12 +53,17 @@ export const SecretAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
             }}
             foreignMutations={{
               ...props.foreignMutations,

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/state.ts

@@ -36,15 +36,18 @@ export type CommonAbstractRendererReadonlyContext<
   customPresentationContext: C | undefined;
   remoteEntityVersionIdentifier: string;
   domNodeAncestorPath: string;
+  legacy_domNodeAncestorPath: string;
   predictionAncestorPath: string;
   layoutAncestorPath: string;
   typeAncestors: DispatchParsedType<any>[];
   lookupTypeAncestorNames: string[];
   preprocessedSpecContext?: PreprocessedSpecContext;
+  usePreprocessor: boolean;
 };
 
 export type CommonAbstractRendererViewOnlyReadonlyContext = {
   domNodeId: string;
+  legacy_domNodeId: string;
 };
 
 export type PreprocessedSpecContext = {

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/string/template.tsx

@@ -36,6 +36,8 @@ export const StringAbstractRenderer = <
     StringAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[string]";
 
     if (!PredicateValue.Operations.IsString(props.context.value)) {
       console.error(
@@ -54,12 +56,17 @@ export const StringAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
             }}
             foreignMutations={{
               ...props.foreignMutations,

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/sum/template.tsx

@@ -89,6 +89,8 @@ export const SumAbstractRenderer = <
                   remoteEntityVersionIdentifier:
                     _.remoteEntityVersionIdentifier,
                   domNodeAncestorPath: _.domNodeAncestorPath + "[Value]",
+                  legacy_domNodeAncestorPath:
+                    _.legacy_domNodeAncestorPath + "[sum][left]",
                   predictionAncestorPath: _.predictionAncestorPath + "[Value]",
                   layoutAncestorPath: _.layoutAncestorPath + "[sum][left]",
                   typeAncestors: [_.type as DispatchParsedType<any>].concat(
@@ -97,6 +99,7 @@ export const SumAbstractRenderer = <
                   lookupTypeAncestorNames: _.lookupTypeAncestorNames,
                   preprocessedSpecContext: _.preprocessedSpecContext,
                   labelContext,
+                  usePreprocessor: _.usePreprocessor,
                 };
               },
             )
@@ -188,6 +191,8 @@ export const SumAbstractRenderer = <
                   remoteEntityVersionIdentifier:
                     _.remoteEntityVersionIdentifier,
                   domNodeAncestorPath: _.domNodeAncestorPath + "[Value]",
+                  legacy_domNodeAncestorPath:
+                    _.legacy_domNodeAncestorPath + "[sum][right]",
                   predictionAncestorPath: _.predictionAncestorPath + "[Value]",
                   layoutAncestorPath: _.layoutAncestorPath + "[sum][right]",
                   typeAncestors: [_.type as DispatchParsedType<any>].concat(
@@ -196,6 +201,7 @@ export const SumAbstractRenderer = <
                   lookupTypeAncestorNames: _.lookupTypeAncestorNames,
                   preprocessedSpecContext: _.preprocessedSpecContext,
                   labelContext,
+                  usePreprocessor: _.usePreprocessor,
                 };
               },
             )
@@ -258,6 +264,7 @@ export const SumAbstractRenderer = <
     SumAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId = props.context.legacy_domNodeAncestorPath + "[sum]";
 
     if (
       !PredicateValue.Operations.IsSum(props.context.value) &&
@@ -279,12 +286,17 @@ export const SumAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
             }}
             foreignMutations={{
               ...props.foreignMutations,

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/table/template.tsx

@@ -216,6 +216,9 @@ export const TableAbstractRenderer = <
             ),
             domNodeAncestorPath:
               _.domNodeAncestorPath + `[Values][${idx}][${column}]`,
+            legacy_domNodeAncestorPath:
+              _.legacy_domNodeAncestorPath +
+              `[table][cell][${rowId}][record][${column}]`,
             predictionAncestorPath:
               _.predictionAncestorPath + `[Values][element][${column}]`,
             layoutAncestorPath:
@@ -223,6 +226,7 @@ export const TableAbstractRenderer = <
             lookupTypeAncestorNames: _.lookupTypeAncestorNames,
             preprocessedSpecContext: _.preprocessedSpecContext,
             labelContext,
+            usePreprocessor: _.usePreprocessor,
           };
         })
 
@@ -395,12 +399,16 @@ export const TableAbstractRenderer = <
               ),
               domNodeAncestorPath:
                 _.domNodeAncestorPath + `[table][cell][${selectedDetailRow}]`,
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath +
+                `[table][cell][${selectedDetailRow}]`,
               predictionAncestorPath:
                 _.predictionAncestorPath + `[Values][element]`,
               layoutAncestorPath: _.layoutAncestorPath + `[table][details]`,
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
               labelContext,
+              usePreprocessor: _.usePreprocessor,
             };
           })
             .mapStateFromProps<TableAbstractRendererState>(
@@ -550,6 +558,8 @@ export const TableAbstractRenderer = <
     TableAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[table]";
 
     if (!PredicateValue.Operations.IsTable(props.context.value)) {
       console.error(
@@ -634,8 +644,8 @@ export const TableAbstractRenderer = <
 
     const validColumns = CellTemplates.keySeq().toArray();
 
-    const validVisibleColumns = validColumns.filter((column) =>
-      visibleColumns.value.columns.includes(column),
+    const validVisibleColumns = visibleColumns.value.columns.filter((column) =>
+      validColumns.includes(column),
     );
 
     const embeddedTableData =
@@ -683,7 +693,11 @@ export const TableAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
@@ -695,6 +709,7 @@ export const TableAbstractRenderer = <
                   : undefined,
               },
               domNodeId,
+              legacy_domNodeId,
               tableHeaders: validVisibleColumns,
               columnLabels: ColumnLabels,
               hasMoreValues: !!hasMoreValues,

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/tuple/template.tsx

@@ -88,6 +88,8 @@ export const DispatchTupleAbstractRenderer = <
               type: _.type.args[itemIndex],
               domNodeAncestorPath:
                 _.domNodeAncestorPath + `[Item${itemIndex + 1}]`,
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath + `[tuple][${itemIndex + 1}]`,
               predictionAncestorPath:
                 _.predictionAncestorPath + `[Item${itemIndex + 1}]`,
               layoutAncestorPath:
@@ -98,6 +100,7 @@ export const DispatchTupleAbstractRenderer = <
               labelContext: labelContext,
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
+              usePreprocessor: _.usePreprocessor,
             };
           },
         )
@@ -181,6 +184,8 @@ export const DispatchTupleAbstractRenderer = <
     TupleAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[tuple]";
 
     if (!PredicateValue.Operations.IsTuple(props.context.value)) {
       console.error(
@@ -199,12 +204,17 @@ export const DispatchTupleAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
             }}
             foreignMutations={{
               ...props.foreignMutations,

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/union/template.tsx

@@ -89,6 +89,8 @@ export const UnionAbstractRenderer = <
                 _.typeAncestors,
               ),
               domNodeAncestorPath: _.domNodeAncestorPath + `[${caseName}]`,
+              legacy_domNodeAncestorPath:
+                _.legacy_domNodeAncestorPath + `[union][${caseName}]`,
               predictionAncestorPath:
                 _.predictionAncestorPath + `[${caseName}]`,
               layoutAncestorPath:
@@ -96,6 +98,7 @@ export const UnionAbstractRenderer = <
               lookupTypeAncestorNames: _.lookupTypeAncestorNames,
               preprocessedSpecContext: _.preprocessedSpecContext,
               labelContext,
+              usePreprocessor: _.usePreprocessor,
             };
           },
         )
@@ -148,6 +151,8 @@ export const UnionAbstractRenderer = <
     UnionAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[union]";
 
     if (!PredicateValue.Operations.IsUnionCase(props.context.value)) {
       console.error(
@@ -166,12 +171,17 @@ export const UnionAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
               defaultCaseValues,
             }}
             foreignMutations={{