From 781d2ed7c40306cf2c9fa504364dbe36772458d7 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 11 Jan 2023 17:21:02 +0100
Subject: [PATCH] fix typecheck

---
 .../settingsPanel/InputsSpecsEditor.svelte    | 23 +++++++------------
 frontend/src/lib/components/apps/inputType.ts |  2 +-
 frontend/src/lib/components/apps/types.ts     |  3 ++-
 3 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/InputsSpecsEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/InputsSpecsEditor.svelte
index c55819a56f..20b55cd45c 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/InputsSpecsEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/InputsSpecsEditor.svelte
@@ -25,7 +25,9 @@
 			<div class="flex flex-col gap-1">
 				<div class="flex justify-between items-end gap-1">
 					<span class="text-sm font-semibold truncate">
-						{shouldCapitalize ? capitalize(addWhitespaceBeforeCapitals(inputSpecKey)) : inputSpecKey}
+						{shouldCapitalize
+							? capitalize(addWhitespaceBeforeCapitals(inputSpecKey))
+							: inputSpecKey}
 						{#if input.tooltip}
 							<Tooltip>
 								{input.tooltip}
@@ -44,7 +46,6 @@
 							<ToggleButtonGroup
 								bind:selected={inputSpecs[inputSpecKey].type}
 								on:selected={(e) => {
-									console.log(inputSpecs[inputSpecKey])
 									if (e.detail == 'connected' && !inputSpecs[inputSpecKey]['connection']) {
 										$connectingInput = {
 											opened: true,
@@ -62,9 +63,7 @@
 										size="xs"
 										iconOnly
 									/>
-									<svelte:fragment slot="text">
-										Static
-									</svelte:fragment>
+									<svelte:fragment slot="text">Static</svelte:fragment>
 								</Popover>
 								{#if rowColumns}
 									<Popover placement="bottom" notClickable disapperTimoout={0}>
@@ -79,12 +78,10 @@
 												Use the column name to have the value of the cell be passed to the action
 											</Tooltip>
 										</ToggleButton>
-										<svelte:fragment slot="text">
-											Column
-										</svelte:fragment>
+										<svelte:fragment slot="text">Column</svelte:fragment>
 									</Popover>
 								{/if}
-								{#if userInputEnabled && (!input.format?.startsWith('resource-'))}
+								{#if userInputEnabled && !input.format?.startsWith('resource-')}
 									<Popover placement="bottom" notClickable disapperTimoout={0}>
 										<ToggleButton
 											position="center"
@@ -94,9 +91,7 @@
 											iconOnly
 											disabled={staticOnly}
 										/>
-										<svelte:fragment slot="text">
-											User Input
-										</svelte:fragment>
+										<svelte:fragment slot="text">User Input</svelte:fragment>
 									</Popover>
 								{/if}
 								<Popover placement="bottom" notClickable disapperTimoout={0}>
@@ -108,9 +103,7 @@
 										iconOnly
 										disabled={staticOnly}
 									/>
-									<svelte:fragment slot="text">
-										Connect
-									</svelte:fragment>
+									<svelte:fragment slot="text">Connect</svelte:fragment>
 								</Popover>
 							</ToggleButtonGroup>
 						{/if}
diff --git a/frontend/src/lib/components/apps/inputType.ts b/frontend/src/lib/components/apps/inputType.ts
index bed8a95ff0..aa69b43806 100644
--- a/frontend/src/lib/components/apps/inputType.ts
+++ b/frontend/src/lib/components/apps/inputType.ts
@@ -69,7 +69,7 @@ export type Runnable = RunnableByPath | RunnableByName | undefined
 // Runnable input, set by the developer in the component panel
 export type ResultInput = {
 	runnable: Runnable
-	fields: Record<string, StaticAppInput | ConnectedAppInput | RowAppInput | UserAppInput>
+	fields: Record<string, (StaticAppInput | ConnectedAppInput | RowAppInput | UserAppInput)>
 	type: 'runnable'
 	value?: any
 }
diff --git a/frontend/src/lib/components/apps/types.ts b/frontend/src/lib/components/apps/types.ts
index e7ddb85af3..31c55af594 100644
--- a/frontend/src/lib/components/apps/types.ts
+++ b/frontend/src/lib/components/apps/types.ts
@@ -6,6 +6,7 @@ import type {
 	AppInput,
 	ConnectedAppInput,
 	ConnectedInput,
+	RowAppInput,
 	StaticAppInput,
 	UserAppInput
 } from './inputType'
@@ -57,7 +58,7 @@ export type Aligned = {
 export interface BaseAppComponent extends Partial<Aligned> {
 	id: ComponentID
 	componentInput: AppInput | undefined
-	configuration: Record<string, (StaticAppInput | ConnectedAppInput | UserAppInput) & {
+	configuration: Record<string, (StaticAppInput | ConnectedAppInput | UserAppInput | RowAppInput) & {
 		onlyStatic?: boolean,
 		tooltip?: string
 	}>