chore(react): add initialFocus prop to FloatingFocusManager in multiple components

Author: brionmario

packages/react/src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx

@@ -313,7 +313,7 @@ export const BaseOrganizationSwitcher: FC<BaseOrganizationSwitcherProps> = ({
 
       {isOpen && (
         <FloatingPortal id={portalId}>
-          <FloatingFocusManager context={context} modal={false}>
+          <FloatingFocusManager context={context} modal={false} initialFocus={-1}>
             <div ref={refs.setFloating} className={cx(styles.content)} style={floatingStyles} {...getFloatingProps()}>
               {/* Header - Current Organization */}
               {currentOrganization && (

packages/react/src/components/presentation/UserDropdown/BaseUserDropdown.tsx

@@ -231,7 +231,7 @@ export const BaseUserDropdown: FC<BaseUserDropdownProps> = ({
 
       {isOpen && (
         <FloatingPortal id={portalId}>
-          <FloatingFocusManager context={context} modal={false}>
+          <FloatingFocusManager context={context} modal={false} initialFocus={-1}>
             <div
               ref={refs.setFloating}
               className={cx(withVendorCSSClassPrefix('user-dropdown__content'), styles.dropdownContent)}

packages/react/src/components/primitives/Dialog/Dialog.tsx

@@ -160,7 +160,7 @@ export const DialogContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HT
   return (
     <FloatingPortal>
       <FloatingOverlay className={cx(withVendorCSSClassPrefix(bem('dialog', 'overlay')), styles.overlay)} lockScroll>
-        <FloatingFocusManager context={floatingContext}>
+        <FloatingFocusManager context={floatingContext} initialFocus={-1}>
           <div
             ref={ref}
             className={cx(withVendorCSSClassPrefix(bem('dialog', 'content')), styles.content, props.className)}

packages/react/src/index.ts

@@ -133,16 +133,16 @@ export * from './components/presentation/SignUp/SignUp';
 // Sign-In Options
 export {default as IdentifierFirst} from './components/presentation/SignIn/options/IdentifierFirst';
 export {default as UsernamePassword} from './components/presentation/SignIn/options/UsernamePassword';
-export {default as GoogleButton} from './components/presentation/SignIn/options/GoogleButton';
-export {default as GitHubButton} from './components/presentation/SignIn/options/GitHubButton';
-export {default as MicrosoftButton} from './components/presentation/SignIn/options/MicrosoftButton';
-export {default as FacebookButton} from './components/presentation/SignIn/options/FacebookButton';
-export {default as LinkedInButton} from './components/presentation/SignIn/options/LinkedInButton';
-export {default as SignInWithEthereumButton} from './components/presentation/SignIn/options/SignInWithEthereumButton';
+export {default as GoogleButton} from './components/presentation/options/GoogleButton';
+export {default as GitHubButton} from './components/presentation/options/GitHubButton';
+export {default as MicrosoftButton} from './components/presentation/options/MicrosoftButton';
+export {default as FacebookButton} from './components/presentation/options/FacebookButton';
+export {default as LinkedInButton} from './components/presentation/options/LinkedInButton';
+export {default as SignInWithEthereumButton} from './components/presentation/options/SignInWithEthereumButton';
 export {default as EmailOtp} from './components/presentation/SignIn/options/EmailOtp';
 export {default as Totp} from './components/presentation/SignIn/options/Totp';
 export {default as SmsOtp} from './components/presentation/SignIn/options/SmsOtp';
-export {default as SocialButton} from './components/presentation/SignIn/options/SocialButton';
+export {default as SocialButton} from './components/presentation/options/SocialButton';
 export {default as MultiOptionButton} from './components/presentation/SignIn/options/MultiOptionButton';
 export * from './components/presentation/SignIn/options/SignInOptionFactory';