diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap index 9572af9c682..6dede8a8cde 100644 --- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap +++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap @@ -19,21 +19,16 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ArrayPropsNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ArrayPropsNativeComponentView', - + uiViewClassName: \\"ArrayPropsNativeComponentView\\", validAttributes: { names: true, disableds: true, progress: true, radii: true, - colors: { - process: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/StyleSheet/processColorArray')), + process: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/StyleSheet/processColorArray')) }, - srcs: true, points: true, edgeInsets: true, @@ -41,10 +36,9 @@ export const __INTERNAL_VIEW_CONFIG = { sizes: true, object: true, arrayOfObjects: true, - arrayOfMixed: true, - }, + arrayOfMixed: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -69,17 +63,13 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'BooleanPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'BooleanPropNativeComponentView', - + uiViewClassName: \\"BooleanPropNativeComponentView\\", validAttributes: { disabled: true, - disabledNullable: true, - }, + disabledNullable: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -104,18 +94,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ColorPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ColorPropNativeComponentView', - + uiViewClassName: \\"ColorPropNativeComponentView\\", validAttributes: { tintColor: { - process: require('react-native/Libraries/StyleSheet/processColor').default, - }, - }, + process: require('react-native/Libraries/StyleSheet/processColor').default + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -140,16 +126,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'DimensionPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'DimensionPropNativeComponentView', - + uiViewClassName: \\"DimensionPropNativeComponentView\\", validAttributes: { - marginBack: true, - }, + marginBack: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -174,13 +156,10 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'EdgeInsetsPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'EdgeInsetsPropNativeComponentView', - validAttributes: {}, + uiViewClassName: \\"EdgeInsetsPropNativeComponentView\\", + validAttributes: {} }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -205,17 +184,13 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'EnumPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'EnumPropNativeComponentView', - + uiViewClassName: \\"EnumPropNativeComponentView\\", validAttributes: { alignment: true, - intervals: true, - }, + intervals: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -241,29 +216,23 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore'); let nativeComponentName = 'EventNestedObjectPropsNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'EventNestedObjectPropsNativeComponentView', - + uiViewClassName: \\"EventNestedObjectPropsNativeComponentView\\", bubblingEventTypes: { topChange: { phasedRegistrationNames: { - captured: 'onChangeCapture', - bubbled: 'onChange', - }, - }, + captured: onChangeCapture, + bubbled: onChange + } + } }, - validAttributes: { disabled: true, - ...ConditionallyIgnoredEventHandlers({ - onChange: true, - }), - }, + onChange: true + }) + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -289,62 +258,51 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore'); let nativeComponentName = 'EventPropsNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'EventPropsNativeComponentView', - + uiViewClassName: \\"EventPropsNativeComponentView\\", bubblingEventTypes: { topPaperDirectName: { phasedRegistrationNames: { - captured: 'onChangeCapture', - bubbled: 'onChange', - }, + captured: onChangeCapture, + bubbled: onChange + } }, - topEnd: { phasedRegistrationNames: { - captured: 'onEndCapture', - bubbled: 'onEnd', - }, + captured: onEndCapture, + bubbled: onEnd + } }, - topPaperBubblingName: { phasedRegistrationNames: { - captured: 'onEventBubblingWithPaperNameCapture', - bubbled: 'onEventBubblingWithPaperName', - }, - }, + captured: onEventBubblingWithPaperNameCapture, + bubbled: onEventBubblingWithPaperName + } + } }, - directEventTypes: { topEventDirect: { - registrationName: 'onEventDirect', + registrationName: onEventDirect }, - topPaperDirectName: { - registrationName: 'onEventDirectWithPaperName', + registrationName: onEventDirectWithPaperName }, - topPaperBubblingName: { - registrationName: 'onOrientationChange', - }, + registrationName: onOrientationChange + } }, - validAttributes: { disabled: true, - ...ConditionallyIgnoredEventHandlers({ onChange: true, onEventDirect: true, onEventDirectWithPaperName: true, onOrientationChange: true, onEnd: true, - onEventBubblingWithPaperName: true, - }), - }, + onEventBubblingWithPaperName: true + }) + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -369,11 +327,8 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'FloatPropsNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'FloatPropsNativeComponentView', - + uiViewClassName: \\"FloatPropsNativeComponentView\\", validAttributes: { blurRadius: true, blurRadius2: true, @@ -381,10 +336,9 @@ export const __INTERNAL_VIEW_CONFIG = { blurRadius4: true, blurRadius5: true, blurRadius6: true, - blurRadiusNullable: true, - }, + blurRadiusNullable: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -409,18 +363,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ImagePropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ImagePropNativeComponentView', - + uiViewClassName: \\"ImagePropNativeComponentView\\", validAttributes: { thumbImage: { - process: require('react-native/Libraries/Image/resolveAssetSource'), - }, - }, + process: require('react-native/Libraries/Image/resolveAssetSource') + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -445,18 +395,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'IntegerPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'IntegerPropNativeComponentView', - + uiViewClassName: \\"IntegerPropNativeComponentView\\", validAttributes: { progress1: true, progress2: true, - progress3: true, - }, + progress3: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -482,29 +428,23 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore'); let nativeComponentName = 'RCTInterfaceOnlyComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'RCTInterfaceOnlyComponent', - + uiViewClassName: \\"RCTInterfaceOnlyComponent\\", bubblingEventTypes: { topChange: { phasedRegistrationNames: { - captured: 'onChangeCapture', - bubbled: 'onChange', - }, - }, + captured: onChangeCapture, + bubbled: onChange + } + } }, - validAttributes: { title: true, - ...ConditionallyIgnoredEventHandlers({ - onChange: true, - }), - }, + onChange: true + }) + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -529,16 +469,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'MixedPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'MixedPropNativeComponentView', - + uiViewClassName: \\"MixedPropNativeComponentView\\", validAttributes: { - mixedProp: true, - }, + mixedProp: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -563,30 +499,23 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'MultiNativePropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'MultiNativePropNativeComponentView', - + uiViewClassName: \\"MultiNativePropNativeComponentView\\", validAttributes: { thumbImage: { - process: require('react-native/Libraries/Image/resolveAssetSource'), + process: require('react-native/Libraries/Image/resolveAssetSource') }, - color: { - process: require('react-native/Libraries/StyleSheet/processColor').default, + process: require('react-native/Libraries/StyleSheet/processColor').default }, - thumbTintColor: { - process: require('react-native/Libraries/StyleSheet/processColor').default, + process: require('react-native/Libraries/StyleSheet/processColor').default }, - point: { - diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')), - }, - }, + diff: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')) + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -611,13 +540,10 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'NoPropsNoEventsNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'NoPropsNoEventsNativeComponentView', - validAttributes: {}, + uiViewClassName: \\"NoPropsNoEventsNativeComponentView\\", + validAttributes: {} }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -642,18 +568,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ObjectPropsNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ObjectPropsNativeComponent', - + uiViewClassName: \\"ObjectPropsNativeComponent\\", validAttributes: { objectProp: true, objectArrayProp: true, - objectPrimitiveRequiredProp: true, - }, + objectPrimitiveRequiredProp: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -678,18 +600,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'PointPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'PointPropNativeComponentView', - + uiViewClassName: \\"PointPropNativeComponentView\\", validAttributes: { startPoint: { - diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')), - }, - }, + diff: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')) + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -714,17 +632,13 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'StringPropNativeComponentView'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'StringPropNativeComponentView', - + uiViewClassName: \\"StringPropNativeComponentView\\", validAttributes: { placeholder: true, - defaultValue: true, - }, + defaultValue: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap index e687ec49198..6625c1735a6 100644 --- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap +++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap @@ -19,21 +19,16 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ArrayPropsNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ArrayPropsNativeComponent', - + uiViewClassName: \\"ArrayPropsNativeComponent\\", validAttributes: { names: true, disableds: true, progress: true, radii: true, - colors: { - process: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/StyleSheet/processColorArray')), + process: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/StyleSheet/processColorArray')) }, - srcs: true, points: true, dimensions: true, @@ -41,10 +36,9 @@ export const __INTERNAL_VIEW_CONFIG = { object: true, array: true, arrayOfArrayOfObject: true, - arrayOfMixed: true, - }, + arrayOfMixed: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -69,16 +63,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ArrayPropsNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ArrayPropsNativeComponent', - + uiViewClassName: \\"ArrayPropsNativeComponent\\", validAttributes: { - nativePrimitives: true, - }, + nativePrimitives: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -103,16 +93,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'BooleanPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'BooleanPropNativeComponent', - + uiViewClassName: \\"BooleanPropNativeComponent\\", validAttributes: { - disabled: true, - }, + disabled: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -137,18 +123,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ColorPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ColorPropNativeComponent', - + uiViewClassName: \\"ColorPropNativeComponent\\", validAttributes: { tintColor: { - process: require('react-native/Libraries/StyleSheet/processColor').default, - }, - }, + process: require('react-native/Libraries/StyleSheet/processColor').default + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -174,23 +156,18 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {dispatchCommand} = require(\\"react-native/Libraries/ReactNative/RendererProxy\\"); let nativeComponentName = 'CommandNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'CommandNativeComponent', - validAttributes: {}, + uiViewClassName: \\"CommandNativeComponent\\", + validAttributes: {} }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); - export const Commands = { - flashScrollIndicators(ref) { - dispatchCommand(ref, \\"flashScrollIndicators\\", []); - }, - - allTypes(ref, x, y, z, message, animated, locations) { - dispatchCommand(ref, \\"allTypes\\", [x, y, z, message, animated, locations]); - } + flashScrollIndicators(ref) { + dispatchCommand(flashScrollIndicators, []); + }, + allTypes(ref, x, y, z, message, animated, locations) { + dispatchCommand(allTypes, [x, y, z, message, animated, locations]); + } }; ", } @@ -216,30 +193,23 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {dispatchCommand} = require(\\"react-native/Libraries/ReactNative/RendererProxy\\"); let nativeComponentName = 'CommandNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'CommandNativeComponent', - + uiViewClassName: \\"CommandNativeComponent\\", validAttributes: { - accessibilityHint: true, - }, + accessibilityHint: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); - export const Commands = { - handleRootTag(ref, rootTag) { - dispatchCommand(ref, \\"handleRootTag\\", [rootTag]); - }, - - hotspotUpdate(ref, x, y) { - dispatchCommand(ref, \\"hotspotUpdate\\", [x, y]); - }, - - addItems(ref, items) { - dispatchCommand(ref, \\"addItems\\", [items]); - } + handleRootTag(ref, rootTag) { + dispatchCommand(handleRootTag, [rootTag]); + }, + hotspotUpdate(ref, x, y) { + dispatchCommand(hotspotUpdate, [x, y]); + }, + addItems(ref, items) { + dispatchCommand(addItems, [items]); + } }; ", } @@ -264,16 +234,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'DimensionPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'DimensionPropNativeComponent', - + uiViewClassName: \\"DimensionPropNativeComponent\\", validAttributes: { - marginBack: true, - }, + marginBack: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -298,21 +264,17 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'DoublePropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'DoublePropNativeComponent', - + uiViewClassName: \\"DoublePropNativeComponent\\", validAttributes: { blurRadius: true, blurRadius2: true, blurRadius3: true, blurRadius4: true, blurRadius5: true, - blurRadius6: true, - }, + blurRadius6: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -338,29 +300,23 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore'); let nativeComponentName = 'EventsNestedObjectNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'EventsNestedObjectNativeComponent', - + uiViewClassName: \\"EventsNestedObjectNativeComponent\\", bubblingEventTypes: { topChange: { phasedRegistrationNames: { - captured: 'onChangeCapture', - bubbled: 'onChange', - }, - }, + captured: onChangeCapture, + bubbled: onChange + } + } }, - validAttributes: { disabled: true, - ...ConditionallyIgnoredEventHandlers({ - onChange: true, - }), - }, + onChange: true + }) + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -386,62 +342,51 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore'); let nativeComponentName = 'EventsNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'EventsNativeComponent', - + uiViewClassName: \\"EventsNativeComponent\\", bubblingEventTypes: { topChange: { phasedRegistrationNames: { - captured: 'onChangeCapture', - bubbled: 'onChange', - }, + captured: onChangeCapture, + bubbled: onChange + } }, - topArrayEventType: { phasedRegistrationNames: { - captured: 'onArrayEventTypeCapture', - bubbled: 'onArrayEventType', - }, + captured: onArrayEventTypeCapture, + bubbled: onArrayEventType + } }, - topEnd: { phasedRegistrationNames: { - captured: 'onEndCapture', - bubbled: 'onEnd', - }, - }, + captured: onEndCapture, + bubbled: onEnd + } + } }, - directEventTypes: { topEventDirect: { - registrationName: 'onEventDirect', + registrationName: onEventDirect }, - topOrientationChange: { - registrationName: 'onOrientationChange', + registrationName: onOrientationChange }, - topEventWithMixedPropAttribute: { - registrationName: 'onEventWithMixedPropAttribute', - }, + registrationName: onEventWithMixedPropAttribute + } }, - validAttributes: { disabled: true, - ...ConditionallyIgnoredEventHandlers({ onChange: true, onArrayEventType: true, onEventDirect: true, onOrientationChange: true, onEnd: true, - onEventWithMixedPropAttribute: true, - }), - }, + onEventWithMixedPropAttribute: true + }) + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -467,34 +412,28 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore'); let nativeComponentName = 'RCTInterfaceOnlyComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'RCTInterfaceOnlyComponent', - + uiViewClassName: \\"RCTInterfaceOnlyComponent\\", bubblingEventTypes: { topPaperChange: { phasedRegistrationNames: { - captured: 'onChangeCapture', - bubbled: 'onChange', - }, - }, + captured: onChangeCapture, + bubbled: onChange + } + } }, - directEventTypes: { topPaperDirectChange: { - registrationName: 'onDirectChange', - }, + registrationName: onDirectChange + } }, - validAttributes: { ...ConditionallyIgnoredEventHandlers({ onChange: true, - onDirectChange: true, - }), - }, + onDirectChange: true + }) + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -519,13 +458,10 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ExcludedAndroidComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ExcludedAndroidComponent', - validAttributes: {}, + uiViewClassName: \\"ExcludedAndroidComponent\\", + validAttributes: {} }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -550,13 +486,10 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ExcludedAndroidIosComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ExcludedAndroidIosComponent', - validAttributes: {}, + uiViewClassName: \\"ExcludedAndroidIosComponent\\", + validAttributes: {} }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -581,26 +514,19 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ExcludedIosComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ExcludedIosComponent', - validAttributes: {}, + uiViewClassName: \\"ExcludedIosComponent\\", + validAttributes: {} }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); let nativeComponentName = 'MultiFileIncludedNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'MultiFileIncludedNativeComponent', - + uiViewClassName: \\"MultiFileIncludedNativeComponent\\", validAttributes: { - disabled: true, - }, + disabled: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -625,21 +551,17 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'FloatPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'FloatPropNativeComponent', - + uiViewClassName: \\"FloatPropNativeComponent\\", validAttributes: { blurRadius: true, blurRadius2: true, blurRadius3: true, blurRadius4: true, blurRadius5: true, - blurRadius6: true, - }, + blurRadius6: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -664,18 +586,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ImagePropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ImagePropNativeComponent', - + uiViewClassName: \\"ImagePropNativeComponent\\", validAttributes: { thumbImage: { - process: require('react-native/Libraries/Image/resolveAssetSource'), - }, - }, + process: require('react-native/Libraries/Image/resolveAssetSource') + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -700,18 +618,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'InsetsPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'InsetsPropNativeComponent', - + uiViewClassName: \\"InsetsPropNativeComponent\\", validAttributes: { contentInset: { - diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/insetsDiffer')), - }, - }, + diff: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/insetsDiffer')) + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -736,16 +650,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'Int32EnumPropsNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'Int32EnumPropsNativeComponent', - + uiViewClassName: \\"Int32EnumPropsNativeComponent\\", validAttributes: { - maxInterval: true, - }, + maxInterval: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -770,18 +680,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'IntegerPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'IntegerPropNativeComponent', - + uiViewClassName: \\"IntegerPropNativeComponent\\", validAttributes: { progress1: true, progress2: true, - progress3: true, - }, + progress3: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -807,29 +713,23 @@ const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/ const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore'); let nativeComponentName = 'RCTInterfaceOnlyComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'RCTInterfaceOnlyComponent', - + uiViewClassName: \\"RCTInterfaceOnlyComponent\\", bubblingEventTypes: { topChange: { phasedRegistrationNames: { - captured: 'onChangeCapture', - bubbled: 'onChange', - }, - }, + captured: onChangeCapture, + bubbled: onChange + } + } }, - validAttributes: { accessibilityHint: true, - ...ConditionallyIgnoredEventHandlers({ - onChange: true, - }), - }, + onChange: true + }) + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -854,16 +754,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'MixedPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'MixedPropNativeComponent', - + uiViewClassName: \\"MixedPropNativeComponent\\", validAttributes: { - mixedProp: true, - }, + mixedProp: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -888,30 +784,23 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ImageColorPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ImageColorPropNativeComponent', - + uiViewClassName: \\"ImageColorPropNativeComponent\\", validAttributes: { thumbImage: { - process: require('react-native/Libraries/Image/resolveAssetSource'), + process: require('react-native/Libraries/Image/resolveAssetSource') }, - color: { - process: require('react-native/Libraries/StyleSheet/processColor').default, + process: require('react-native/Libraries/StyleSheet/processColor').default }, - thumbTintColor: { - process: require('react-native/Libraries/StyleSheet/processColor').default, + process: require('react-native/Libraries/StyleSheet/processColor').default }, - point: { - diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')), - }, - }, + diff: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')) + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -936,13 +825,10 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'NoPropsNoEventsComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'NoPropsNoEventsComponent', - validAttributes: {}, + uiViewClassName: \\"NoPropsNoEventsComponent\\", + validAttributes: {} }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -967,16 +853,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'ObjectProps'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'ObjectProps', - + uiViewClassName: \\"ObjectProps\\", validAttributes: { - objectProp: true, - }, + objectProp: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -1001,18 +883,14 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'PointPropNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'PointPropNativeComponent', - + uiViewClassName: \\"PointPropNativeComponent\\", validAttributes: { startPoint: { - diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')), - }, - }, + diff: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')) + } + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -1037,16 +915,12 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'StringEnumPropsNativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'StringEnumPropsNativeComponent', - + uiViewClassName: \\"StringEnumPropsNativeComponent\\", validAttributes: { - alignment: true, - }, + alignment: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -1071,17 +945,13 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'StringPropComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'StringPropComponent', - + uiViewClassName: \\"StringPropComponent\\", validAttributes: { accessibilityHint: true, - accessibilityRole: true, - }, + accessibilityRole: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -1106,29 +976,21 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'MultiFile1NativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'MultiFile1NativeComponent', - + uiViewClassName: \\"MultiFile1NativeComponent\\", validAttributes: { - disabled: true, - }, + disabled: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); let nativeComponentName = 'MultiFile2NativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'MultiFile2NativeComponent', - + uiViewClassName: \\"MultiFile2NativeComponent\\", validAttributes: { - disabled: true, - }, + disabled: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -1153,29 +1015,21 @@ Map { const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry'); let nativeComponentName = 'MultiComponent1NativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'MultiComponent1NativeComponent', - + uiViewClassName: \\"MultiComponent1NativeComponent\\", validAttributes: { - disabled: true, - }, + disabled: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); let nativeComponentName = 'MultiComponent2NativeComponent'; - - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'MultiComponent2NativeComponent', - + uiViewClassName: \\"MultiComponent2NativeComponent\\", validAttributes: { - disabled: true, - }, + disabled: true + } }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", } @@ -1208,12 +1062,10 @@ if (UIManager.hasViewManagerConfig('NativeComponentName')) { } else { throw new Error('Failed to find native component for either \\"NativeComponentName\\" or \\"DeprecatedNativeComponentName\\"'); } - export const __INTERNAL_VIEW_CONFIG = { - uiViewClassName: 'NativeComponentName', - validAttributes: {}, + uiViewClassName: \\"NativeComponentName\\", + validAttributes: {} }; - export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG); ", }