@office-iss/react-native-win32 0.0.0-canary.259 → 0.0.0-canary.261

package/src/private/webapis/performance/PerformanceObserver.js

@@ -8,11 +8,14 @@
  * @flow strict
  */
 
-import type {HighResTimeStamp, PerformanceEntryType} from './PerformanceEntry';
+import type {
+  DOMHighResTimeStamp,
+  PerformanceEntryType,
+} from './PerformanceEntry';
 
 import warnOnce from '../../../../Libraries/Utilities/warnOnce';
+import {PerformanceEventTiming} from './EventTiming';
 import {PerformanceEntry} from './PerformanceEntry';
-import PerformanceEventTiming from './PerformanceEventTiming';
 import {
   performanceEntryTypeToRaw,
   rawToPerformanceEntry,
@@ -66,13 +69,13 @@ export type PerformanceObserverInit =
     }
   | {
       type: PerformanceEntryType,
-      durationThreshold?: HighResTimeStamp,
+      durationThreshold?: DOMHighResTimeStamp,
     };
 
 type PerformanceObserverConfig = {|
   callback: PerformanceObserverCallback,
-  // Map of {entryType: durationThreshold}
-  entryTypes: $ReadOnlyMap<PerformanceEntryType, ?number>,
+  entryTypes: $ReadOnlySet<PerformanceEntryType>,
+  durationThreshold: ?number,
 |};
 
 const observerCountPerEntryType: Map<PerformanceEntryType, number> = new Map();
@@ -97,8 +100,15 @@ const onPerformanceEntry = () => {
       if (!observerConfig.entryTypes.has(entry.entryType)) {
         return false;
       }
-      const durationThreshold = observerConfig.entryTypes.get(entry.entryType);
-      return entry.duration >= (durationThreshold ?? 0);
+
+      if (
+        entry.entryType === 'event' &&
+        observerConfig.durationThreshold != null
+      ) {
+        return entry.duration >= observerConfig.durationThreshold;
+      }
+
+      return true;
     });
     if (entriesForObserver.length !== 0) {
       try {
@@ -122,21 +132,11 @@ export function warnNoNativePerformanceObserver() {
 }
 
 function applyDurationThresholds() {
-  const durationThresholds: Map<PerformanceEntryType, ?number> = Array.from(
-    registeredObservers.values(),
-  )
-    .map(config => config.entryTypes)
-    .reduce(
-      (accumulator, currentValue) => union(accumulator, currentValue),
-      new Map(),
-    );
-
-  for (const [entryType, durationThreshold] of durationThresholds) {
-    NativePerformanceObserver?.setDurationThreshold(
-      performanceEntryTypeToRaw(entryType),
-      durationThreshold ?? 0,
-    );
-  }
+  const durationThresholds = Array.from(registeredObservers.values())
+    .map(observerConfig => observerConfig.durationThreshold)
+    .filter(Boolean);
+
+  return Math.min(...durationThresholds);
 }
 
 function getSupportedPerformanceEntryTypes(): $ReadOnlyArray<PerformanceEntryType> {
@@ -174,7 +174,7 @@ function getSupportedPerformanceEntryTypes(): $ReadOnlyArray<PerformanceEntryTyp
  * });
  * observer.observe({ type: "event" });
  */
-export default class PerformanceObserver {
+export class PerformanceObserver {
   #callback: PerformanceObserverCallback;
   #type: 'single' | 'multiple' | void;
 
@@ -194,14 +194,10 @@ export default class PerformanceObserver {
 
     if (options.entryTypes) {
       this.#type = 'multiple';
-      requestedEntryTypes = new Map(
-        options.entryTypes.map(t => [t, undefined]),
-      );
+      requestedEntryTypes = new Set(options.entryTypes);
     } else {
       this.#type = 'single';
-      requestedEntryTypes = new Map([
-        [options.type, options.durationThreshold],
-      ]);
+      requestedEntryTypes = new Set([options.type]);
     }
 
     // The same observer may receive multiple calls to "observe", so we need
@@ -218,6 +214,8 @@ export default class PerformanceObserver {
 
     registeredObservers.set(this, {
       callback: this.#callback,
+      durationThreshold:
+        options.type === 'event' ? options.durationThreshold : undefined,
       entryTypes: nextEntryTypes,
     });
 
@@ -322,20 +320,8 @@ export default class PerformanceObserver {
     getSupportedPerformanceEntryTypes();
 }
 
-// As a Set union, except if value exists in both, we take minimum
-function union<T>(
-  a: $ReadOnlyMap<T, ?number>,
-  b: $ReadOnlyMap<T, ?number>,
-): Map<T, ?number> {
-  const res = new Map<T, ?number>();
-  for (const [k, v] of a) {
-    if (!b.has(k)) {
-      res.set(k, v);
-    } else {
-      res.set(k, Math.min(v ?? 0, b.get(k) ?? 0));
-    }
-  }
-  return res;
+function union<T>(a: $ReadOnlySet<T>, b: $ReadOnlySet<T>): Set<T> {
+  return new Set([...a, ...b]);
 }
 
 function difference<T>(a: $ReadOnlySet<T>, b: $ReadOnlySet<T>): Set<T> {

package/src/private/webapis/performance/RawPerformanceEntry.js

@@ -14,8 +14,10 @@ import type {
   RawPerformanceEntryType,
 } from './specs/NativePerformanceObserver';
 
+import {PerformanceEventTiming} from './EventTiming';
+import {PerformanceLongTaskTiming} from './LongTasks';
 import {PerformanceEntry} from './PerformanceEntry';
-import PerformanceEventTiming from './PerformanceEventTiming';
+import {PerformanceMark, PerformanceMeasure} from './UserTiming';
 
 export const RawPerformanceEntryTypeValues = {
   MARK: 1,
@@ -36,6 +38,22 @@ export function rawToPerformanceEntry(
       processingEnd: entry.processingEnd,
       interactionId: entry.interactionId,
     });
+  } else if (entry.entryType === RawPerformanceEntryTypeValues.LONGTASK) {
+    return new PerformanceLongTaskTiming({
+      name: entry.name,
+      entryType: rawToPerformanceEntryType(entry.entryType),
+      startTime: entry.startTime,
+      duration: entry.duration,
+    });
+  } else if (entry.entryType === RawPerformanceEntryTypeValues.MARK) {
+    return new PerformanceMark(entry.name, {
+      startTime: entry.startTime,
+    });
+  } else if (entry.entryType === RawPerformanceEntryTypeValues.MEASURE) {
+    return new PerformanceMeasure(entry.name, {
+      startTime: entry.startTime,
+      duration: entry.duration,
+    });
   } else {
     return new PerformanceEntry({
       name: entry.name,

package/src/private/webapis/performance/UserTiming.js

@@ -8,24 +8,25 @@
  * @flow strict
  */
 
-import type {HighResTimeStamp} from './PerformanceEntry';
+// flowlint unsafe-getters-setters:off
+
+import type {DOMHighResTimeStamp} from './PerformanceEntry';
 
 import {PerformanceEntry} from './PerformanceEntry';
 
-type DetailType = mixed;
+export type DetailType = mixed;
 
 export type PerformanceMarkOptions = {
   detail?: DetailType,
-  startTime?: HighResTimeStamp,
+  startTime?: DOMHighResTimeStamp,
 };
 
-export type TimeStampOrName = HighResTimeStamp | string;
+export type TimeStampOrName = DOMHighResTimeStamp | string;
 
-export type PerformanceMeasureOptions = {
+export type PerformanceMeasureInit = {
   detail?: DetailType,
-  start?: TimeStampOrName,
-  end?: TimeStampOrName,
-  duration?: HighResTimeStamp,
+  startTime?: DOMHighResTimeStamp,
+  duration?: DOMHighResTimeStamp,
 };
 
 export class PerformanceMark extends PerformanceEntry {
@@ -46,18 +47,22 @@ export class PerformanceMark extends PerformanceEntry {
 }
 
 export class PerformanceMeasure extends PerformanceEntry {
-  detail: DetailType;
+  #detail: DetailType;
 
-  constructor(measureName: string, measureOptions?: PerformanceMeasureOptions) {
+  constructor(measureName: string, measureOptions?: PerformanceMeasureInit) {
     super({
       name: measureName,
       entryType: 'measure',
-      startTime: 0,
+      startTime: measureOptions?.startTime ?? 0,
       duration: measureOptions?.duration ?? 0,
     });
 
     if (measureOptions) {
-      this.detail = measureOptions.detail;
+      this.#detail = measureOptions.detail;
     }
   }
+
+  get detail(): DetailType {
+    return this.#detail;
+  }
 }

package/src/private/webapis/performance/specs/NativePerformanceObserver.js

@@ -46,7 +46,7 @@ export interface Spec extends TurboModule {
     durationThreshold: number,
   ) => void;
   +clearEntries: (
-    entryType: RawPerformanceEntryType,
+    entryType?: RawPerformanceEntryType,
     entryName?: string,
   ) => void;
   +getEntries: (

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

@@ -366,6 +366,21 @@ export interface AccessibilityPropsIOS {
    * @platform ios
    */
   accessibilityLanguage?: string | undefined;
+
+  /**
+   * A Boolean value that indicates whether or not to show the item in the large content viewer.
+   * Available on iOS 13.0+
+   * https://reactnative.dev/docs/accessibility#accessibilityshowslargecontentviewer
+   * @platform ios
+   */
+  accessibilityShowsLargeContentViewer?: boolean | undefined;
+
+  /**
+   * When `accessibilityShowsLargeContentViewer` is set, this string will be used as title for the large content viewer.
+   * https://reactnative.dev/docs/accessibility#accessibilitylargecontenttitle
+   * @platform ios
+   */
+  accessibilityLargeContentTitle?: string | undefined;
 }
 
 // [Win32]

package/types/experimental.d.ts

@@ -33,6 +33,7 @@
  */
 
 import {
+  GradientValue,
   BlendMode,
   BoxShadowPrimitive,
   DimensionValue,
@@ -149,8 +150,15 @@ declare module '.' {
   }
 
   export interface ViewStyle {
-    experimental_boxShadow?: BoxShadowPrimitive | undefined;
-    experimental_filter?: ReadonlyArray<FilterFunction> | undefined;
+    experimental_boxShadow?:
+      | ReadonlyArray<BoxShadowPrimitive>
+      | string
+      | undefined;
+    experimental_filter?: ReadonlyArray<FilterFunction> | string | undefined;
     experimental_mixBlendMode?: BlendMode | undefined;
+    experimental_backgroundImage?:
+      | ReadonlyArray<GradientValue>
+      | string
+      | undefined;
   }
 }

package/Libraries/Core/setUpIntersectionObserver.js

@@ -1,16 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 {polyfillGlobal} from '../Utilities/PolyfillFunctions';
-
-polyfillGlobal(
-  'IntersectionObserver',
-  () => require('../IntersectionObserver/IntersectionObserver').default,
-);

package/Libraries/Core/setUpMutationObserver.js

@@ -1,16 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 {polyfillGlobal} from '../Utilities/PolyfillFunctions';
-
-polyfillGlobal(
-  'MutationObserver',
-  () => require('../MutationObserver/MutationObserver').default,
-);

package/Libraries/Core/setUpPerformanceObserver.js

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 {polyfillGlobal} from '../Utilities/PolyfillFunctions';
-
-polyfillGlobal(
-  'PerformanceObserver',
-  () =>
-    require('../../src/private/webapis/performance/PerformanceObserver')
-      .default,
-);

package/Libraries/IntersectionObserver/NativeIntersectionObserver.js

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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
- * @format
- */
-
-export * from '../../src/private/specs/modules/NativeIntersectionObserver';
-import NativeIntersectionObserver from '../../src/private/specs/modules/NativeIntersectionObserver';
-export default NativeIntersectionObserver;

package/Libraries/MutationObserver/NativeMutationObserver.js

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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
- */
-
-export * from '../../src/private/specs/modules/NativeMutationObserver';
-import NativeMutationObserver from '../../src/private/specs/modules/NativeMutationObserver';
-export default NativeMutationObserver;

package/Libraries/Utilities/verifyComponentAttributeEquivalence.js

@@ -1,135 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-import PlatformBaseViewConfig from '../NativeComponent/PlatformBaseViewConfig';
-import {type ViewConfig} from '../Renderer/shims/ReactNativeTypes';
-
-const IGNORED_KEYS = ['transform', 'hitSlop'];
-
-/**
- * The purpose of this function is to validate that the view config that
- * native exposes for a given view manager is the same as the view config
- * that is specified for that view manager in JS.
- *
- * In order to improve perf, we want to avoid calling into native to get
- * the view config when each view manager is used. To do this, we are moving
- * the configs to JS. In the future we will use these JS based view configs
- * to codegen the view manager on native to ensure they stay in sync without
- * this runtime check.
- *
- * If this function fails, that likely means a change was made to the native
- * view manager without updating the JS config as well. Ideally you can make
- * that direct change to the JS config. If you don't know what the differences
- * are, the best approach I've found is to create a view that prints
- * the return value of getNativeComponentAttributes, and then copying that
- * text and pasting it back into JS:
- * <Text selectable={true}>{JSON.stringify(getNativeComponentAttributes('RCTView'))}</Text>
- *
- * This is meant to be a stopgap until the time comes when we only have a
- * single source of truth. I wonder if this message will still be here two
- * years from now...
- */
-export default function verifyComponentAttributeEquivalence(
-  nativeViewConfig: ViewConfig,
-  staticViewConfig: ViewConfig,
-) {
-  for (const prop of [
-    'validAttributes',
-    'bubblingEventTypes',
-    'directEventTypes',
-  ]) {
-    const diff = Object.keys(
-      lefthandObjectDiff(nativeViewConfig[prop], staticViewConfig[prop]),
-    );
-
-    if (diff.length > 0) {
-      const name =
-        staticViewConfig.uiViewClassName ?? nativeViewConfig.uiViewClassName;
-      console.error(
-        `'${name}' has a view config that does not match native. ` +
-          `'${prop}' is missing: ${diff.join(', ')}`,
-      );
-    }
-  }
-}
-
-// Return the different key-value pairs of the right object, by iterating through the keys in the left object
-// Note it won't return a difference where a key is missing in the left but exists the right.
-function lefthandObjectDiff(leftObj: Object, rightObj: Object): Object {
-  const differentKeys: {[string]: any | {...}} = {};
-
-  function compare(leftItem: any, rightItem: any, key: string) {
-    if (typeof leftItem !== typeof rightItem && leftItem != null) {
-      differentKeys[key] = rightItem;
-      return;
-    }
-
-    if (typeof leftItem === 'object') {
-      const objDiff = lefthandObjectDiff(leftItem, rightItem);
-      if (Object.keys(objDiff).length > 1) {
-        differentKeys[key] = objDiff;
-      }
-      return;
-    }
-
-    if (leftItem !== rightItem) {
-      differentKeys[key] = rightItem;
-      return;
-    }
-  }
-
-  for (const key in leftObj) {
-    if (IGNORED_KEYS.includes(key)) {
-      continue;
-    }
-
-    if (!rightObj) {
-      differentKeys[key] = {};
-    } else if (leftObj.hasOwnProperty(key)) {
-      compare(leftObj[key], rightObj[key], key);
-    }
-  }
-
-  return differentKeys;
-}
-
-export function getConfigWithoutViewProps(
-  viewConfig: ViewConfig,
-  propName: string,
-): {...} {
-  // $FlowFixMe[invalid-computed-prop]
-  if (!viewConfig[propName]) {
-    return {};
-  }
-
-  return (
-    Object.keys(viewConfig[propName])
-      // $FlowFixMe[invalid-computed-prop]
-      .filter(prop => !PlatformBaseViewConfig[propName][prop])
-      .reduce<{[string]: any}>((obj, prop) => {
-        // $FlowFixMe[invalid-computed-prop]
-        obj[prop] = viewConfig[propName][prop];
-        return obj;
-      }, {})
-  );
-}
-
-export function stringifyViewConfig(viewConfig: any): string {
-  return JSON.stringify(
-    viewConfig,
-    (key, val) => {
-      if (typeof val === 'function') {
-        return `ƒ ${val.name}`;
-      }
-      return val;
-    },
-    2,
-  );
-}

package/src/private/core/setUpDOM.js

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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
- * @format
- */
-
-import DOMRect from '../webapis/dom/geometry/DOMRect';
-import DOMRectReadOnly from '../webapis/dom/geometry/DOMRectReadOnly';
-
-// $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it
-global.DOMRect = DOMRect;
-
-// $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it
-global.DOMRectReadOnly = DOMRectReadOnly;

package/src/private/webapis/performance/PerformanceEventTiming.js

@@ -1,55 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict
- */
-
-import type {HighResTimeStamp, PerformanceEntryJSON} from './PerformanceEntry';
-
-import {PerformanceEntry} from './PerformanceEntry';
-
-export type PerformanceEventTimingJSON = {
-  ...PerformanceEntryJSON,
-  processingStart: HighResTimeStamp,
-  processingEnd: HighResTimeStamp,
-  interactionId: number,
-  ...
-};
-
-export default class PerformanceEventTiming extends PerformanceEntry {
-  processingStart: HighResTimeStamp;
-  processingEnd: HighResTimeStamp;
-  interactionId: number;
-
-  constructor(init: {
-    name: string,
-    startTime?: HighResTimeStamp,
-    duration?: HighResTimeStamp,
-    processingStart?: HighResTimeStamp,
-    processingEnd?: HighResTimeStamp,
-    interactionId?: number,
-  }) {
-    super({
-      name: init.name,
-      entryType: 'event',
-      startTime: init.startTime ?? 0,
-      duration: init.duration ?? 0,
-    });
-    this.processingStart = init.processingStart ?? 0;
-    this.processingEnd = init.processingEnd ?? 0;
-    this.interactionId = init.interactionId ?? 0;
-  }
-
-  toJSON(): PerformanceEventTimingJSON {
-    return {
-      ...super.toJSON(),
-      processingStart: this.processingStart,
-      processingEnd: this.processingEnd,
-      interactionId: this.interactionId,
-    };
-  }
-}