Move Text PropTypes to it's own file

Reviewed By: fkgozali Differential Revision: D7226404 fbshipit-source-id: b5637dee9a4f10daf0682e46f1ec8920ea03ae33
facebook · Mar 11, 2018 · cd8128b · cd8128b
1 parent e057322
commit cd8128b
Show file tree

Hide file tree

Showing 2 changed files with 130 additions and 114 deletions.
diff --git a/Libraries/Text/Text.js b/Libraries/Text/Text.js
@@ -10,14 +10,10 @@
  */
 'use strict';
 
-const ColorPropType = require('ColorPropType');
-const EdgeInsetsPropType = require('EdgeInsetsPropType');
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const React = require('React');
-const PropTypes = require('prop-types');
 const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
-const StyleSheetPropType = require('StyleSheetPropType');
-const TextStylePropTypes = require('TextStylePropTypes');
+const TextPropTypes = require('TextPropTypes');
 const Touchable = require('Touchable');
 const UIManager = require('UIManager');
 
@@ -27,8 +23,6 @@ const mergeFast = require('mergeFast');
 const processColor = require('processColor');
 const {ViewContextTypes} = require('ViewContext');
 
-const stylePropType = StyleSheetPropType(TextStylePropTypes);
-
 const viewConfig = {
   validAttributes: mergeFast(ReactNativeViewAttributes.UIView, {
     isHighlighted: true,
@@ -55,113 +49,7 @@ import type {ViewChildContext} from 'ViewContext';
 
 const Text = createReactClass({
   displayName: 'Text',
-  propTypes: {
-    /**
-     * When `numberOfLines` is set, this prop defines how text will be
-     * truncated.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#ellipsizemode
-     */
-    ellipsizeMode: PropTypes.oneOf(['head', 'middle', 'tail', 'clip']),
-    /**
-     * Used to truncate the text with an ellipsis.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#numberoflines
-     */
-    numberOfLines: PropTypes.number,
-    /**
-     * Set text break strategy on Android.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#textbreakstrategy
-     */
-    textBreakStrategy: PropTypes.oneOf(['simple', 'highQuality', 'balanced']),
-    /**
-     * Invoked on mount and layout changes.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#onlayout
-     */
-    onLayout: PropTypes.func,
-    /**
-     * This function is called on press.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#onpress
-     */
-    onPress: PropTypes.func,
-    /**
-     * This function is called on long press.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#onlongpress
-     */
-    onLongPress: PropTypes.func,
-    /**
-     * Defines how far your touch may move off of the button, before
-     * deactivating the button.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#pressretentionoffset
-     */
-    pressRetentionOffset: EdgeInsetsPropType,
-    /**
-     * Lets the user select text.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#selectable
-     */
-    selectable: PropTypes.bool,
-    /**
-     * The highlight color of the text.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#selectioncolor
-     */
-    selectionColor: ColorPropType,
-    /**
-     * When `true`, no visual change is made when text is pressed down.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#supperhighlighting
-     */
-    suppressHighlighting: PropTypes.bool,
-    style: stylePropType,
-    /**
-     * Used to locate this view in end-to-end tests.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#testid
-     */
-    testID: PropTypes.string,
-    /**
-     * Used to locate this view from native code.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#nativeid
-     */
-    nativeID: PropTypes.string,
-    /**
-     * Whether fonts should scale to respect Text Size accessibility settings.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#allowfontscaling
-     */
-    allowFontScaling: PropTypes.bool,
-    /**
-     * Indicates whether the view is an accessibility element.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#accessible
-     */
-    accessible: PropTypes.bool,
-    /**
-     * Whether font should be scaled down automatically.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#adjustsfontsizetofit
-     */
-    adjustsFontSizeToFit: PropTypes.bool,
-    /**
-     * Smallest possible scale a font can reach.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#minimumfontscale
-     */
-    minimumFontScale: PropTypes.number,
-    /**
-     * Specifies the disabled state of the text view for testing purposes.
-     *
-     * See https://facebook.github.io/react-native/docs/text.html#disabled
-     */
-    disabled: PropTypes.bool,
-  },
+  propTypes: TextPropTypes,
   getDefaultProps(): Object {
     return {
       accessible: true,

diff --git a/Libraries/Text/TextPropTypes.js b/Libraries/Text/TextPropTypes.js
@@ -0,0 +1,128 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @providesModule TextPropTypes
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const ColorPropType = require('ColorPropType');
+const EdgeInsetsPropType = require('EdgeInsetsPropType');
+const PropTypes = require('prop-types');
+const StyleSheetPropType = require('StyleSheetPropType');
+const TextStylePropTypes = require('TextStylePropTypes');
+
+const stylePropType = StyleSheetPropType(TextStylePropTypes);
+
+module.exports = {
+  /**
+   * When `numberOfLines` is set, this prop defines how text will be
+   * truncated.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#ellipsizemode
+   */
+  ellipsizeMode: PropTypes.oneOf(['head', 'middle', 'tail', 'clip']),
+  /**
+   * Used to truncate the text with an ellipsis.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#numberoflines
+   */
+  numberOfLines: PropTypes.number,
+  /**
+   * Set text break strategy on Android.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#textbreakstrategy
+   */
+  textBreakStrategy: PropTypes.oneOf(['simple', 'highQuality', 'balanced']),
+  /**
+   * Invoked on mount and layout changes.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#onlayout
+   */
+  onLayout: PropTypes.func,
+  /**
+   * This function is called on press.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#onpress
+   */
+  onPress: PropTypes.func,
+  /**
+   * This function is called on long press.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#onlongpress
+   */
+  onLongPress: PropTypes.func,
+  /**
+   * Defines how far your touch may move off of the button, before
+   * deactivating the button.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#pressretentionoffset
+   */
+  pressRetentionOffset: EdgeInsetsPropType,
+  /**
+   * Lets the user select text.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#selectable
+   */
+  selectable: PropTypes.bool,
+  /**
+   * The highlight color of the text.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#selectioncolor
+   */
+  selectionColor: ColorPropType,
+  /**
+   * When `true`, no visual change is made when text is pressed down.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#supperhighlighting
+   */
+  suppressHighlighting: PropTypes.bool,
+  style: stylePropType,
+  /**
+   * Used to locate this view in end-to-end tests.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#testid
+   */
+  testID: PropTypes.string,
+  /**
+   * Used to locate this view from native code.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#nativeid
+   */
+  nativeID: PropTypes.string,
+  /**
+   * Whether fonts should scale to respect Text Size accessibility settings.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#allowfontscaling
+   */
+  allowFontScaling: PropTypes.bool,
+  /**
+   * Indicates whether the view is an accessibility element.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#accessible
+   */
+  accessible: PropTypes.bool,
+  /**
+   * Whether font should be scaled down automatically.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#adjustsfontsizetofit
+   */
+  adjustsFontSizeToFit: PropTypes.bool,
+  /**
+   * Smallest possible scale a font can reach.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#minimumfontscale
+   */
+  minimumFontScale: PropTypes.number,
+  /**
+   * Specifies the disabled state of the text view for testing purposes.
+   *
+   * See https://facebook.github.io/react-native/docs/text.html#disabled
+   */
+  disabled: PropTypes.bool,
+};