[Rich text editor] Add link functionality to rich text editor (#1309)

* Add link functionality to rich text editor
* Add 'list dialog' component compound design library
* Add 'text field list item' component to compound design library

libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/components/dialogs/ListDialog.kt

@@ -0,0 +1,124 @@
+/*
+ * Copyright (c) 2023 New Vector Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package io.element.android.libraries.designsystem.components.dialogs
+
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.LazyListScope
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import com.airbnb.android.showkase.annotation.ShowkaseComposable
+import io.element.android.libraries.designsystem.components.list.TextFieldListItem
+import io.element.android.libraries.designsystem.preview.DayNightPreviews
+import io.element.android.libraries.designsystem.preview.ElementPreview
+import io.element.android.libraries.designsystem.preview.PreviewGroup
+import io.element.android.libraries.designsystem.theme.components.DialogPreview
+import io.element.android.libraries.designsystem.theme.components.ListSupportingText
+import io.element.android.libraries.designsystem.theme.components.SimpleAlertDialogContent
+import io.element.android.libraries.ui.strings.CommonStrings
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun ListDialog(
+    onDismissRequest: () -> Unit,
+    onSubmit: () -> Unit,
+    modifier: Modifier = Modifier,
+    title: String? = null,
+    subtitle: String? = null,
+    cancelText: String = stringResource(CommonStrings.action_cancel),
+    submitText: String = stringResource(CommonStrings.action_ok),
+    listItems: LazyListScope.() -> Unit,
+) {
+    val decoratedSubtitle: @Composable (() -> Unit)? = subtitle?.let {
+        @Composable {
+            ListSupportingText(
+                text = it,
+                modifier = Modifier.padding(start = 8.dp)
+            )
+        }
+    }
+    AlertDialog(
+        modifier = modifier,
+        onDismissRequest = onDismissRequest,
+    ) {
+        ListDialogContent(
+            title = title,
+            subtitle = decoratedSubtitle,
+            cancelText = cancelText,
+            submitText = submitText,
+            onDismissRequest = onDismissRequest,
+            onSubmitClicked = onSubmit,
+            listItems = listItems,
+        )
+    }
+}
+
+@Composable
+internal fun ListDialogContent(
+    listItems: LazyListScope.() -> Unit,
+    onDismissRequest: () -> Unit,
+    onSubmitClicked: () -> Unit,
+    cancelText: String,
+    submitText: String,
+    modifier: Modifier = Modifier,
+    title: String? = null,
+    subtitle: @Composable (() -> Unit)? = null,
+) {
+    SimpleAlertDialogContent(
+        title = title,
+        subtitle = subtitle,
+        modifier = modifier,
+        cancelText = cancelText,
+        submitText = submitText,
+        onCancelClicked = onDismissRequest,
+        onSubmitClicked = onSubmitClicked,
+        applyPaddingToContents = false,
+    ) {
+        LazyColumn(
+            modifier = Modifier.padding(start = 8.dp)
+        ) { listItems() }
+    }
+}
+
+@DayNightPreviews
+@ShowkaseComposable(group = PreviewGroup.Dialogs)
+@Composable
+internal fun ListDialogContentPreview() {
+    ElementPreview(showBackground = false) {
+        DialogPreview {
+            ListDialogContent(
+                listItems = {
+                    item {
+                        TextFieldListItem(placeholder = "Text input", text = "", onTextChanged = {})
+                    }
+                    item {
+                        TextFieldListItem(placeholder = "Another text input", text = "", onTextChanged = {})
+                    }
+                },
+                title = "Dialog title",
+                onDismissRequest = {},
+                onSubmitClicked = {},
+                cancelText = "Cancel",
+                submitText = "Save",
+            )
+        }
+    }
+}

libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/components/list/TextFieldListItem.kt

@@ -0,0 +1,76 @@
+/*
+ * Copyright (c) 2023 New Vector Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package io.element.android.libraries.designsystem.components.list
+
+import androidx.compose.material3.OutlinedTextFieldDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import io.element.android.libraries.designsystem.preview.ElementThemedPreview
+import io.element.android.libraries.designsystem.preview.PreviewGroup
+import io.element.android.libraries.designsystem.theme.components.OutlinedTextField
+import io.element.android.libraries.designsystem.theme.components.Text
+import io.element.android.libraries.theme.ElementTheme
+
+@Composable
+fun TextFieldListItem(
+    placeholder: String,
+    text: String,
+    onTextChanged: (String) -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    val textFieldStyle = ElementTheme.materialTypography.bodyLarge
+
+    OutlinedTextField(
+        value = text,
+        onValueChange = onTextChanged,
+        placeholder = { Text(placeholder) },
+        colors = OutlinedTextFieldDefaults.colors(
+            disabledBorderColor = Color.Transparent,
+            errorBorderColor = Color.Transparent,
+            focusedBorderColor = Color.Transparent,
+            unfocusedBorderColor = Color.Transparent,
+        ),
+        textStyle = textFieldStyle,
+        modifier = modifier,
+    )
+}
+
+@Preview("Text field List item - empty", group = PreviewGroup.ListItems)
+@Composable
+internal fun TextFieldListItemEmptyPreview() {
+    ElementThemedPreview {
+        TextFieldListItem(
+            placeholder = "Placeholder",
+            text = "",
+            onTextChanged = {},
+        )
+    }
+}
+
+@Preview("Text field List item - text", group = PreviewGroup.ListItems)
+@Composable
+internal fun TextFieldListItemPreview() {
+    ElementThemedPreview {
+        TextFieldListItem(
+            placeholder = "Placeholder",
+            text = "Text",
+            onTextChanged = {},
+        )
+    }
+}