From 546da5b983e2cb003868f6553caaf2d992666268 Mon Sep 17 00:00:00 2001
From: Clement Zhang <clement.zhang2@gmail.com>
Date: Mon, 4 Nov 2024 19:00:23 +0100
Subject: [PATCH] use the same editor as <Select />

---
 .../lib/components/apps/editor/component/components.ts    | 4 ++--
 .../editor/settingsPanel/ArrayStaticInputEditor.svelte    | 2 ++
 .../settingsPanel/inputEditor/StaticInputEditor.svelte    | 8 ++++++++
 frontend/src/lib/components/apps/inputType.ts             | 2 ++
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/component/components.ts b/frontend/src/lib/components/apps/editor/component/components.ts
index 5fff829890..7d4448baf7 100644
--- a/frontend/src/lib/components/apps/editor/component/components.ts
+++ b/frontend/src/lib/components/apps/editor/component/components.ts
@@ -2208,8 +2208,8 @@ This is a paragraph.
 				defaultItems: {
 					type: 'static',
 					fieldType: 'array',
-					subFieldType: 'text',
-					value: []
+					subFieldType: 'selectvalue',
+					value: undefined
 				} as StaticAppInput,
 				placeholder: {
 					type: 'static',
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
index 093b2a49a6..4b63b97584 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
@@ -33,6 +33,8 @@
 				value.push({})
 			} else if (subFieldType === 'labeledresource' || subFieldType === 'labeledselect') {
 				value.push({ value: 'value', label: 'label' })
+			} else if (subFieldType === 'selectvalue') {
+				value.push('')
 			} else if (subFieldType === 'tab-select') {
 				value.push({ id: '', index: 0 })
 			} else if (
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte
index 1b5f2ee5a5..24a33be398 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte
@@ -161,6 +161,14 @@
 					/>
 				</div>
 			{/if}
+		{:else if fieldType === 'selectvalue'}
+			<div class="flex w-full flex-col">
+				<JsonEditor
+					small
+					bind:value={componentInput.value}
+					code={JSON.stringify(componentInput.value, null, 2)}
+				/>
+			</div>
 		{:else if fieldType === 'array'}
 			<ArrayStaticInputEditor {id} {subFieldType} bind:componentInput on:deleteArrayItem />
 		{:else if fieldType === 'schema'}
diff --git a/frontend/src/lib/components/apps/inputType.ts b/frontend/src/lib/components/apps/inputType.ts
index 39c82cc215..aeb10ccaba 100644
--- a/frontend/src/lib/components/apps/inputType.ts
+++ b/frontend/src/lib/components/apps/inputType.ts
@@ -20,6 +20,7 @@ export type InputType =
 	| 'any'
 	| 'labeledresource'
 	| 'labeledselect'
+	| 'selectvalue'
 	| 'tab-select'
 	| 'schema'
 	| 'ag-grid'
@@ -207,6 +208,7 @@ export type AppInput =
 	| (AppInputSpec<'array', string[], 'select'> & StaticOptions)
 	| AppInputSpec<'array', object[], 'labeledresource'>
 	| AppInputSpec<'array', object[], 'labeledselect'>
+	| AppInputSpec<'array', object[], 'selectvalue'>
 	| AppInputSpec<'labeledselect', object>
 	| AppInputSpec<'labeledresource', object>
 	| AppInputSpec<'array', object[], 'tab-select'>