[Resolve #31] Export SelectProps and Option 🎉

onesine · Mar 9, 2023 · abd6337 · abd6337
1 parent d81849e
commit abd6337
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 21 deletions.
diff --git a/src/components/Select.tsx b/src/components/Select.tsx
@@ -8,27 +8,7 @@ import Options from "./Options";
 import SearchInput from "./SearchInput";
 import SelectProvider from "./SelectProvider";
 import Spinner from "./Spinner";
-import { ClassNames, GroupOption, Option, Options as ListOption, SelectValue } from "./type";
-
-interface SelectProps {
-    options: ListOption;
-    value: SelectValue;
-    onChange: (value: SelectValue) => void;
-    onSearchInputChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    isMultiple?: boolean;
-    isClearable?: boolean;
-    isSearchable?: boolean;
-    isDisabled?: boolean;
-    loading?: boolean;
-    menuIsOpen?: boolean;
-    searchInputPlaceholder?: string;
-    noOptionsMessage?: string;
-    primaryColor: string;
-    formatGroupLabel?: ((data: GroupOption) => JSX.Element) | null;
-    formatOptionLabel?: ((data: Option) => JSX.Element) | null;
-    classNames?: ClassNames;
-}
+import { Option, Options as ListOption, SelectProps } from "./type";
 
 const Select: React.FC<SelectProps> = ({
     options = [],

diff --git a/src/components/type.ts b/src/components/type.ts
@@ -1,3 +1,5 @@
+import React from "react";
+
 export interface Option {
     value: string;
     label: string;
@@ -31,3 +33,23 @@ export interface ClassNames {
 }
 
 export type SelectValue = Option | Option[] | null;
+
+export interface SelectProps {
+    options: Options;
+    value: SelectValue;
+    onChange: (value: SelectValue) => void;
+    onSearchInputChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    isMultiple?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isDisabled?: boolean;
+    loading?: boolean;
+    menuIsOpen?: boolean;
+    searchInputPlaceholder?: string;
+    noOptionsMessage?: string;
+    primaryColor: string;
+    formatGroupLabel?: ((data: GroupOption) => JSX.Element) | null;
+    formatOptionLabel?: ((data: Option) => JSX.Element) | null;
+    classNames?: ClassNames;
+}