[add] Text support for wordBreak style

Close #1200

packages/react-native-web/src/exports/Text/TextStylePropTypes.js

@@ -42,12 +42,12 @@ const TextStylePropTypes = {
   textShadowColor: ColorPropType,
   textShadowOffset: shape({ width: number, height: number }),
   textShadowRadius: number,
+  textTransform: oneOf(['capitalize', 'lowercase', 'none', 'uppercase']),
   writingDirection: oneOf(['auto', 'ltr', 'rtl']),
   /* @platform web */
   textIndent: numberOrString,
   textOverflow: string,
   textRendering: oneOf(['auto', 'geometricPrecision', 'optimizeLegibility', 'optimizeSpeed']),
-  textTransform: oneOf(['capitalize', 'lowercase', 'none', 'uppercase']),
   unicodeBidi: oneOf([
     'normal',
     'bidi-override',
@@ -57,6 +57,7 @@ const TextStylePropTypes = {
     'plaintext'
   ]),
   whiteSpace: string,
+  wordBreak: oneOf(['normal', 'break-all', 'break-word', 'keep-all']),
   wordWrap: string,
   MozOsxFontSmoothing: string,
   WebkitFontSmoothing: string

packages/website/storybook/1-components/Text/TextScreen.js

@@ -266,7 +266,6 @@ const stylePropTypes = [
     typeInfo: 'number | string'
   },
   {
-    label: 'web',
     name: 'textTransform',
     typeInfo: 'string'
   },
@@ -279,6 +278,12 @@ const stylePropTypes = [
     name: 'whiteSpace',
     typeInfo: 'string'
   },
+  {
+    label: 'web',
+    name: 'wordBreak',
+    typeInfo: 'enum("normal", "break-all", "break-word", "keep-all")'
+  },
+
   {
     label: 'web',
     name: 'wordWrap',