Revert "TextField - screen for snapshot tests (#3143)" (#3144)

This reverts commit d5aefb6.

Author: Inbal-Tish

demo/src/screens/componentScreens/TextFieldScreen.tsx

@@ -81,7 +81,7 @@ export default class TextFieldScreen extends Component {
 
         <View row bottom>
           <TextField
-            placeholder="FloatingPlaceholder"
+            placeholder="Floating placeholder"
             floatingPlaceholder
             floatingPlaceholderColor={{
               focus: Colors.$textDefault,
@@ -90,12 +90,10 @@ export default class TextFieldScreen extends Component {
             // floatingPlaceholderStyle={Typography.text60}
             // style={Typography.text60}
             containerStyle={{flex: 1}}
-            preset={this.state.preset}
           />
           <TextField
             placeholder="Placeholder"
             containerStyle={{flex: 1, marginLeft: Spacings.s6}}
-            preset={this.state.preset}
           />
         </View>
       </>
@@ -137,7 +135,6 @@ export default class TextFieldScreen extends Component {
           ref={this.input2}
           placeholder="Enter search term"
           trailingAccessory={this.renderTrailingAccessory()}
-          preset={this.state.preset}
         />
         <TextField
           ref={this.input2}
@@ -148,7 +145,6 @@ export default class TextFieldScreen extends Component {
               Kg.
             </Text>
           }
-          preset={this.state.preset}
         />
 
         <Text marginB-s2 $textPrimary>Leading Accessory:</Text>
@@ -160,7 +156,6 @@ export default class TextFieldScreen extends Component {
               Https://
             </Text>
           }
-          preset={this.state.preset}
         />
       </>
     );
@@ -172,7 +167,7 @@ export default class TextFieldScreen extends Component {
   };
 
   renderValidationExample() {
-    const {errorPosition, preset, value} = this.state;
+    const {errorPosition, preset} = this.state;
 
     return (
       <>
@@ -185,7 +180,7 @@ export default class TextFieldScreen extends Component {
         </View>
 
         <TextField
-          value={value}
+          value={this.state.value}
           onChangeText={value => this.setState({value})}
           label="Email"
           placeholder="Enter email"
@@ -196,11 +191,10 @@ export default class TextFieldScreen extends Component {
           validate={['required', 'email']}
           validateOnChange
           onChangeValidity={(isValid: boolean) => console.warn('validity changed:', isValid, Date.now())}
-          validateOnStart
+          // validateOnStart
           // validateOnBlur
-          preset={preset}
         />
-        <View row spread center marginT-20>
+        <View row spread center>
           <TextField
             ref={this.inputWithValidation}
             label="Name"
@@ -255,7 +249,7 @@ export default class TextFieldScreen extends Component {
   };
 
   renderStateColorsExample() {
-    const {isReadonly, isDisabled, preset} = this.state;
+    const {isReadonly, isDisabled} = this.state;
 
     return (
       <>
@@ -284,7 +278,6 @@ export default class TextFieldScreen extends Component {
           validateOnChange
           readonly={isReadonly}
           editable={!isDisabled}
-          preset={preset}
         />
       </>
     );
@@ -340,7 +333,7 @@ export default class TextFieldScreen extends Component {
     );
   }
 
-  renderCharCounterExample() {
+  renderCherCounterExample() {
     return (
       <>
         <Text h3 marginB-s3>
@@ -355,7 +348,6 @@ export default class TextFieldScreen extends Component {
           bottomAccessory={<Text text100>{Assets.emojis.grapes} {Assets.emojis.melon} {Assets.emojis.banana}</Text>}
           charCounterStyle={{color: Colors.$textGeneral}}
           maxLength={20}
-          preset={this.state.preset}
         />
       </>
     );
@@ -376,7 +368,6 @@ export default class TextFieldScreen extends Component {
           onChangeText={value => this.setState({value})}
           trailingAccessory={<Icon source={Assets.icons.demo.search}/>}
           // multiline
-          preset={this.state.preset}
         />
       </>
     );
@@ -394,14 +385,13 @@ export default class TextFieldScreen extends Component {
           floatingPlaceholder
           floatOnFocus
           hint="1-6 chars including numeric chars"
-          preset={this.state.preset}
         />
       </>
     );
   }
 
   renderFormatterExample() {
-    const {price, preset} = this.state;
+    const {price} = this.state;
 
     return (
       <>
@@ -419,15 +409,12 @@ export default class TextFieldScreen extends Component {
           // @ts-expect-error
           formatter={value => (isNaN(value) ? value : priceFormatter.format(Number(value)))}
           leadingAccessory={<Text marginR-s1 $textNeutral>$</Text>}
-          preset={preset}
         />
       </>
     );
   }
 
   renderCustomAlignmentExample() {
-    const {preset, errorPosition} = this.state;
-
     return (
       <>
         <Text h3 marginB-3>
@@ -439,25 +426,18 @@ export default class TextFieldScreen extends Component {
           label="PIN"
           placeholder="XXXX"
           centered
-          topTrailingAccessory={<Icon source={Assets.icons.demo.info} size={16} marginL-s1/>}
+          topTrailingAccessory={<Icon source={Assets.icons.demo.info} size={16}/>}
           validate={'required'}
           validationMessage={'This field is required'}
           validateOnBlur
-          validationMessagePosition={errorPosition}
-          preset={preset}
+          validationMessagePosition={this.state.errorPosition}
         />
 
         <Text marginB-s1 $textPrimary>Inline:</Text>
         <View row>
-          <TextField placeholder="hours" preset={preset}/>
-          <Text 
-            marginT-s1={preset === TextField.presets.UNDERLINE} 
-            marginT-s2={preset === TextField.presets.OUTLINE} 
-            marginH-s1
-          >
-            :
-          </Text>
-          <TextField placeholder="minutes" preset={preset}/>
+          <TextField placeholder="hours"/>
+          <Text marginT-s1 marginH-s1>:</Text>
+          <TextField placeholder="minutes"/>
         </View>
       </>
     );
@@ -475,7 +455,7 @@ export default class TextFieldScreen extends Component {
           {this.renderValidationExample()}
           {this.renderHintExample()}
           {this.renderClearButtonExample()}
-          {this.renderCharCounterExample()}
+          {this.renderCherCounterExample()}
           {this.renderAccessoriesExample()}
           {this.renderStateColorsExample()}
           {this.renderDynamicFieldExample()}