Unify component exports

Author: csandman

src/chakra-components/control.tsx

@@ -18,7 +18,7 @@ import type {
 import type { SizeProps } from "../types";
 import { useSize } from "../utils";
 
-const Control = <
+export const Control = <
   Option,
   IsMulti extends boolean,
   Group extends GroupBase<Option>,
@@ -348,5 +348,3 @@ export const LoadingIndicator = <
     />
   );
 };
-
-export default Control;

src/chakra-components/index.ts

@@ -3,28 +3,31 @@ import {
   SelectContainer,
   ValueContainer,
 } from "./containers";
-import Control, {
+import {
   ClearIndicator,
+  Control,
   DropdownIndicator,
   IndicatorSeparator,
   LoadingIndicator,
 } from "./control";
-import Input from "./input";
-import Menu, {
+import { Input } from "./input";
+import {
   Group,
   GroupHeading,
   LoadingMessage,
+  Menu,
   MenuList,
   NoOptionsMessage,
   Option,
 } from "./menu";
-import MultiValue, {
+import {
+  MultiValue,
   MultiValueContainer,
   MultiValueLabel,
   MultiValueRemove,
 } from "./multi-value";
-import Placeholder from "./placeholder";
-import SingleValue from "./single-value";
+import { Placeholder } from "./placeholder";
+import { SingleValue } from "./single-value";
 
 const chakraComponents = {
   ClearIndicator,

src/chakra-components/input.tsx

@@ -3,7 +3,7 @@ import type { SystemStyleObject } from "@chakra-ui/react";
 import type { GroupBase, InputProps } from "react-select";
 import { cleanCommonProps } from "../utils";
 
-const Input = <
+export const Input = <
   Option,
   IsMulti extends boolean,
   Group extends GroupBase<Option>,
@@ -79,5 +79,3 @@ const Input = <
     </Box>
   );
 };
-
-export default Input;

src/chakra-components/menu.tsx

@@ -24,7 +24,11 @@ const alignToControl = (placement: CoercedMenuPlacement) => {
   return placement ? placementToCSSProp[placement] : "top";
 };
 
-const Menu = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(
+export const Menu = <
+  Option,
+  IsMulti extends boolean,
+  Group extends GroupBase<Option>,
+>(
   props: MenuProps<Option, IsMulti, Group>
 ) => {
   const {
@@ -63,8 +67,6 @@ const Menu = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(
   );
 };
 
-export default Menu;
-
 export const MenuList = <
   Option,
   IsMulti extends boolean,

src/chakra-components/multi-value.tsx

@@ -26,7 +26,7 @@ const hasIsFixed = (option: unknown): option is { isFixed: boolean } =>
   "isFixed" in option &&
   typeof option.isFixed === "boolean";
 
-const MultiValue = <
+export const MultiValue = <
   Option = unknown,
   IsMulti extends boolean = boolean,
   Group extends GroupBase<Option> = GroupBase<Option>,
@@ -166,7 +166,7 @@ const MultiValue = <
   );
 };
 
-const MultiValueContainer = <
+export const MultiValueContainer = <
   Option = unknown,
   IsMulti extends boolean = boolean,
   Group extends GroupBase<Option> = GroupBase<Option>,
@@ -182,7 +182,7 @@ const MultiValueContainer = <
   );
 };
 
-const MultiValueLabel = <
+export const MultiValueLabel = <
   Option = unknown,
   IsMulti extends boolean = boolean,
   Group extends GroupBase<Option> = GroupBase<Option>,
@@ -212,7 +212,7 @@ const TagCloseIcon = (props: IconProps) => (
   </Icon>
 );
 
-const MultiValueRemove = <
+export const MultiValueRemove = <
   Option = unknown,
   IsMulti extends boolean = boolean,
   Group extends GroupBase<Option> = GroupBase<Option>,
@@ -237,6 +237,3 @@ const MultiValueRemove = <
     </Box>
   );
 };
-
-export { MultiValueContainer, MultiValueLabel, MultiValueRemove };
-export default MultiValue;

src/chakra-components/placeholder.tsx

@@ -2,7 +2,7 @@ import { Box } from "@chakra-ui/react";
 import type { SystemStyleObject } from "@chakra-ui/react";
 import type { GroupBase, PlaceholderProps } from "react-select";
 
-const Placeholder = <
+export const Placeholder = <
   Option,
   IsMulti extends boolean,
   Group extends GroupBase<Option>,
@@ -43,5 +43,3 @@ const Placeholder = <
     </Box>
   );
 };
-
-export default Placeholder;

src/chakra-components/single-value.tsx

@@ -2,7 +2,7 @@ import { Box } from "@chakra-ui/react";
 import type { SystemStyleObject } from "@chakra-ui/react";
 import type { GroupBase, SingleValueProps } from "react-select";
 
-const SingleValue = <
+export const SingleValue = <
   Option,
   IsMulti extends boolean,
   Group extends GroupBase<Option>,
@@ -47,5 +47,3 @@ const SingleValue = <
     </Box>
   );
 };
-
-export default SingleValue;