ballerina-core 1.0.268 → 1.0.270

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

@@ -35,6 +35,8 @@ export const DateAbstractRenderer = <
     DateAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[date]";
 
     if (!PredicateValue.Operations.IsDate(props.context.value)) {
       console.error(
@@ -53,12 +55,17 @@ export const DateAbstractRenderer = <
 
     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/enum/template.tsx

@@ -49,6 +49,8 @@ export const EnumAbstractRenderer = <
     EnumAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[enum]";
 
     if (
       !PredicateValue.Operations.IsOption(props.context.value) &&
@@ -76,6 +78,7 @@ export const EnumAbstractRenderer = <
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
               activeOptions: !AsyncState.Operations.hasValue(
                 props.context.customFormState.options.sync,
               )

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

@@ -57,6 +57,8 @@ export const EnumMultiselectAbstractRenderer = <
     >
   >((props) => {
     const domNodeId = props.context.domNodeAncestorPath;
+    const legacy_domNodeId =
+      props.context.legacy_domNodeAncestorPath + "[enumMultiselect]";
 
     if (!PredicateValue.Operations.IsRecord(props.context.value)) {
       console.error(
@@ -75,12 +77,17 @@ export const EnumMultiselectAbstractRenderer = <
 
     return (
       <>
-        <IdProvider domNodeId={domNodeId}>
+        <IdProvider
+          domNodeId={
+            props.context.usePreprocessor ? domNodeId : legacy_domNodeId
+          }
+        >
           <props.view
             {...props}
             context={{
               ...props.context,
               domNodeId,
+              legacy_domNodeId,
               selectedIds: props.context.value.fields.keySeq().toArray(),
               activeOptions: !AsyncState.Operations.hasValue(
                 props.context.customFormState.options.sync,

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,