@office-iss/react-native-win32 0.71.8 → 0.71.9

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@office-iss/react-native-win32",
   "entries": [
     {
-      "date": "Thu, 08 Jun 2023 02:10:47 GMT",
+      "date": "Thu, 08 Jun 2023 17:58:35 GMT",
+      "tag": "@office-iss/react-native-win32_v0.71.9",
+      "version": "0.71.9",
+      "comments": {
+        "patch": [
+          {
+            "author": "30809111+acoates-ms@users.noreply.github.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "202f2e9fdb03deb76dbbd7efe7facdfab62a23ab",
+            "comment": "Fix various text properties not being forwarded to native"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 08 Jun 2023 02:10:56 GMT",
       "tag": "@office-iss/react-native-win32_v0.71.8",
       "version": "0.71.8",
       "comments": {

package/CHANGELOG.md

@@ -1,17 +1,25 @@
 # Change Log - @office-iss/react-native-win32
 
-This log was last generated on Thu, 08 Jun 2023 02:10:47 GMT and should not be manually modified.
+This log was last generated on Thu, 08 Jun 2023 17:58:35 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## 0.71.8
+## 0.71.9
 
-Thu, 08 Jun 2023 02:10:47 GMT
+Thu, 08 Jun 2023 17:58:35 GMT
 
 ### Patches
 
-- Add missing eventPhase on IHandledKeyboardEvent (30809111+acoates-ms@users.noreply.github.com)
+- Fix various text properties not being forwarded to native (30809111+acoates-ms@users.noreply.github.com)
 
+## 0.71.8
+
+Thu, 08 Jun 2023 02:10:56 GMT
+
+### Patches
+
+- Add missing eventPhase on IHandledKeyboardEvent (30809111+acoates-ms@users.noreply.github.com)
+
 ## 0.71.7
 
 Tue, 06 Jun 2023 23:29:48 GMT

package/Libraries/Text/TextNativeComponent.win32.js

@@ -48,12 +48,38 @@ const textViewConfig = {
     android_hyphenationFrequency: true,
     lineBreakStrategyIOS: true,
     // [Windows
-    // Listed for the property to be honored even though
-    // the property tooltip and the events from ViewWin32
-    //work without being listed.  Any Text-specific events
-    // would need to be listed here.
-    focusable: true,
+    accessibilityAccessKey: true,
+    accessibilityAnnotation: true,
+    accessibilityControls: true,
+    accessibilityDescribedBy: true,
+    accessibilityDescription: true,
+    accessibilityItemType: true,
     accessibilityLevel: true,
+    accessibilityPositionInSet: true,
+    accessibilitySetSize: true,
+    animationClass: true,
+    cursor: true,
+    draggedTypes: true,
+    enableFocusRing: true,
+    focusable: true,
+    keyDownEvents: true,
+    keyUpEvents: true,
+    onBlur: true,
+    onBlurCapture: true,
+    onDragEnter: true,
+    onDragLeave: true,
+    onDrop: true,
+    onFocus: true,
+    onFocusCapture: true,
+    onKeyDown: true,
+    onKeyDownCapture: true,
+    onKeyUp: true,
+    onKeyUpCapture: true,
+    onMouseEnter: true,
+    onMouseLeave: true,
+    tabIndex: true,
+    textStyle: true,
+    tooltip: true,
     // Windows]
   },
   directEventTypes: {

package/overrides.json

@@ -97,10 +97,6 @@
       "baseFile": "Libraries/Components/SafeAreaView/SafeAreaView.js",
       "baseHash": "bde271c753be96e28b5f1b539d0d9a0cbeee77ab"
     },
-    {
-      "type": "platform",
-      "file": "src/Libraries/Components/Text/Tests/TextWin32Test.tsx"
-    },
     {
       "type": "platform",
       "file": "src/Libraries/Components/Text/TextWin32.Props.ts"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.71.8",
+  "version": "0.71.9",
   "description": "Implementation of react native on top of Office's Win32 platform.",
   "license": "MIT",
   "main": "./index.win32.js",
@@ -12,8 +12,8 @@
     "flow-check": "flow check",
     "lint:fix": "rnw-scripts lint:fix",
     "lint": "rnw-scripts lint",
-    "run-win32-devmain": "npx @office-iss/rex-win32@0.68.26-devmain.16206.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDevMain --useDirectDebugger --useFastRefresh",
-    "run-win32": "npx @office-iss/rex-win32@0.68.26-devmain.16206.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDirectDebugger --useFastRefresh",
+    "run-win32-devmain": "npx @office-iss/rex-win32@0.71.15-devmain.16607.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDevMain --useDirectDebugger --useFastRefresh",
+    "run-win32": "npx @office-iss/rex-win32@0.71.15-devmain.16607.10000 --bundle js/RNTesterApp --component RNTesterApp --basePath ./dist/win32/dev --jsEngine v8 --useDirectDebugger --useFastRefresh",
     "start": "react-native start --projectRoot ../react-native-win32-tester",
     "test": "jest",
     "validate-overrides": "react-native-platform-override validate"

package/Libraries/Components/Text/Tests/TextWin32Test.d.ts

@@ -1,8 +0,0 @@
-export declare const title = "TextWin32";
-export declare const displayName = "TextWin32";
-export declare const description = "TextWin32 Examples and Tests";
-export declare const examples: {
-    title: string;
-    description: string;
-    render(): JSX.Element;
-}[];

package/Libraries/Components/Text/Tests/TextWin32Test.js

@@ -1,120 +0,0 @@
-'use strict';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.examples = exports.description = exports.displayName = exports.title = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const TextWin32_1 = require("../../Text/TextWin32");
-const ViewWin32_1 = require("../../View/ViewWin32");
-// Disabling no-jsx-lambda so functional components are more convenient to use
-const TextRunsTest = () => {
-    return (react_1.default.createElement(react_native_1.View, { focusable: true },
-        react_1.default.createElement(TextWin32_1.TextWin32, null,
-            react_1.default.createElement(TextWin32_1.TextWin32, null, "Text With "),
-            react_1.default.createElement(TextWin32_1.TextWin32, null, "Multiple Text "),
-            react_1.default.createElement(TextWin32_1.TextWin32, null, "Children [Runs]"))));
-};
-const FocusableTextTest = () => {
-    return (react_1.default.createElement(ViewWin32_1.ViewWin32, null,
-        react_1.default.createElement(TextWin32_1.TextWin32, { focusable: true }, "This TextWin32 demonstrates focusable")));
-};
-const SelectableTextTest = () => {
-    return (react_1.default.createElement(ViewWin32_1.ViewWin32, null,
-        react_1.default.createElement(TextWin32_1.TextWin32, { selectable: true }, "This TextWin32 demonstrates selectable")));
-};
-const TextStyleTest = () => {
-    return (react_1.default.createElement(ViewWin32_1.ViewWin32, null,
-        react_1.default.createElement(TextWin32_1.TextWin32, { textStyle: 'MediumBold' }, "Normal Text Display")));
-};
-const TooltipTextTest = () => {
-    return (react_1.default.createElement(ViewWin32_1.ViewWin32, null,
-        react_1.default.createElement(TextWin32_1.TextWin32, { tooltip: "Example Tooltip" }, "This TextWin32 demonstrates a tooltip")));
-};
-const TextPromotionTest = () => {
-    let FocusabilityState;
-    (function (FocusabilityState) {
-        FocusabilityState[FocusabilityState["NoFocus"] = 0] = "NoFocus";
-        FocusabilityState[FocusabilityState["Focusable"] = 1] = "Focusable";
-        FocusabilityState[FocusabilityState["Selectable"] = 2] = "Selectable";
-    })(FocusabilityState || (FocusabilityState = {}));
-    const [focusabilityState, setFocusabilityState] = react_1.default.useState(FocusabilityState.NoFocus);
-    return (react_1.default.createElement(ViewWin32_1.ViewWin32, null,
-        react_1.default.createElement(react_native_1.Button, { title: "Click to Promote Focusability", onPress: () => {
-                if (focusabilityState === FocusabilityState.NoFocus) {
-                    setFocusabilityState(FocusabilityState.Focusable);
-                }
-                else if (focusabilityState === FocusabilityState.Focusable) {
-                    setFocusabilityState(FocusabilityState.Selectable);
-                }
-            } }),
-        react_1.default.createElement(TextWin32_1.TextWin32, { focusable: focusabilityState === FocusabilityState.Focusable, selectable: focusabilityState === FocusabilityState.Selectable }, "This text is currently..."),
-        react_1.default.createElement(TextWin32_1.TextWin32, null, (focusabilityState === FocusabilityState.NoFocus) ? 'No Focusability' :
-            (focusabilityState === FocusabilityState.Focusable) ? 'Focusable' :
-                'Selectable')));
-};
-const BlurringAndFocusingTextTest = () => {
-    const [isFocusableFocused, setIsFocusableFocused] = react_1.default.useState(false);
-    const [isSelectableFocused, setIsSelectableFocused] = react_1.default.useState(false);
-    return (react_1.default.createElement(react_native_1.View, null,
-        react_1.default.createElement(TextWin32_1.TextWin32, { focusable: true, onBlur: () => setIsFocusableFocused(false), onFocus: () => setIsFocusableFocused(true) }, "Focusable text is focused:"),
-        react_1.default.createElement(TextWin32_1.TextWin32, { textStyle: isFocusableFocused ? 'MediumBold' : 'MediumStandard' }, isFocusableFocused ? 'true' : 'false'),
-        react_1.default.createElement(TextWin32_1.TextWin32, { selectable: true, onBlur: () => setIsSelectableFocused(false), onFocus: () => setIsSelectableFocused(true) }, "Selectable text is focused:"),
-        react_1.default.createElement(TextWin32_1.TextWin32, { textStyle: isSelectableFocused ? 'MediumBold' : 'MediumStandard' }, isSelectableFocused ? 'true' : 'false')));
-};
-exports.title = 'TextWin32';
-exports.displayName = 'TextWin32';
-exports.description = 'TextWin32 Examples and Tests';
-exports.examples = [
-    {
-        title: 'Text Runs Example',
-        description: 'text runs in action',
-        render() {
-            return (react_1.default.createElement(TextRunsTest, null));
-        },
-    },
-    {
-        title: 'Focusable Example',
-        description: 'focusable in action',
-        render() {
-            return (react_1.default.createElement(FocusableTextTest, null));
-        },
-    },
-    {
-        title: 'Selectable Example',
-        description: 'selectable in action',
-        render() {
-            return (react_1.default.createElement(SelectableTextTest, null));
-        },
-    },
-    {
-        title: 'TextStyle Example',
-        description: 'TextStyles in action',
-        render() {
-            return (react_1.default.createElement(TextStyleTest, null));
-        },
-    },
-    {
-        title: 'Tooltip Example',
-        description: 'tooltips in action',
-        render() {
-            return (react_1.default.createElement(TooltipTextTest, null));
-        },
-    },
-    {
-        title: 'TextPromotion Example',
-        description: 'dynamic increases in focusability in action',
-        render() {
-            return (react_1.default.createElement(TextPromotionTest, null));
-        },
-    },
-    {
-        title: 'Focus and Blur Example',
-        description: 'onFocus/onBlur in action',
-        render() {
-            return (react_1.default.createElement(BlurringAndFocusingTextTest, null));
-        },
-    },
-];
-//# sourceMappingURL=TextWin32Test.js.map

package/Libraries/Components/Text/Tests/TextWin32Test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextWin32Test.js","sourceRoot":"","sources":["../../../../src/Libraries/Components/Text/Tests/TextWin32Test.tsx"],"names":[],"mappings":"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","sourcesContent":["'use strict';\nimport React from 'react'\nimport { Button, View } from 'react-native';\nimport { TextWin32 } from '../../Text/TextWin32';\nimport { ViewWin32 } from '../../View/ViewWin32';\n\n// Disabling no-jsx-lambda so functional components are more convenient to use\n\nconst TextRunsTest: React.FC<{}> = () => {\n  return (\n    <View focusable>\n      <TextWin32>\n        <TextWin32>Text With </TextWin32>\n        <TextWin32>Multiple Text </TextWin32>\n        <TextWin32>Children [Runs]</TextWin32>\n      </TextWin32>\n    </View>\n  );\n};\n\nconst FocusableTextTest: React.FC<{}> = () => {\n  return (\n    <ViewWin32>\n      <TextWin32 focusable>This TextWin32 demonstrates focusable</TextWin32>\n    </ViewWin32>\n  );\n};\n\nconst SelectableTextTest: React.FC<{}> = () => {\n  return (\n    <ViewWin32>\n      <TextWin32 selectable>This TextWin32 demonstrates selectable</TextWin32>\n    </ViewWin32>\n  );\n};\n\nconst TextStyleTest: React.FC<{}> = () => {\n  return (\n    <ViewWin32>\n      <TextWin32 textStyle={'MediumBold'}>Normal Text Display</TextWin32>\n    </ViewWin32>\n  );\n};\n\nconst TooltipTextTest: React.FC<{}> = () => {\n  return (\n    <ViewWin32>\n      <TextWin32 tooltip=\"Example Tooltip\">This TextWin32 demonstrates a tooltip</TextWin32>\n    </ViewWin32>\n  );\n};\n\nconst TextPromotionTest: React.FC<{}> = () => {\n  enum FocusabilityState {\n    NoFocus,\n    Focusable,\n    Selectable,\n  }\n  const [focusabilityState, setFocusabilityState] = React.useState(FocusabilityState.NoFocus);\n  return (\n    <ViewWin32>\n      <Button\n      title=\"Click to Promote Focusability\"\n      onPress={() => \n        {\n          if (focusabilityState === FocusabilityState.NoFocus)\n          {\n            setFocusabilityState(FocusabilityState.Focusable);\n          }\n          else if (focusabilityState === FocusabilityState.Focusable)\n          {\n            setFocusabilityState(FocusabilityState.Selectable);\n          }\n        }}  />\n      <TextWin32\n        focusable={focusabilityState === FocusabilityState.Focusable}\n        selectable={focusabilityState === FocusabilityState.Selectable}\n      >\n        This text is currently...\n      </TextWin32>\n      <TextWin32>\n        {(focusabilityState === FocusabilityState.NoFocus) ? 'No Focusability' : \n         (focusabilityState === FocusabilityState.Focusable) ? 'Focusable' :\n         'Selectable'}\n      </TextWin32>\n    </ViewWin32>\n  );\n};\n\nconst BlurringAndFocusingTextTest: React.FC<{}> = () => {\n  const [isFocusableFocused, setIsFocusableFocused] = React.useState(false);\n  const [isSelectableFocused, setIsSelectableFocused] = React.useState(false);\n  return (\n    <View>\n      <TextWin32\n        focusable\n        onBlur={() => setIsFocusableFocused(false)}\n        onFocus={() => setIsFocusableFocused(true)}>Focusable text is focused:</TextWin32>\n        <TextWin32\n        textStyle={isFocusableFocused ? 'MediumBold' : 'MediumStandard'}>{isFocusableFocused ? 'true' : 'false'}</TextWin32>\n      <TextWin32\n        selectable\n        onBlur={() => setIsSelectableFocused(false)}\n        onFocus={() => setIsSelectableFocused(true)}>Selectable text is focused:</TextWin32>\n        <TextWin32\n        textStyle={isSelectableFocused ? 'MediumBold' : 'MediumStandard'}>{isSelectableFocused ? 'true' : 'false'}</TextWin32>\n    </View>\n  );\n};\n\nexport const title = 'TextWin32';\nexport const displayName = 'TextWin32';\nexport const description = 'TextWin32 Examples and Tests';\nexport const examples = [\n    {\n      title: 'Text Runs Example',\n      description: 'text runs in action',\n      render(): JSX.Element {\n        return (<TextRunsTest />);\n      },\n    },\n    {\n      title: 'Focusable Example',\n      description: 'focusable in action',\n      render(): JSX.Element {\n        return (<FocusableTextTest />);\n      },\n    },\n    {\n      title: 'Selectable Example',\n      description: 'selectable in action',\n      render(): JSX.Element {\n        return (<SelectableTextTest />);\n      },\n    },\n    {\n      title: 'TextStyle Example',\n      description: 'TextStyles in action',\n      render(): JSX.Element {\n        return (<TextStyleTest />);\n      },\n    },\n    {\n      title: 'Tooltip Example',\n      description: 'tooltips in action',\n      render(): JSX.Element {\n        return (<TooltipTextTest />);\n      },\n    },\n    {\n      title: 'TextPromotion Example',\n      description: 'dynamic increases in focusability in action',\n      render(): JSX.Element {\n        return (<TextPromotionTest />);\n      },\n    },\n    {\n      title: 'Focus and Blur Example',\n      description: 'onFocus/onBlur in action',\n      render(): JSX.Element {\n        return (<BlurringAndFocusingTextTest />);\n      },\n    },\n  ];"]}

package/src/Libraries/Components/Text/Tests/TextWin32Test.tsx

@@ -1,164 +0,0 @@
-'use strict';
-import React from 'react'
-import { Button, View } from 'react-native';
-import { TextWin32 } from '../../Text/TextWin32';
-import { ViewWin32 } from '../../View/ViewWin32';
-
-// Disabling no-jsx-lambda so functional components are more convenient to use
-
-const TextRunsTest: React.FC<{}> = () => {
-  return (
-    <View focusable>
-      <TextWin32>
-        <TextWin32>Text With </TextWin32>
-        <TextWin32>Multiple Text </TextWin32>
-        <TextWin32>Children [Runs]</TextWin32>
-      </TextWin32>
-    </View>
-  );
-};
-
-const FocusableTextTest: React.FC<{}> = () => {
-  return (
-    <ViewWin32>
-      <TextWin32 focusable>This TextWin32 demonstrates focusable</TextWin32>
-    </ViewWin32>
-  );
-};
-
-const SelectableTextTest: React.FC<{}> = () => {
-  return (
-    <ViewWin32>
-      <TextWin32 selectable>This TextWin32 demonstrates selectable</TextWin32>
-    </ViewWin32>
-  );
-};
-
-const TextStyleTest: React.FC<{}> = () => {
-  return (
-    <ViewWin32>
-      <TextWin32 textStyle={'MediumBold'}>Normal Text Display</TextWin32>
-    </ViewWin32>
-  );
-};
-
-const TooltipTextTest: React.FC<{}> = () => {
-  return (
-    <ViewWin32>
-      <TextWin32 tooltip="Example Tooltip">This TextWin32 demonstrates a tooltip</TextWin32>
-    </ViewWin32>
-  );
-};
-
-const TextPromotionTest: React.FC<{}> = () => {
-  enum FocusabilityState {
-    NoFocus,
-    Focusable,
-    Selectable,
-  }
-  const [focusabilityState, setFocusabilityState] = React.useState(FocusabilityState.NoFocus);
-  return (
-    <ViewWin32>
-      <Button
-      title="Click to Promote Focusability"
-      onPress={() => 
-        {
-          if (focusabilityState === FocusabilityState.NoFocus)
-          {
-            setFocusabilityState(FocusabilityState.Focusable);
-          }
-          else if (focusabilityState === FocusabilityState.Focusable)
-          {
-            setFocusabilityState(FocusabilityState.Selectable);
-          }
-        }}  />
-      <TextWin32
-        focusable={focusabilityState === FocusabilityState.Focusable}
-        selectable={focusabilityState === FocusabilityState.Selectable}
-      >
-        This text is currently...
-      </TextWin32>
-      <TextWin32>
-        {(focusabilityState === FocusabilityState.NoFocus) ? 'No Focusability' : 
-         (focusabilityState === FocusabilityState.Focusable) ? 'Focusable' :
-         'Selectable'}
-      </TextWin32>
-    </ViewWin32>
-  );
-};
-
-const BlurringAndFocusingTextTest: React.FC<{}> = () => {
-  const [isFocusableFocused, setIsFocusableFocused] = React.useState(false);
-  const [isSelectableFocused, setIsSelectableFocused] = React.useState(false);
-  return (
-    <View>
-      <TextWin32
-        focusable
-        onBlur={() => setIsFocusableFocused(false)}
-        onFocus={() => setIsFocusableFocused(true)}>Focusable text is focused:</TextWin32>
-        <TextWin32
-        textStyle={isFocusableFocused ? 'MediumBold' : 'MediumStandard'}>{isFocusableFocused ? 'true' : 'false'}</TextWin32>
-      <TextWin32
-        selectable
-        onBlur={() => setIsSelectableFocused(false)}
-        onFocus={() => setIsSelectableFocused(true)}>Selectable text is focused:</TextWin32>
-        <TextWin32
-        textStyle={isSelectableFocused ? 'MediumBold' : 'MediumStandard'}>{isSelectableFocused ? 'true' : 'false'}</TextWin32>
-    </View>
-  );
-};
-
-export const title = 'TextWin32';
-export const displayName = 'TextWin32';
-export const description = 'TextWin32 Examples and Tests';
-export const examples = [
-    {
-      title: 'Text Runs Example',
-      description: 'text runs in action',
-      render(): JSX.Element {
-        return (<TextRunsTest />);
-      },
-    },
-    {
-      title: 'Focusable Example',
-      description: 'focusable in action',
-      render(): JSX.Element {
-        return (<FocusableTextTest />);
-      },
-    },
-    {
-      title: 'Selectable Example',
-      description: 'selectable in action',
-      render(): JSX.Element {
-        return (<SelectableTextTest />);
-      },
-    },
-    {
-      title: 'TextStyle Example',
-      description: 'TextStyles in action',
-      render(): JSX.Element {
-        return (<TextStyleTest />);
-      },
-    },
-    {
-      title: 'Tooltip Example',
-      description: 'tooltips in action',
-      render(): JSX.Element {
-        return (<TooltipTextTest />);
-      },
-    },
-    {
-      title: 'TextPromotion Example',
-      description: 'dynamic increases in focusability in action',
-      render(): JSX.Element {
-        return (<TextPromotionTest />);
-      },
-    },
-    {
-      title: 'Focus and Blur Example',
-      description: 'onFocus/onBlur in action',
-      render(): JSX.Element {
-        return (<BlurringAndFocusingTextTest />);
-      },
-    },
-  ];