Merge pull request #232 from csandman/v3-get-class-names-fix

V3 get class names fix

Author: csandman

package-lock.json

@@ -45,7 +45,7 @@
     "@chakra-ui/menu": "^1.0.0",
     "@chakra-ui/spinner": "^1.0.0",
     "@chakra-ui/system": "^1.2.0",
-    "react-select": "^5.3.2"
+    "react-select": "5.7.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.8.1",

package.json

@@ -24,6 +24,7 @@ const Group = <
     label,
     selectProps,
     innerProps,
+    getClassNames,
   } = props;
 
   const { chakraStyles } = selectProps;
@@ -40,6 +41,7 @@ const Group = <
         cx={cx}
         theme={theme}
         getStyles={getStyles}
+        getClassNames={getClassNames}
       >
         {label}
       </Heading>

src/chakra-components/group.tsx

@@ -27,6 +27,8 @@ export type {
 
 // Forward all available exports from the original `react-select` package
 export * from "react-select";
-export * from "react-select/async";
-export * from "react-select/async-creatable";
-export * from "react-select/creatable";
+export { useAsync } from "react-select/async";
+export { useCreatable } from "react-select/creatable";
+export type { AsyncProps } from "react-select/async";
+export type { CreatableProps } from "react-select/creatable";
+export type { AsyncCreatableProps } from "react-select/async-creatable";

src/index.ts

@@ -1,9 +1,11 @@
 import type { CommonPropsAndClassName, GroupBase } from "react-select";
 
 /**
+ * Clean Common Props
+ *
  * Borrowed from the original `react-select` package
  *
- * @see {@link https://github.com/JedWatson/react-select/blob/2d3d6afe18421ea5b6c3f8f0db479ad323c35639/packages/react-select/src/utils.ts#L74}
+ * @see {@link https://github.com/JedWatson/react-select/blob/edf5265ee0158c026c9e8527a6d0490a5ac2ef23/packages/react-select/src/utils.ts#L75-L110}
  */
 export const cleanCommonProps = <
   Option,
@@ -23,6 +25,7 @@ export const cleanCommonProps = <
     clearValue,
     cx,
     getStyles,
+    getClassNames,
     getValue,
     hasValue,
     isMulti,