Convert Button to ESM (#42796)

Summary: As per title. Changelog: [Internal] Reviewed By: cortinico Differential Revision: D53308084
facebook · Feb 1, 2024 · 86be495 · 86be495
1 parent 3f8a450
commit 86be495
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 274 deletions.
diff --git a/packages/react-native/Libraries/Components/Button.flow.js b/packages/react-native/Libraries/Components/Button.flow.js
diff --git a/packages/react-native/Libraries/Components/Button.js b/packages/react-native/Libraries/Components/Button.js
@@ -12,7 +12,6 @@
 
 import type {TextStyleProp, ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {PressEvent} from '../Types/CoreEventTypes';
-import type {Button as ButtonType} from './Button.flow';
 import type {
   AccessibilityActionEvent,
   AccessibilityActionInfo,
@@ -429,4 +428,4 @@ const styles = StyleSheet.create({
   }),
 });
 
-module.exports = (Button: ButtonType);
+export default Button;
diff --git a/packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap b/packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap
@@ -1654,7 +1654,7 @@ declare export default typeof ActivityIndicatorViewNativeComponent;
 "
 `;
 
-exports[`public API should not change unintentionally Libraries/Components/Button.flow.js 1`] = `
+exports[`public API should not change unintentionally Libraries/Components/Button.js 1`] = `
 "type ButtonProps = $ReadOnly<{|
   title: string,
   onPress: (event?: PressEvent) => mixed,
@@ -1674,16 +1674,17 @@ exports[`public API should not change unintentionally Libraries/Components/Butto
   accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
   onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
   accessibilityState?: ?AccessibilityState,
+  \\"aria-busy\\"?: ?boolean,
+  \\"aria-checked\\"?: ?boolean | \\"mixed\\",
+  \\"aria-disabled\\"?: ?boolean,
+  \\"aria-expanded\\"?: ?boolean,
+  \\"aria-selected\\"?: ?boolean,
   importantForAccessibility?: ?(\\"auto\\" | \\"yes\\" | \\"no\\" | \\"no-hide-descendants\\"),
   accessibilityHint?: ?string,
   accessibilityLanguage?: ?Stringish,
 |}>;
-export type Button = React.ComponentType<ButtonProps>;
-"
-`;
-
-exports[`public API should not change unintentionally Libraries/Components/Button.js 1`] = `
-"declare module.exports: ButtonType;
+declare const Button: React.AbstractComponent<ButtonProps>;
+declare export default typeof Button;
 "
 `;
 

diff --git a/packages/react-native/index.js b/packages/react-native/index.js
@@ -112,7 +112,7 @@ module.exports = {
       .default;
   },
   get Button(): Button {
-    return require('./Libraries/Components/Button');
+    return require('./Libraries/Components/Button').default;
   },
   // $FlowFixMe[value-as-type]
   get DrawerLayoutAndroid(): DrawerLayoutAndroid {