Long lines in code blocks should not wrap Expensify#7497 is fixed

Author: orkunkarakus

src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import {ScrollView} from 'react-native-gesture-handler';
+import {View} from 'react-native';
+import _ from 'underscore';
+import withLocalize from '../../withLocalize';
+import htmlRendererPropTypes from './htmlRendererPropTypes';
+
+const PreRenderer = (props) => {
+    const TDefaultRenderer = props.TDefaultRenderer;
+    const defaultRendererProps = _.omit(props, ['TDefaultRenderer']);
+
+    return (
+        <ScrollView horizontal>
+            <View onStartShouldSetResponder={() => true}>
+                <TDefaultRenderer
+                     // eslint-disable-next-line react/jsx-props-no-spreading
+                    {...defaultRendererProps}
+                />
+            </View>
+        </ScrollView>
+    );
+};
+
+PreRenderer.propTypes = htmlRendererPropTypes;
+PreRenderer.displayName = 'PreRenderer';
+
+export default withLocalize(PreRenderer);

src/components/HTMLEngineProvider/HTMLRenderers/index.js

@@ -2,6 +2,7 @@ import AnchorRenderer from './AnchorRenderer';
 import CodeRenderer from './CodeRenderer';
 import EditedRenderer from './EditedRenderer';
 import ImageRenderer from './ImageRenderer';
+import PreRenderer from './PreRenderer';
 
 /**
  * This collection defines our custom renderers. It is a mapping from HTML tag type to the corresponding component.
@@ -14,4 +15,5 @@ export default {
 
     // Custom tag renderers
     edited: EditedRenderer,
+    pre: PreRenderer,
 };

src/components/PressableWithSecondaryInteraction/index.js

@@ -1,6 +1,6 @@
 import _ from 'underscore';
 import React, {Component} from 'react';
-import {Pressable} from 'react-native';
+import {Platform, Pressable} from 'react-native';
 import {LongPressGestureHandler, State} from 'react-native-gesture-handler';
 import SelectionScraper from '../../libs/SelectionScraper';
 import * as pressableWithSecondaryInteractionPropTypes from './pressableWithSecondaryInteractionPropTypes';
@@ -31,7 +31,8 @@ class PressableWithSecondaryInteraction extends Component {
      * @param {Object} e
      */
     callSecondaryInteractionWithMappedEvent(e) {
-        if (e.nativeEvent.state !== State.ACTIVE) {
+        const isHoverableDevice = ((Platform.OS === 'web') || (Platform.OS === 'windows') || (Platform.OS === 'macos'));
+        if ((e.nativeEvent.state !== State.ACTIVE) || isHoverableDevice) {
             return;
         }
 
@@ -73,7 +74,7 @@ class PressableWithSecondaryInteraction extends Component {
                     onPressOut={this.props.onPressOut}
                     onPress={this.props.onPress}
                     ref={el => this.pressableRef = el}
-                // eslint-disable-next-line react/jsx-props-no-spreading
+                    // eslint-disable-next-line react/jsx-props-no-spreading
                     {...defaultPressableProps}
                 >
                     {this.props.children}