EZQMS-461: Add generics for ModeSelector and SpecialView (#4437)

Signed-off-by: Petr Vyazovetskiy <develop.pit@gmail.com>

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 {

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
 }
 

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