feat: add <T> to SelectOptionType and update Select and MultiSelect (#…

…1055)
themesberg · Sep 10, 2023 · bf97642 · bf97642 · vercel · Sep 10, 2023
1 parent a804f71
commit bf97642
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/src/lib/forms/MultiSelect.svelte b/src/lib/forms/MultiSelect.svelte
@@ -8,12 +8,12 @@
 
   const dispatch = createEventDispatcher();
 
-  export let items: SelectOptionType[] = [];
+  export let items: SelectOptionType<any>[] = [];
   export let value: (string | number)[] = [];
   export let size: FormSizeType = 'md';
   export let dropdownClass: string = '';
 
-  let selectItems: SelectOptionType[] = [];
+  let selectItems: SelectOptionType<any>[] = [];
   let show: boolean = false;
 
   const sizes = {
@@ -44,7 +44,7 @@
     }
   });
 
-  const selectOption = (select: SelectOptionType) => {
+  const selectOption = (select: SelectOptionType<any>) => {
     if (selectItems.includes(select)) {
       clearThisOption(select);
     } else {
@@ -63,7 +63,7 @@
     dispatch('selected', selectItems);
   };
 
-  const clearThisOption = (select: SelectOptionType) => {
+  const clearThisOption = (select: SelectOptionType<any>) => {
     if (selectItems.includes(select)) {
       selectItems = selectItems.filter((o) => o !== select);
       dispatch('selected', selectItems);
@@ -119,7 +119,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let items: SelectOptionType[] = [];
+@prop export let items: SelectOptionType<any>[] = [];
 @prop export let value: (string | number)[] = [];
 @prop export let size: FormSizeType = 'md';
 @prop export let dropdownClass: string = '';

diff --git a/src/lib/forms/Select.svelte b/src/lib/forms/Select.svelte
@@ -2,7 +2,7 @@
   import { twMerge } from 'tailwind-merge';
   import type { SelectOptionType } from '../types';
 
-  export let items: SelectOptionType[] = [];
+  export let items: SelectOptionType<any>[] = [];
   export let value: any = undefined;
   export let placeholder: string = 'Choose option ...';
   export let underline: boolean = false;
@@ -39,7 +39,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let items: SelectOptionType[] = [];
+@prop export let items: SelectOptionType<any>[] = [];
 @prop export let value: any = undefined;
 @prop export let placeholder: string = 'Choose option ...';
 @prop export let underline: boolean = false;

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -57,9 +57,9 @@ export type ReviewType = {
   item3: string | undefined;
 };
 
-export type SelectOptionType = {
+export type SelectOptionType<T> = {
   name: string | number;
-  value: string | number;
+  value: T;
 };
 
 export type TransitionTypes = 'fade' | 'fly' | 'slide' | 'blur' | 'in:fly' | 'out:fly' | 'in:slide' | 'out:slide' | 'in:fade' | 'out:fade' | 'in:blur' | 'out:blur';