@office-iss/react-native-win32 0.66.4 → 0.66.6

package/.flowconfig

@@ -26,6 +26,8 @@
 <PROJECT_ROOT>/Libraries/Pressability/Pressability.js
 <PROJECT_ROOT>/Libraries/Pressability/HoverState.js
 <PROJECT_ROOT>/Libraries/StyleSheet/StyleSheet.js
+<PROJECT_ROOT>/Libraries/Text/Text.js
+<PROJECT_ROOT>/Libraries/Text/TextNativeComponent.js
 <PROJECT_ROOT>/Libraries/Types/CoreEventTypes.js
 <PROJECT_ROOT>/Libraries/Utilities/DeviceInfo.js
 <PROJECT_ROOT>/Libraries/Utilities/Dimensions.js

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@office-iss/react-native-win32",
   "entries": [
     {
-      "date": "Mon, 24 Jan 2022 16:10:41 GMT",
+      "date": "Wed, 14 Sep 2022 18:18:47 GMT",
+      "tag": "@office-iss/react-native-win32_v0.66.6",
+      "version": "0.66.6",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Backport Add `accessibilityAccessKey` prop to ViewWin32",
+            "author": "ruaraki@microsoft.com",
+            "commit": "1261c051e6e130a2101dfc80bff4589ad7033eb4",
+            "package": "@office-iss/react-native-win32"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 21 Feb 2022 16:09:42 GMT",
+      "tag": "@office-iss/react-native-win32_v0.66.5",
+      "version": "0.66.5",
+      "comments": {
+        "patch": [
+          {
+            "comment": "forward isPressble to native text component",
+            "author": "30809111+acoates-ms@users.noreply.github.com",
+            "commit": "12e82b184f7f78aa1fcfbe3dd700daef70257356",
+            "package": "@office-iss/react-native-win32"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 24 Jan 2022 16:11:33 GMT",
       "tag": "@office-iss/react-native-win32_v0.66.4",
       "version": "0.66.4",
       "comments": {

package/CHANGELOG.md

@@ -1,17 +1,33 @@
 # Change Log - @office-iss/react-native-win32
 
-This log was last generated on Mon, 24 Jan 2022 16:10:41 GMT and should not be manually modified.
+This log was last generated on Wed, 14 Sep 2022 18:18:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## 0.66.4
+## 0.66.6
 
-Mon, 24 Jan 2022 16:10:41 GMT
+Wed, 14 Sep 2022 18:18:47 GMT
 
 ### Patches
 
-- Promote 0.66 to legacy (ngerlem@microsoft.com)
+- Backport Add `accessibilityAccessKey` prop to ViewWin32 (ruaraki@microsoft.com)
 
+## 0.66.5
+
+Mon, 21 Feb 2022 16:09:42 GMT
+
+### Patches
+
+- forward isPressble to native text component (30809111+acoates-ms@users.noreply.github.com)
+
+## 0.66.4
+
+Mon, 24 Jan 2022 16:11:33 GMT
+
+### Patches
+
+- Promote 0.66 to legacy (ngerlem@microsoft.com)
+
 ## 0.66.3
 
 Mon, 17 Jan 2022 16:12:35 GMT

package/Libraries/Components/View/ReactNativeViewAttributes.win32.js

@@ -35,6 +35,7 @@ const UIView = {
   needsOffscreenAlphaCompositing: true,
   style: ReactNativeStyleAttributes,
   // [Windows
+  accessibilityAccessKey: true,
   enableFocusRing: true,
   cursor: true,
   textStyle: true, // Once we flush out our JS theming story this property will no longer be needed

package/Libraries/Components/View/ViewWin32.Props.d.ts

@@ -97,6 +97,11 @@ export declare type ViewWin32OmitTypes = RN.ViewPropsAndroid & RN.ViewPropsIOS &
 export interface IViewWin32Props extends Omit<RN.ViewProps, ViewWin32OmitTypes>, BasePropsWin32 {
     type?: React.ElementType;
     children?: React.ReactNode;
+    /**
+     * An access key to hook up to the UIA_AccessKey_Property.
+     * Access keys are used in keyboard navigation to allow quick navigation to UI in an application.
+     */
+    accessibilityAccessKey?: string;
     accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;
     /**
      * Tells a person using a screen reader what kind of annotation they

package/Libraries/Components/View/ViewWin32.Props.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewWin32.Props.js","sourceRoot":"","sources":["../../../src/Libraries/Components/View/ViewWin32.Props.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAeb,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,2CAAI,CAAA;IACJ,qDAAS,CAAA;IACT,mDAAQ,CAAA;IACR,mDAAQ,CAAA;AACV,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB","sourcesContent":["'use strict';\nimport React from 'react'\nimport RN = require('react-native');\n\n// removes from interface T the members of interface K\ntype Omit<T, K> = Pick<T, Exclude<keyof T, keyof K>>;\n\n// All of T becomes optional except for Keys\ntype PartiallyRequired<T, Keys extends keyof T = keyof T> = Pick<Partial<T>, Exclude<keyof T, Keys>> & Pick<T, Keys>;\n\n/**\n * All of TOrigin except Key from TUse\n */\nexport type UseFrom<TOrigin, TUse, Key extends keyof TUse> = Pick<TOrigin, Exclude<keyof TOrigin, Key>> & Pick<TUse, Key>;\n\nexport enum EventPhase {\n  None,\n  Capturing,\n  AtTarget,\n  Bubbling\n}\n\nexport interface INativeKeyboardEvent {\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  shiftKey: boolean;\n  key: string;\n  eventPhase: EventPhase;\n}\nexport type IKeyboardEvent = RN.NativeSyntheticEvent<INativeKeyboardEvent>;\nexport type IHandledKeyboardEvent = PartiallyRequired<INativeKeyboardEvent, 'key'>;\n\nexport interface IViewWin32 {\n  focus: () => void;\n}\n\nexport type ARIARole =\n  | 'alert'\n  | 'alertdialog'\n  | 'application'\n  | 'button'\n  | 'checkbox'\n  | 'combobox'\n  | 'dialog'\n  | 'group'\n  | 'link'\n  | 'menu'\n  | 'menubar'\n  | 'menuitem'\n  | 'none'\n  | 'presentation'\n  | 'progressbar'\n  | 'radio'\n  | 'radiogroup'\n  | 'scrollbar'\n  | 'search'\n  | 'spinbutton'\n  | 'switch'\n  | 'tab'\n  | 'tablist'\n  | 'tabpanel'\n  | 'textbox'\n  | 'timer'\n  | 'toolbar'\n  | 'tree'\n  | 'treeitem';\n\nexport type AnnotationType =\n  | 'AdvanceProofingIssue'\n  | 'Author'\n  | 'CircularReferenceError'\n  | 'Comment'\n  | 'ConflictingChange'\n  | 'DataValidationError'\n  | 'DeletionChange'\n  | 'EditingLockedChange'\n  | 'Endnote'\n  | 'ExternalChange'\n  | 'Footer'\n  | 'Footnote'\n  | 'FormatChange'\n  | 'FormulaError'\n  | 'GrammarError'\n  | 'Header'\n  | 'Highlighted'\n  | 'InsertionChange'\n  | 'Mathematics'\n  | 'MoveChange'\n  | 'SpellingError'\n  | 'TrackChanges'\n  | 'Unknown'\n  | 'UnsyncedChange';\n\nexport type AccessibilityAnnotationInfo = Readonly<{\n  typeID: AnnotationType;\n  typeName?: string;\n  author?: string;\n  dateTime?: string;\n  target?: string;\n}>;\n\nexport type AccessibilityActionName =\n  | RN.AccessibilityActionName\n  | 'AddToSelection'\n  | 'RemoveFromSelection'\n  | 'Select'\n  | 'Expand'\n  | 'Collapse';\n\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'pointer'\n  | 'help'\n  | 'not-allowed'\n  | 'wait'\n  | 'move'\n  | 'nesw-resize'\n  | 'ns-resize'\n  | 'nwse-resize'\n  | 'we-resize'\n  | 'text'\n\nexport type AccessibilityActionInfo = Readonly<{\n  name: AccessibilityActionName;\n  label?: string;\n}>;\n\nexport type AccessibilityActionEvent = RN.NativeSyntheticEvent<\n  Readonly<{\n    actionName: string;\n  }>\n  >;\n\nexport type AccessibilityState = RN.AccessibilityState & { multiselectable?: boolean, required?: boolean };\n\nexport type SharedAccessibilityPropsIOSandWin32 = {\n  onAccessibilityTap?: () => void;\n};\n\nexport type OmittedAccessibilityPropsWin32 = {\n  accessibilityActions?: ReadonlyArray<RN.AccessibilityActionInfo>;\n  accessibilityRole?: RN.AccessibilityRole;\n  accessibilityState?: RN.AccessibilityState;\n};\n\nexport type BasePropsWin32 = {\n  /**\n   * Tells a person using a screen reader the type of element they are focused on.\n   *\n   * Overrides the `accessibilityRole` prop on React Native to accept a subset of ARIA roles.\n   *\n   * Possible values for ARIARole are: alert, alertdialog, application, button, checkbox,\n   * comobox, dialog, group, link, menu, menubar, menuitem, none, presentation, progressbar,\n   * radio, radiogroup, scrollbar, search, spinbutton, switch, tab, tablist, tabpanel, textbox,\n   * timer, toolbar, tree, and treeitem.\n   */\n  accessibilityRole?: RN.AccessibilityRole | ARIARole;\n  accessibilityState?: AccessibilityState;\n  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;\n\n  /**\n  * Windows Accessibility extensions for allowing other DOM elements to label or describe a given element.\n  *\n  * Defined as a reference to another DOM element inheriting from the primary base classes of React-Native elements.\n  * The reference will be converted to a native reference (tag) before passing to the native platform.\n  */\n  accessibilityDescribedBy?: React.RefObject<any>;\n  accessibilityLabeledBy?: React.RefObject<any>;\n\n  /**\n  * Identifies the element whose contents or presence are controlled by another element. \n  * \n  * This is mainly used for a Textbox with a Dropdown PeoplePicker-type list.  This allows an \n  * accessibility tool to query those other providers for properties and listen to their events.\n  */\n  accessibilityControls?: React.RefObject<any>;\n\n  /**\n  * Identifies the ItemType property, which is a text string describing the type of the automation element.\n  * ItemType is used to obtain information about items in a list, tree view, or data grid. For example, an item in a file directory view might be a \"Document File\" or a \"Folder\".\n  */\n  accessibilityItemType?: string;   \n};\n\nexport type ViewWin32OmitTypes = RN.ViewPropsAndroid &\n  RN.ViewPropsIOS &\n  RN.AccessibilityPropsAndroid &\n  Omit<RN.AccessibilityPropsIOS, SharedAccessibilityPropsIOSandWin32> &\n  OmittedAccessibilityPropsWin32;\n\n/**\n * Properties for ViewWin32 component\n */\nexport interface IViewWin32Props extends Omit<RN.ViewProps, ViewWin32OmitTypes>, BasePropsWin32 {\n  type?: React.ElementType;\n  children?: React.ReactNode;\n  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;\n  /**\n   * Tells a person using a screen reader what kind of annotation they\n   * have selected. If available, it will also tell a person the author of the annotation and\n   * the date and time the annotation was posted.\n   *\n   * Note: If typeID is 'Unknown', a typeName must be provided.\n   */\n  accessibilityAnnotation?: AccessibilityAnnotationInfo;\n  /**\n  * accessibilityDescription provides more detailed information specific to the element (i.e. last edit date, full location for a file)\n  * while accessibilityHint provides infomation on what will happen when they perform an action.\n  *\n  */\n  accessibilityDescription?: string;\n  accessibilityLevel?: number;\n  accessibilityPositionInSet?: number;\n\n  accessibilitySetSize?: number;\n  animationClass?: string;\n  focusable?: boolean;\n  enableFocusRing?: boolean;\n\n  /**\n   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React\n   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onBlur?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React\n   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onBlurCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React\n   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onFocus?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React\n   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onFocusCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n\n  onKeyDown?: (args: IKeyboardEvent) => void;\n  onKeyDownCapture?: (args: IKeyboardEvent) => void;\n  onKeyUp?: (args: IKeyboardEvent) => void;\n  onKeyUpCapture?: (args: IKeyboardEvent) => void;\n\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n\n  keyDownEvents?: IHandledKeyboardEvent[];\n  keyUpEvents?: IHandledKeyboardEvent[];\n\n  /**\n   * Provides a screentip to be used on hover of the view\n   */\n  tooltip?: string;\n  cursor?: Cursor;\n}\n"]}
+{"version":3,"file":"ViewWin32.Props.js","sourceRoot":"","sources":["../../../src/Libraries/Components/View/ViewWin32.Props.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAeb,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,2CAAI,CAAA;IACJ,qDAAS,CAAA;IACT,mDAAQ,CAAA;IACR,mDAAQ,CAAA;AACV,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB","sourcesContent":["'use strict';\nimport React from 'react'\nimport RN = require('react-native');\n\n// removes from interface T the members of interface K\ntype Omit<T, K> = Pick<T, Exclude<keyof T, keyof K>>;\n\n// All of T becomes optional except for Keys\ntype PartiallyRequired<T, Keys extends keyof T = keyof T> = Pick<Partial<T>, Exclude<keyof T, Keys>> & Pick<T, Keys>;\n\n/**\n * All of TOrigin except Key from TUse\n */\nexport type UseFrom<TOrigin, TUse, Key extends keyof TUse> = Pick<TOrigin, Exclude<keyof TOrigin, Key>> & Pick<TUse, Key>;\n\nexport enum EventPhase {\n  None,\n  Capturing,\n  AtTarget,\n  Bubbling\n}\n\nexport interface INativeKeyboardEvent {\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  shiftKey: boolean;\n  key: string;\n  eventPhase: EventPhase;\n}\nexport type IKeyboardEvent = RN.NativeSyntheticEvent<INativeKeyboardEvent>;\nexport type IHandledKeyboardEvent = PartiallyRequired<INativeKeyboardEvent, 'key'>;\n\nexport interface IViewWin32 {\n  focus: () => void;\n}\n\nexport type ARIARole =\n  | 'alert'\n  | 'alertdialog'\n  | 'application'\n  | 'button'\n  | 'checkbox'\n  | 'combobox'\n  | 'dialog'\n  | 'group'\n  | 'link'\n  | 'menu'\n  | 'menubar'\n  | 'menuitem'\n  | 'none'\n  | 'presentation'\n  | 'progressbar'\n  | 'radio'\n  | 'radiogroup'\n  | 'scrollbar'\n  | 'search'\n  | 'spinbutton'\n  | 'switch'\n  | 'tab'\n  | 'tablist'\n  | 'tabpanel'\n  | 'textbox'\n  | 'timer'\n  | 'toolbar'\n  | 'tree'\n  | 'treeitem';\n\nexport type AnnotationType =\n  | 'AdvanceProofingIssue'\n  | 'Author'\n  | 'CircularReferenceError'\n  | 'Comment'\n  | 'ConflictingChange'\n  | 'DataValidationError'\n  | 'DeletionChange'\n  | 'EditingLockedChange'\n  | 'Endnote'\n  | 'ExternalChange'\n  | 'Footer'\n  | 'Footnote'\n  | 'FormatChange'\n  | 'FormulaError'\n  | 'GrammarError'\n  | 'Header'\n  | 'Highlighted'\n  | 'InsertionChange'\n  | 'Mathematics'\n  | 'MoveChange'\n  | 'SpellingError'\n  | 'TrackChanges'\n  | 'Unknown'\n  | 'UnsyncedChange';\n\nexport type AccessibilityAnnotationInfo = Readonly<{\n  typeID: AnnotationType;\n  typeName?: string;\n  author?: string;\n  dateTime?: string;\n  target?: string;\n}>;\n\nexport type AccessibilityActionName =\n  | RN.AccessibilityActionName\n  | 'AddToSelection'\n  | 'RemoveFromSelection'\n  | 'Select'\n  | 'Expand'\n  | 'Collapse';\n\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'pointer'\n  | 'help'\n  | 'not-allowed'\n  | 'wait'\n  | 'move'\n  | 'nesw-resize'\n  | 'ns-resize'\n  | 'nwse-resize'\n  | 'we-resize'\n  | 'text'\n\nexport type AccessibilityActionInfo = Readonly<{\n  name: AccessibilityActionName;\n  label?: string;\n}>;\n\nexport type AccessibilityActionEvent = RN.NativeSyntheticEvent<\n  Readonly<{\n    actionName: string;\n  }>\n  >;\n\nexport type AccessibilityState = RN.AccessibilityState & { multiselectable?: boolean, required?: boolean };\n\nexport type SharedAccessibilityPropsIOSandWin32 = {\n  onAccessibilityTap?: () => void;\n};\n\nexport type OmittedAccessibilityPropsWin32 = {\n  accessibilityActions?: ReadonlyArray<RN.AccessibilityActionInfo>;\n  accessibilityRole?: RN.AccessibilityRole;\n  accessibilityState?: RN.AccessibilityState;\n};\n\nexport type BasePropsWin32 = {\n  /**\n   * Tells a person using a screen reader the type of element they are focused on.\n   *\n   * Overrides the `accessibilityRole` prop on React Native to accept a subset of ARIA roles.\n   *\n   * Possible values for ARIARole are: alert, alertdialog, application, button, checkbox,\n   * comobox, dialog, group, link, menu, menubar, menuitem, none, presentation, progressbar,\n   * radio, radiogroup, scrollbar, search, spinbutton, switch, tab, tablist, tabpanel, textbox,\n   * timer, toolbar, tree, and treeitem.\n   */\n  accessibilityRole?: RN.AccessibilityRole | ARIARole;\n  accessibilityState?: AccessibilityState;\n  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;\n\n  /**\n  * Windows Accessibility extensions for allowing other DOM elements to label or describe a given element.\n  *\n  * Defined as a reference to another DOM element inheriting from the primary base classes of React-Native elements.\n  * The reference will be converted to a native reference (tag) before passing to the native platform.\n  */\n  accessibilityDescribedBy?: React.RefObject<any>;\n  accessibilityLabeledBy?: React.RefObject<any>;\n\n  /**\n  * Identifies the element whose contents or presence are controlled by another element. \n  * \n  * This is mainly used for a Textbox with a Dropdown PeoplePicker-type list.  This allows an \n  * accessibility tool to query those other providers for properties and listen to their events.\n  */\n  accessibilityControls?: React.RefObject<any>;\n\n  /**\n  * Identifies the ItemType property, which is a text string describing the type of the automation element.\n  * ItemType is used to obtain information about items in a list, tree view, or data grid. For example, an item in a file directory view might be a \"Document File\" or a \"Folder\".\n  */\n  accessibilityItemType?: string;   \n};\n\nexport type ViewWin32OmitTypes = RN.ViewPropsAndroid &\n  RN.ViewPropsIOS &\n  RN.AccessibilityPropsAndroid &\n  Omit<RN.AccessibilityPropsIOS, SharedAccessibilityPropsIOSandWin32> &\n  OmittedAccessibilityPropsWin32;\n\n/**\n * Properties for ViewWin32 component\n */\nexport interface IViewWin32Props extends Omit<RN.ViewProps, ViewWin32OmitTypes>, BasePropsWin32 {\n  type?: React.ElementType;\n  children?: React.ReactNode;\n  /**\n   * An access key to hook up to the UIA_AccessKey_Property.\n   * Access keys are used in keyboard navigation to allow quick navigation to UI in an application.\n   */\n  accessibilityAccessKey?: string;\n  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;\n  /**\n   * Tells a person using a screen reader what kind of annotation they\n   * have selected. If available, it will also tell a person the author of the annotation and\n   * the date and time the annotation was posted.\n   *\n   * Note: If typeID is 'Unknown', a typeName must be provided.\n   */\n  accessibilityAnnotation?: AccessibilityAnnotationInfo;\n  /**\n  * accessibilityDescription provides more detailed information specific to the element (i.e. last edit date, full location for a file)\n  * while accessibilityHint provides infomation on what will happen when they perform an action.\n  *\n  */\n  accessibilityDescription?: string;\n  accessibilityLevel?: number;\n  accessibilityPositionInSet?: number;\n\n  accessibilitySetSize?: number;\n  animationClass?: string;\n  focusable?: boolean;\n  enableFocusRing?: boolean;\n\n  /**\n   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React\n   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onBlur?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React\n   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onBlurCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React\n   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onFocus?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React\n   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onFocusCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n\n  onKeyDown?: (args: IKeyboardEvent) => void;\n  onKeyDownCapture?: (args: IKeyboardEvent) => void;\n  onKeyUp?: (args: IKeyboardEvent) => void;\n  onKeyUpCapture?: (args: IKeyboardEvent) => void;\n\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n\n  keyDownEvents?: IHandledKeyboardEvent[];\n  keyUpEvents?: IHandledKeyboardEvent[];\n\n  /**\n   * Provides a screentip to be used on hover of the view\n   */\n  tooltip?: string;\n  cursor?: Cursor;\n}\n"]}

package/Libraries/Text/Text.win32.js

@@ -0,0 +1,214 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import DeprecatedTextPropTypes from '../DeprecatedPropTypes/DeprecatedTextPropTypes';
+import * as PressabilityDebug from '../Pressability/PressabilityDebug';
+import usePressability from '../Pressability/usePressability';
+import StyleSheet from '../StyleSheet/StyleSheet';
+import processColor from '../StyleSheet/processColor';
+import TextAncestor from './TextAncestor';
+import {NativeText, NativeVirtualText} from './TextNativeComponent';
+import {type TextProps} from './TextProps';
+import * as React from 'react';
+import {useContext, useMemo, useState} from 'react';
+import invariant from 'invariant';
+
+/**
+ * Text is the fundamental component for displaying text.
+ *
+ * @see https://reactnative.dev/docs/text.html
+ */
+const Text: React.AbstractComponent<
+  TextProps,
+  React.ElementRef<typeof NativeText | typeof NativeVirtualText>,
+> = React.forwardRef((props: TextProps, forwardedRef) => {
+  const {
+    accessible,
+    allowFontScaling,
+    ellipsizeMode,
+    onLongPress,
+    onPress,
+    onPressIn,
+    onPressOut,
+    onResponderGrant,
+    onResponderMove,
+    onResponderRelease,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onStartShouldSetResponder,
+    pressRetentionOffset,
+    suppressHighlighting,
+    ...restProps
+  } = props;
+
+  const [isHighlighted, setHighlighted] = useState(false);
+
+  const isPressable =
+    (onPress != null ||
+      onLongPress != null ||
+      onStartShouldSetResponder != null) &&
+    restProps.disabled !== true;
+
+  const initialized = useLazyInitialization(isPressable);
+  const config = useMemo(
+    () =>
+      initialized
+        ? {
+            disabled: !isPressable,
+            pressRectOffset: pressRetentionOffset,
+            onLongPress,
+            onPress,
+            onPressIn(event) {
+              setHighlighted(!suppressHighlighting);
+              onPressIn?.(event);
+            },
+            onPressOut(event) {
+              setHighlighted(false);
+              onPressOut?.(event);
+            },
+            onResponderTerminationRequest_DEPRECATED: onResponderTerminationRequest,
+            onStartShouldSetResponder_DEPRECATED: onStartShouldSetResponder,
+          }
+        : null,
+    [
+      initialized,
+      isPressable,
+      pressRetentionOffset,
+      onLongPress,
+      onPress,
+      onPressIn,
+      onPressOut,
+      onResponderTerminationRequest,
+      onStartShouldSetResponder,
+      suppressHighlighting,
+    ],
+  );
+
+  const eventHandlers = usePressability(config);
+  const eventHandlersForText = useMemo(
+    () =>
+      eventHandlers == null
+        ? null
+        : {
+            onResponderGrant(event) {
+              eventHandlers.onResponderGrant(event);
+              if (onResponderGrant != null) {
+                onResponderGrant(event);
+              }
+            },
+            onResponderMove(event) {
+              eventHandlers.onResponderMove(event);
+              if (onResponderMove != null) {
+                onResponderMove(event);
+              }
+            },
+            onResponderRelease(event) {
+              eventHandlers.onResponderRelease(event);
+              if (onResponderRelease != null) {
+                onResponderRelease(event);
+              }
+            },
+            onResponderTerminate(event) {
+              eventHandlers.onResponderTerminate(event);
+              if (onResponderTerminate != null) {
+                onResponderTerminate(event);
+              }
+            },
+            onResponderTerminationRequest:
+              eventHandlers.onResponderTerminationRequest,
+            onStartShouldSetResponder: eventHandlers.onStartShouldSetResponder,
+          },
+    [
+      eventHandlers,
+      onResponderGrant,
+      onResponderMove,
+      onResponderRelease,
+      onResponderTerminate,
+    ],
+  );
+
+  // TODO: Move this processing to the view configuration.
+  const selectionColor =
+    restProps.selectionColor == null
+      ? null
+      : processColor(restProps.selectionColor);
+
+  let style = restProps.style;
+  if (__DEV__) {
+    if (PressabilityDebug.isEnabled() && onPress != null) {
+      style = StyleSheet.compose(restProps.style, {
+        color: 'magenta',
+      });
+    }
+  }
+
+  let numberOfLines = restProps.numberOfLines;
+  if (numberOfLines != null && !(numberOfLines >= 0)) {
+    console.error(
+      `'numberOfLines' in <Text> must be a non-negative number, received: ${numberOfLines}. The value will be set to 0.`,
+    );
+    numberOfLines = 0;
+  }
+
+  const hasTextAncestor = useContext(TextAncestor);
+
+  return hasTextAncestor ? (
+    <NativeVirtualText
+      {...restProps}
+      {...eventHandlersForText}
+      isHighlighted={isHighlighted}
+      isPressable={isPressable} // This was added upstream in https://github.com/facebook/react-native/commit/f3bf2e4f51897f1bb71e37002c288ebf3b23cf78
+      numberOfLines={numberOfLines}
+      selectionColor={selectionColor}
+      style={style}
+      ref={forwardedRef}
+    />
+  ) : (
+    <TextAncestor.Provider value={true}>
+      <NativeText
+        {...restProps}
+        {...eventHandlersForText}
+        accessible={accessible !== false}
+        allowFontScaling={allowFontScaling !== false}
+        ellipsizeMode={ellipsizeMode ?? 'tail'}
+        isHighlighted={isHighlighted}
+        isPressable={isPressable} // [Win32] - We use this to optimize text hit testing
+        numberOfLines={numberOfLines}
+        selectionColor={selectionColor}
+        style={style}
+        ref={forwardedRef}
+      />
+    </TextAncestor.Provider>
+  );
+});
+
+Text.displayName = 'Text';
+
+// TODO: Delete this.
+Text.propTypes = DeprecatedTextPropTypes;
+
+/**
+ * Returns false until the first time `newValue` is true, after which this will
+ * always return true. This is necessary to lazily initialize `Pressability` so
+ * we do not eagerly create one for every pressable `Text` component.
+ */
+function useLazyInitialization(newValue: boolean): boolean {
+  const [oldValue, setValue] = useState(newValue);
+  if (!oldValue && newValue) {
+    setValue(newValue);
+  }
+  return oldValue;
+}
+
+// $FlowFixMe[incompatible-cast] - No good way to type a React.AbstractComponent with statics.
+module.exports = (Text: typeof Text &
+  $ReadOnly<{
+    propTypes: typeof DeprecatedTextPropTypes,
+  }>);

package/Libraries/Text/TextNativeComponent.win32.js

@@ -1,3 +1,13 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
 import ReactNativeViewAttributes from '../Components/View/ReactNativeViewAttributes';
 import UIManager from '../ReactNative/UIManager';
 import {type HostComponent} from '../Renderer/shims/ReactNativeTypes';
@@ -9,6 +19,10 @@ type NativeTextProps = $ReadOnly<{
   ...TextProps,
   isHighlighted?: ?boolean,
   selectionColor?: ?ProcessedColorValue,
+  // This is only needed for platforms that optimize text hit testing, e.g.,
+  // react-native-windows. It can be used to only hit test virtual text spans
+  // that have pressable events attached to them.
+  isPressable?: ?boolean,
 }>;
 
 export const NativeText: HostComponent<NativeTextProps> = (createReactNativeComponentClass(
@@ -18,6 +32,7 @@ export const NativeText: HostComponent<NativeTextProps> = (createReactNativeComp
     validAttributes: {
       ...ReactNativeViewAttributes.UIView,
       isHighlighted: true,
+      isPressable: true,
       numberOfLines: true,
       ellipsizeMode: true,
       allowFontScaling: true,
@@ -53,14 +68,14 @@ export const NativeText: HostComponent<NativeTextProps> = (createReactNativeComp
 ): any);
 
 export const NativeVirtualText: HostComponent<NativeTextProps> =
-  !global.RN$Bridgeless &&
-  UIManager.getViewManagerConfig('RCTVirtualText') == null
+  !global.RN$Bridgeless && !UIManager.hasViewManagerConfig('RCTVirtualText')
     ? NativeText
     : (createReactNativeComponentClass('RCTVirtualText', () => ({
         // $FlowFixMe[incompatible-call]
         validAttributes: {
           ...ReactNativeViewAttributes.UIView,
           isHighlighted: true,
+          isPressable: true,
           maxFontSizeMultiplier: true,
         },
         uiViewClassName: 'RCTVirtualText',

package/overrides.json

@@ -445,7 +445,14 @@
       "baseHash": "afe4fc1e9aa91d08a7a1098e3bbd3b17a73b4a65"
     },
     {
-      "type": "derived",
+      "type": "patch",
+      "file": "src/Libraries/Text/Text.win32.js",
+      "baseFile": "Libraries/Text/Text.js",
+      "baseHash": "8b90eb090dcfed88a40a38bbb51cbbd1e0d9ca9e",
+      "issue": 7074
+    },
+    {
+      "type": "patch",
       "file": "src/Libraries/Text/TextNativeComponent.win32.js",
       "baseFile": "Libraries/Text/TextNativeComponent.js",
       "baseHash": "1a196691fb0e9b656c348b7d42427c1c6163c9bb",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.66.4",
+  "version": "0.66.6",
   "description": "Implementation of react native on top of Office's Win32 platform.",
   "license": "MIT",
   "main": "./index.win32.js",

package/src/Libraries/Components/View/ViewWin32.Props.ts

@@ -196,6 +196,11 @@ export type ViewWin32OmitTypes = RN.ViewPropsAndroid &
 export interface IViewWin32Props extends Omit<RN.ViewProps, ViewWin32OmitTypes>, BasePropsWin32 {
   type?: React.ElementType;
   children?: React.ReactNode;
+  /**
+   * An access key to hook up to the UIA_AccessKey_Property.
+   * Access keys are used in keyboard navigation to allow quick navigation to UI in an application.
+   */
+  accessibilityAccessKey?: string;
   accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;
   /**
    * Tells a person using a screen reader what kind of annotation they