From 6d31c0f2e5ea833c7e7f1f93a7fc4ef69f327af5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pete=20An=C3=B8ther?= <develop.pit@gmail.com>
Date: Thu, 25 Jan 2024 06:18:22 -0300
Subject: [PATCH] EZQMS-461: Add generics for `ModeSelector` and `SpecialView`
 (#4437)

Signed-off-by: Petr Vyazovetskiy <develop.pit@gmail.com>
---
 packages/ui/src/components/ModeSelector.svelte              | 4 ++--
 packages/ui/src/utils.ts                                    | 6 +++---
 .../workbench-resources/src/components/SpecialView.svelte   | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/ModeSelector.svelte b/packages/ui/src/components/ModeSelector.svelte
index de7d702385..ee530c03f5 100644
--- a/packages/ui/src/components/ModeSelector.svelte
+++ b/packages/ui/src/components/ModeSelector.svelte
@@ -1,8 +1,8 @@
-<script lang="ts">
+<script lang="ts" generics="T extends string">
   import TabList from './TabList.svelte'
   import { IModeSelector } from '../utils'
 
-  export let props: IModeSelector
+  export let props: IModeSelector<T>
 
   $: modeList = props.config.map((c) => {
     return {
diff --git a/packages/ui/src/utils.ts b/packages/ui/src/utils.ts
index 2bd2495423..c5793d9105 100644
--- a/packages/ui/src/utils.ts
+++ b/packages/ui/src/utils.ts
@@ -206,9 +206,9 @@ export function parseURL (text: string): string {
 /**
  * @public
  */
-export interface IModeSelector {
-  mode: string
-  config: Array<[string, IntlString, object]>
+export interface IModeSelector<Mode extends string = string> {
+  mode: Mode
+  config: Array<[Mode, IntlString, object]>
   onChange: (_mode: string) => void
 }
 
diff --git a/plugins/workbench-resources/src/components/SpecialView.svelte b/plugins/workbench-resources/src/components/SpecialView.svelte
index 1f39a6bafc..0296f386d8 100644
--- a/plugins/workbench-resources/src/components/SpecialView.svelte
+++ b/plugins/workbench-resources/src/components/SpecialView.svelte
@@ -40,7 +40,7 @@
   export let isCreationDisabled = false
   export let descriptors: Array<Ref<ViewletDescriptor>> | undefined = undefined
   export let baseQuery: DocumentQuery<Doc> | undefined = undefined
-  export let modes: IModeSelector | undefined = undefined
+  export let modes: IModeSelector<any> | undefined = undefined
 
   let search = ''
   let viewlet: WithLookup<Viewlet> | undefined