@office-iss/react-native-win32 0.72.2 → 0.72.4

package/CHANGELOG.json

@@ -2,7 +2,43 @@
   "name": "@office-iss/react-native-win32",
   "entries": [
     {
-      "date": "Mon, 14 Aug 2023 15:17:47 GMT",
+      "date": "Mon, 11 Sep 2023 15:13:59 GMT",
+      "tag": "@office-iss/react-native-win32_v0.72.4",
+      "version": "0.72.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "30809111+acoates-ms@users.noreply.github.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "7564111bec1b57cfc4aecc22dea06c895804be99",
+            "comment": "Webpack assets do not prefix paths with /, which causes a lost char in asset path"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 28 Aug 2023 15:14:10 GMT",
+      "tag": "@office-iss/react-native-win32_v0.72.3",
+      "version": "0.72.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "e1ba8c787d9d100f4919e96ab5e39d8a21aa1600",
+            "comment": "fix a11yState and add support for aria-required and -multiselectable"
+          },
+          {
+            "author": "30809111+acoates-ms@users.noreply.github.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "89c50c302edadaa79f458f3e7252971f70d7dbb1",
+            "comment": "Remove flow usage from saveAssetPlugin codeflow"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 14 Aug 2023 15:18:19 GMT",
       "tag": "@office-iss/react-native-win32_v0.72.2",
       "version": "0.72.2",
       "comments": {

package/CHANGELOG.md

@@ -1,18 +1,35 @@
 # Change Log - @office-iss/react-native-win32
 
-This log was last generated on Mon, 14 Aug 2023 15:17:47 GMT and should not be manually modified.
+This log was last generated on Mon, 11 Sep 2023 15:13:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## 0.72.2
+## 0.72.4
 
-Mon, 14 Aug 2023 15:17:47 GMT
+Mon, 11 Sep 2023 15:13:59 GMT
 
 ### Patches
 
-- add isDefaultButton check to win32 (email not defined)
-- Add saveAssetPlugin to fix long path assets (30809111+acoates-ms@users.noreply.github.com)
+- Webpack assets do not prefix paths with /, which causes a lost char in asset path (30809111+acoates-ms@users.noreply.github.com)
 
+## 0.72.3
+
+Mon, 28 Aug 2023 15:14:10 GMT
+
+### Patches
+
+- fix a11yState and add support for aria-required and -multiselectable (krsiler@microsoft.com)
+- Remove flow usage from saveAssetPlugin codeflow (30809111+acoates-ms@users.noreply.github.com)
+
+## 0.72.2
+
+Mon, 14 Aug 2023 15:18:19 GMT
+
+### Patches
+
+- add isDefaultButton check to win32 (email not defined)
+- Add saveAssetPlugin to fix long path assets (30809111+acoates-ms@users.noreply.github.com)
+
 ## 0.72.1
 
 Wed, 19 Jul 2023 18:43:52 GMT

package/Libraries/Components/Button.win32.js

@@ -163,6 +163,8 @@ type ButtonProps = $ReadOnly<{|
   'aria-disabled'?: ?boolean,
   'aria-expanded'?: ?boolean,
   'aria-selected'?: ?boolean,
+  'aria-multiselectable'?: ?boolean, // Win32
+  'aria-required'?: ?boolean, // Win32
 
   /**
    * [Android] Controlling if a view fires accessibility events and if it is reported to accessibility services.
@@ -293,6 +295,8 @@ class Button extends React.Component<ButtonProps> {
       'aria-disabled': ariaDisabled,
       'aria-expanded': ariaExpanded,
       'aria-label': ariaLabel,
+      'aria-multiselectable': ariaMultiselectable, // Win32
+      'aria-required': ariaRequired, // Win32
       'aria-selected': ariaSelected,
       importantForAccessibility,
       color,
@@ -327,6 +331,9 @@ class Button extends React.Component<ButtonProps> {
       checked: ariaChecked ?? accessibilityState?.checked,
       disabled: ariaDisabled ?? accessibilityState?.disabled,
       expanded: ariaExpanded ?? accessibilityState?.expanded,
+      multiselectable:
+        ariaMultiselectable ?? accessibilityState?.multiselectable, // Win32
+      required: ariaRequired ?? accessibilityState?.required, // Win32
       selected: ariaSelected ?? accessibilityState?.selected,
     };
 

package/Libraries/Components/Pressable/Pressable.win32.js

@@ -74,6 +74,8 @@ type Props = $ReadOnly<{|
   'aria-disabled'?: ?boolean,
   'aria-expanded'?: ?boolean,
   'aria-selected'?: ?boolean,
+  'aria-multiselectable'?: ?boolean, // Win32
+  'aria-required'?: ?boolean, // Win32
   /**
    * A value indicating whether the accessibility elements contained within
    * this accessibility element are hidden.
@@ -257,6 +259,8 @@ function Pressable(props: Props, forwardedRef): React.Node {
     'aria-disabled': ariaDisabled,
     'aria-expanded': ariaExpanded,
     'aria-label': ariaLabel,
+    'aria-multiselectable': ariaMultiselectable, // Win32
+    'aria-required': ariaRequired, // Win32
     'aria-selected': ariaSelected,
     cancelable,
     children,
@@ -297,6 +301,8 @@ function Pressable(props: Props, forwardedRef): React.Node {
     checked: ariaChecked ?? accessibilityState?.checked,
     disabled: ariaDisabled ?? accessibilityState?.disabled,
     expanded: ariaExpanded ?? accessibilityState?.expanded,
+    multiselectable: ariaMultiselectable ?? accessibilityState?.multiselectable, // Win32
+    required: ariaRequired ?? accessibilityState?.required, // Win32
     selected: ariaSelected ?? accessibilityState?.selected,
   };
 

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

@@ -50,6 +50,8 @@ const View: React.AbstractComponent<
       'aria-label': ariaLabel,
       'aria-labelledby': ariaLabelledBy,
       'aria-live': ariaLive,
+      'aria-multiselectable': ariaMultiselectable, // Win32
+      'aria-required': ariaRequired, // Win32
       'aria-selected': ariaSelected,
       'aria-valuemax': ariaValueMax,
       'aria-valuemin': ariaValueMin,
@@ -76,6 +78,8 @@ const View: React.AbstractComponent<
       ariaChecked != null ||
       ariaDisabled != null ||
       ariaExpanded != null ||
+      ariaMultiselectable != null ||
+      ariaRequired != null ||
       ariaSelected != null
     ) {
       _accessibilityState = {
@@ -83,6 +87,9 @@ const View: React.AbstractComponent<
         checked: ariaChecked ?? accessibilityState?.checked,
         disabled: ariaDisabled ?? accessibilityState?.disabled,
         expanded: ariaExpanded ?? accessibilityState?.expanded,
+        multiselectable:
+          ariaMultiselectable ?? accessibilityState?.multiselectable, // Win32
+        required: ariaRequired ?? accessibilityState?.required, // Win32
         selected: ariaSelected ?? accessibilityState?.selected,
       };
     }

package/Libraries/Components/View/ViewAccessibility.d.ts

@@ -57,6 +57,8 @@ export interface AccessibilityProps
   'aria-checked'?: boolean | 'mixed' | undefined;
   'aria-disabled'?: boolean | undefined;
   'aria-expanded'?: boolean | undefined;
+  'aria-multiselectable'?: boolean | undefined; // Win32
+  'aria-required'?: boolean | undefined; // Win32
   'aria-selected'?: boolean | undefined;
 
   /**

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

@@ -152,6 +152,8 @@ export type AccessibilityState = {
   checked?: ?boolean | 'mixed',
   busy?: boolean,
   expanded?: boolean,
+  multiselectable?: boolean, // Win32
+  required?: boolean, // Win32
   ...
 };
 

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

@@ -467,7 +467,8 @@ type WindowsViewProps = $ReadOnly<{|
 
   accessibilityPosInSet?: ?number,
   accessibilitySetSize?: ?number,
-
+  'aria-multiselectable'?: ?boolean,
+  'aria-required'?: ?boolean,
   /**
    * Specifies if the control should show System focus visuals
    */

package/Libraries/Image/Image.win32.js

@@ -173,6 +173,8 @@ const BaseImage = (props: ImagePropsType, forwardedRef) => {
     'aria-checked': ariaChecked,
     'aria-disabled': ariaDisabled,
     'aria-expanded': ariaExpanded,
+    'aria-multiselectable': ariaMultiselectable, // Win32
+    'aria-required': ariaRequired, // Win32
     'aria-selected': ariaSelected,
     height,
     src,
@@ -185,6 +187,9 @@ const BaseImage = (props: ImagePropsType, forwardedRef) => {
     checked: ariaChecked ?? props.accessibilityState?.checked,
     disabled: ariaDisabled ?? props.accessibilityState?.disabled,
     expanded: ariaExpanded ?? props.accessibilityState?.expanded,
+    multiselectable:
+      ariaMultiselectable ?? props.accessibilityState?.multiselectable, // Win32
+    required: ariaRequired ?? props.accessibilityState?.required, // Win32
     selected: ariaSelected ?? props.accessibilityState?.selected,
   };
   const accessibilityLabel = props['aria-label'] ?? props.accessibilityLabel;

package/Libraries/Image/assetPaths.js

@@ -2,7 +2,7 @@
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  *
- * @flow strict-local
+ * Dont use flow here, since this file is used by saveAssetPlugin.js which will run without flow transform
  * @format
  */
 
@@ -12,7 +12,7 @@
 // https://learn.microsoft.com/en-us/windows/win32/fileio/maximum-file-path-limitation
 // Assets in nested node_modules (common when using pnpm) - end up creating very long paths
 // Using this function we shorten longer paths to prevent paths from hitting the path limit
-function ensureShortPath(str: string): string {
+function ensureShortPath(str) {
   if (str.length < 40) return str;
 
   const assetsPrefix = 'assets/';

package/Libraries/Image/resolveAssetSource.win32.js

@@ -90,10 +90,13 @@ class AssetResolverLateScaleResolution {
   }
 
   _getBasePath(local: boolean) {
+    let basePath = this._resolver.asset.httpServerLocation;
+    if (basePath[0] === '/') {
+      basePath = basePath.substr(1);
+    }
+
     if (local) {
-      const safePath = this._resolver.asset.httpServerLocation
-        .substr(1)
-        .replace(/\.\.\//g, '_');
+      const safePath = basePath.replace(/\.\.\//g, '_');
       // If this asset was created with the newer saveAssetPlugin, then we should shorten the path
       // This conditional is added to allow back compat of older bundles which might have been created without the saveAssetPlugin
       if (this._resolver.asset.__useShortPath) {
@@ -102,10 +105,6 @@ class AssetResolverLateScaleResolution {
       return safePath;
     }
 
-    let basePath = this._resolver.asset.httpServerLocation;
-    if (basePath[0] === '/') {
-      basePath = basePath.substr(1);
-    }
     return basePath;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.72.2",
+  "version": "0.72.4",
   "description": "Implementation of react native on top of Office's Win32 platform.",
   "repository": {
     "type": "git",

package/src/Libraries/Components/View/ViewAccessibility.d.ts

@@ -57,6 +57,8 @@ export interface AccessibilityProps
   'aria-checked'?: boolean | 'mixed' | undefined;
   'aria-disabled'?: boolean | undefined;
   'aria-expanded'?: boolean | undefined;
+  'aria-multiselectable'?: boolean | undefined; // Win32
+  'aria-required'?: boolean | undefined; // Win32
   'aria-selected'?: boolean | undefined;
 
   /**