refactor: ♻️ exported TS types back

src/hooks/use-multi-select.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 
-import { ISelectProps, Option } from "../lib/interfaces";
+import { Option, SelectProps } from "../lib/interfaces";
 
 const defaultStrings = {
   allItemsAreSelected: "All items are selected.",
@@ -14,21 +14,21 @@ const defaultStrings = {
   create: "Create",
 };
 
-const defaultProps: Partial<ISelectProps> = {
+const defaultProps: Partial<SelectProps> = {
   value: [],
   hasSelectAll: true,
   className: "multi-select",
   debounceDuration: 200,
   options: [] as Option[],
 };
 
-interface MultiSelectContextProps extends ISelectProps {
+interface MultiSelectContextProps extends SelectProps {
   t: (key: string) => string;
   setOptions?;
 }
 
 interface MultiSelectProviderProps {
-  props: ISelectProps;
+  props: SelectProps;
   children;
 }
 

src/index.tsx

@@ -1,6 +1,9 @@
+import { Option, SelectProps } from "./lib/interfaces";
 import MultiSelect from "./multi-select";
 import Dropdown from "./multi-select/dropdown";
 import SelectPanel from "./select-panel";
 import SelectItem from "./select-panel/select-item";
 
 export { Dropdown, MultiSelect, SelectItem, SelectPanel };
+
+export type { Option, SelectProps };

src/lib/interfaces.ts

@@ -7,7 +7,7 @@ export interface Option {
   disabled?: boolean;
 }
 
-export interface ISelectProps {
+export interface SelectProps {
   options: Option[];
   value: Option[];
   onChange?;

src/multi-select/index.tsx

@@ -3,10 +3,10 @@ import "../style.css";
 import React from "react";
 
 import { MultiSelectProvider } from "../hooks/use-multi-select";
-import { ISelectProps } from "../lib/interfaces";
+import { SelectProps } from "../lib/interfaces";
 import Dropdown from "./dropdown";
 
-const MultiSelect = (props: ISelectProps) => (
+const MultiSelect = (props: SelectProps) => (
   <MultiSelectProvider props={props}>
     <div className={`rmsc ${props.className || "multi-select"}`}>
       <Dropdown />