Add missing innerProps

Author: csandman

src/chakra-components/containers.tsx

@@ -43,6 +43,7 @@ export const SelectContainer = <
 
   return (
     <Box
+      {...innerProps}
       className={cx(
         {
           "--is-disabled": isDisabled,
@@ -52,7 +53,6 @@ export const SelectContainer = <
         className
       )}
       sx={sx}
-      {...innerProps}
     >
       {children}
     </Box>
@@ -72,6 +72,7 @@ export const ValueContainer = <
     cx,
     isMulti,
     hasValue,
+    innerProps,
     selectProps: { size, chakraStyles },
   } = props;
 
@@ -98,6 +99,7 @@ export const ValueContainer = <
 
   return (
     <Box
+      {...innerProps}
       className={cx(
         {
           "value-container": true,

src/chakra-components/group.tsx

@@ -23,6 +23,7 @@ const Group = <
     headingProps,
     label,
     selectProps,
+    innerProps,
   } = props;
 
   const { chakraStyles } = selectProps;
@@ -32,7 +33,7 @@ const Group = <
     : {};
 
   return (
-    <Box className={cx({ group: true }, className)} sx={sx}>
+    <Box {...innerProps} className={cx({ group: true }, className)} sx={sx}>
       <Heading
         {...headingProps}
         selectProps={selectProps}

src/chakra-components/indicators.tsx

@@ -178,6 +178,7 @@ export const ClearIndicator = <
 
   return (
     <Box
+      {...innerProps}
       role="button"
       className={cx(
         {
@@ -189,7 +190,6 @@ export const ClearIndicator = <
       sx={sx}
       data-focused={isFocused ? true : undefined}
       aria-label="Clear selected options"
-      {...innerProps}
     >
       {children || <CrossIcon sx={iconSx} />}
     </Box>
@@ -231,6 +231,7 @@ export const LoadingIndicator = <
 
   return (
     <Spinner
+      {...innerProps}
       className={cx(
         {
           indicator: true,
@@ -239,7 +240,6 @@ export const LoadingIndicator = <
         className
       )}
       sx={sx}
-      {...innerProps}
       size={propsSpinnerSize || spinnerSize}
       color={color}
       emptyColor={emptyColor}

src/chakra-components/menu.tsx

@@ -47,10 +47,10 @@ const Menu = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(
 
   return (
     <Box
+      {...innerProps}
       ref={innerRef}
       className={cx({ menu: true }, className)}
       sx={sx}
-      {...innerProps}
     >
       <StylesProvider value={menuStyles}>{children}</StylesProvider>
     </Box>
@@ -71,6 +71,7 @@ const MenuList = <
     children,
     maxHeight,
     isMulti,
+    innerProps,
     selectProps: { size, chakraStyles },
   } = props;
 
@@ -91,6 +92,7 @@ const MenuList = <
 
   return (
     <Box
+      {...innerProps}
       className={cx(
         {
           "menu-list": true,
@@ -146,6 +148,7 @@ const LoadingMessage = <
 
   return (
     <Box
+      {...innerProps}
       className={cx(
         {
           "menu-notice": true,
@@ -154,7 +157,6 @@ const LoadingMessage = <
         className
       )}
       sx={sx}
-      {...innerProps}
     >
       {children}
     </Box>
@@ -201,6 +203,7 @@ const NoOptionsMessage = <
 
   return (
     <Box
+      {...innerProps}
       className={cx(
         {
           "menu-notice": true,
@@ -209,7 +212,6 @@ const NoOptionsMessage = <
         className
       )}
       sx={sx}
-      {...innerProps}
     >
       {children}
     </Box>

src/chakra-components/option.tsx

@@ -99,6 +99,7 @@ const Option = <
 
   return (
     <Box
+      {...innerProps}
       role="button"
       className={cx(
         {
@@ -111,7 +112,6 @@ const Option = <
       )}
       sx={sx}
       ref={innerRef}
-      {...innerProps}
       data-disabled={isDisabled ? true : undefined}
       aria-disabled={isDisabled ? true : undefined}
     >

src/chakra-components/placeholder.tsx

@@ -34,14 +34,14 @@ const Placeholder = <
 
   return (
     <Box
+      {...innerProps}
       className={cx(
         {
           placeholder: true,
         },
         className
       )}
       sx={sx}
-      {...innerProps}
     >
       {children}
     </Box>