TASK-1786159: add support for add/edit row in popup

- adding ModalViewContainerComponent

Author: marekpelc-pega

core/src/commonMain/kotlin/com/pega/constellation/sdk/kmp/core/components/ComponentRegistry.kt

@@ -18,6 +18,7 @@ import com.pega.constellation.sdk.kmp.core.components.ComponentTypes.FlowContain
 import com.pega.constellation.sdk.kmp.core.components.ComponentTypes.Group
 import com.pega.constellation.sdk.kmp.core.components.ComponentTypes.Integer
 import com.pega.constellation.sdk.kmp.core.components.ComponentTypes.ListView
+import com.pega.constellation.sdk.kmp.core.components.ComponentTypes.ModalViewContainer
 import com.pega.constellation.sdk.kmp.core.components.ComponentTypes.OneColumn
 import com.pega.constellation.sdk.kmp.core.components.ComponentTypes.Phone
 import com.pega.constellation.sdk.kmp.core.components.ComponentTypes.RadioButtons
@@ -41,6 +42,7 @@ import com.pega.constellation.sdk.kmp.core.components.containers.FieldGroupTempl
 import com.pega.constellation.sdk.kmp.core.components.containers.FlowContainerComponent
 import com.pega.constellation.sdk.kmp.core.components.containers.GroupComponent
 import com.pega.constellation.sdk.kmp.core.components.containers.ListViewComponent
+import com.pega.constellation.sdk.kmp.core.components.containers.ModalViewContainerComponent
 import com.pega.constellation.sdk.kmp.core.components.containers.OneColumnComponent
 import com.pega.constellation.sdk.kmp.core.components.containers.RegionComponent
 import com.pega.constellation.sdk.kmp.core.components.containers.RootContainerComponent
@@ -94,6 +96,7 @@ object ComponentRegistry {
         Def(Group) { GroupComponent(it) },
         Def(Integer) { IntegerComponent(it) },
         Def(ListView) { ListViewComponent(it) },
+        Def(ModalViewContainer) { ModalViewContainerComponent(it) },
         Def(OneColumn) { OneColumnComponent(it) },
         Def(Phone) { PhoneComponent(it) },
         Def(RadioButtons) { RadioButtonsComponent(it) },

core/src/commonMain/kotlin/com/pega/constellation/sdk/kmp/core/components/ComponentTypes.kt

@@ -14,6 +14,7 @@ object ComponentTypes {
     val FlowContainer = ComponentType("FlowContainer")
     val Group = ComponentType("Group")
     val ListView = ComponentType("ListView")
+    val ModalViewContainer = ComponentType("ModalViewContainer")
     val OneColumn = ComponentType("OneColumn")
     val Region = ComponentType("Region")
     val RootContainer = ComponentType("RootContainer")

core/src/commonMain/kotlin/com/pega/constellation/sdk/kmp/core/components/containers/ModalViewContainer.kt

@@ -0,0 +1,45 @@
+package com.pega.constellation.sdk.kmp.core.components.containers
+
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import com.pega.constellation.sdk.kmp.core.api.ComponentContext
+import com.pega.constellation.sdk.kmp.core.api.ComponentEvent
+import com.pega.constellation.sdk.kmp.core.components.getBoolean
+import com.pega.constellation.sdk.kmp.core.components.getString
+import kotlinx.serialization.json.JsonObject
+
+class ModalViewContainerComponent(context: ComponentContext) : ContainerComponent(context) {
+    var visible by mutableStateOf(false)
+    var title by mutableStateOf("")
+        private set
+    var cancelButtonLabel by mutableStateOf("")
+        private set
+    var submitButtonLabel by mutableStateOf("")
+        private set
+
+    override fun applyProps(props: JsonObject) {
+        super.applyProps(props)
+        visible = props.getBoolean("visible")
+        title = props.getString("title")
+        cancelButtonLabel = props.getString("cancelLabel")
+        submitButtonLabel = props.getString("submitLabel")
+    }
+
+    fun onCancelClick() {
+        context.sendComponentEvent(cancelEvent())
+    }
+
+    fun onSubmitClick() {
+        context.sendComponentEvent(submitEvent())
+    }
+
+    fun cancelEvent() = ComponentEvent(
+        type = "ModalViewContainerEvent",
+        eventData = mapOf("type" to "cancel")
+    )
+    fun submitEvent() = ComponentEvent(
+        type = "ModalViewContainerEvent",
+        eventData = mapOf("type" to "submit")
+    )
+}

core/src/commonMain/kotlin/com/pega/constellation/sdk/kmp/core/components/containers/RootContainer.kt

@@ -20,6 +20,8 @@ class RootContainerComponent(context: ComponentContext) : BaseComponent(context)
         private set
     var dialogConfig: Dialog.Config? by mutableStateOf(null)
         private set
+    var modalViewContainer: ModalViewContainerComponent? by mutableStateOf(null)
+        private set
 
     fun presentDialog(config: Dialog.Config) {
         dialogConfig = config
@@ -33,8 +35,10 @@ class RootContainerComponent(context: ComponentContext) : BaseComponent(context)
 
     override fun applyProps(props: JsonObject) {
         val viewContainerId = ComponentId(props.getString("viewContainer").toInt())
-        val httpMessagesArray = props.getJSONArray("httpMessages")
         viewContainer = context.componentManager.getComponentTyped(viewContainerId)
+        val modalViewContainerId = ComponentId(props.getString("modalViewContainer").toInt())
+        modalViewContainer = context.componentManager.getComponentTyped(modalViewContainerId)
+        val httpMessagesArray = props.getJSONArray("httpMessages")
         httpMessages = httpMessagesArray.mapWithIndex {
             val httpMessage = getJsonObject(it)
             val type = httpMessage.getString("type")

core/src/commonMain/kotlin/com/pega/constellation/sdk/kmp/core/components/containers/SimpleTableManual.kt

@@ -62,31 +62,52 @@ class SimpleTableManualComponent(context: ComponentContext) : BaseComponent(cont
             )
         }
 
-    fun addRow() = context.sendComponentEvent(ComponentEvent.simpleTableManualAddRow())
+    fun addRow() = context.sendComponentEvent(simpleTableManualAddRowEvent())
 
     fun deleteRow(rowId: Int) =
-        context.sendComponentEvent(ComponentEvent.simpleTableManualDeleteRow(rowId))
+        context.sendComponentEvent(simpleTableManualDeleteRowEvent(rowId))
 
     fun reorderRow(fromIndex: Int, toIndex: Int) =
-        context.sendComponentEvent(ComponentEvent.simpleTableManualReorderRow(fromIndex, toIndex))
+        context.sendComponentEvent(simpleTableManualReorderRowEvent(fromIndex, toIndex))
 
-    private fun ComponentEvent.Companion.simpleTableManualAddRow() =
+    fun editRowInModal(rowId: Int) =
+        context.sendComponentEvent(simpleTableManualEditRowInModalEvent(rowId))
+
+    fun addRowInModal() =
+        context.sendComponentEvent(simpleTableManualAddRowInModalEvent())
+
+    private fun simpleTableManualAddRowEvent() =
         ComponentEvent("SimpleTableManualEvent", eventData = mapOf("type" to "addRow"))
 
-    private fun ComponentEvent.Companion.simpleTableManualDeleteRow(itemId: Int) =
+    private fun simpleTableManualDeleteRowEvent(itemId: Int) =
         ComponentEvent(
             "SimpleTableManualEvent",
             eventData = mapOf("type" to "deleteRow", "rowId" to itemId.toString())
         )
 
-    private fun ComponentEvent.Companion.simpleTableManualReorderRow(fromIndex: Int, toIndex: Int) =
+    private fun simpleTableManualReorderRowEvent(fromIndex: Int, toIndex: Int) =
         ComponentEvent(
             "SimpleTableManualEvent", eventData = mapOf(
                 "type" to "reorderRow",
                 "fromIndex" to fromIndex.toString(), "toIndex" to toIndex.toString()
             )
         )
 
+    private fun simpleTableManualEditRowInModalEvent(rowId: Int) =
+        ComponentEvent(
+            "SimpleTableManualEvent", eventData = mapOf(
+                "type" to "editRowInModal",
+                "rowId" to rowId.toString()
+            )
+        )
+
+    private fun simpleTableManualAddRowInModalEvent() =
+        ComponentEvent(
+            "SimpleTableManualEvent", eventData = mapOf(
+                "type" to "addRowInModal"
+            )
+        )
+
     data class Row(
         val cells: List<Cell>,
         val showEditButton: Boolean,

core/src/commonMain/kotlin/com/pega/constellation/sdk/kmp/core/components/widgets/Unsupported.kt

@@ -10,8 +10,8 @@ import com.pega.constellation.sdk.kmp.core.api.ComponentContextImpl
 import com.pega.constellation.sdk.kmp.core.api.ComponentType
 import com.pega.constellation.sdk.kmp.core.api.HideableComponent
 import com.pega.constellation.sdk.kmp.core.components.ComponentTypes
-import com.pega.constellation.sdk.kmp.core.components.getBoolean
-import com.pega.constellation.sdk.kmp.core.components.getString
+import com.pega.constellation.sdk.kmp.core.components.optBoolean
+import com.pega.constellation.sdk.kmp.core.components.optString
 import com.pega.constellation.sdk.kmp.core.components.widgets.UnsupportedComponent.Cause.MISSING_JAVASCRIPT_IMPLEMENTATION
 import com.pega.constellation.sdk.kmp.core.components.widgets.UnsupportedComponent.Cause.UNKNOWN_CAUSE
 import kotlinx.serialization.json.JsonObject
@@ -30,9 +30,9 @@ class UnsupportedComponent(
         private set
 
     override fun applyProps(props: JsonObject) {
-        type = ComponentType(props.getString("type"))
+        type = ComponentType(props.optString("type", this.type.type))
         cause = MISSING_JAVASCRIPT_IMPLEMENTATION
-        visible = props.getBoolean("visible")
+        visible = props.optBoolean("visible", visible)
     }
 
     enum class Cause {

engine-webview/src/androidMain/kotlin/com/pega/constellation/sdk/kmp/engine/webview/android/interceptor/WebViewNetworkInterceptor.kt

@@ -41,10 +41,14 @@ internal class WebViewNetworkInterceptor(
         }
 
     fun setRequestBody(body: String) {
+        Log.e("DEBUG", "Setting request body: $body")
         requestBody.set(body)
     }
 
     private fun OkHttpClient.execute(request: WebResourceRequest): Response {
+        if (request.method == "POST" || request.method == "PATCH") {
+            Log.e("DEBUG", "OkHttpClient.execute for: ${request.method} to ${request.url}, requestBody: $requestBody")
+        }
         val body = requestBody.takeIf { request.method in listOf("POST", "PATCH") }
             ?.getAndSet(null)
             ?.toRequestBody()