react-native-windows 0.67.0 → 0.68.0-preview.1

package/Libraries/Inspector/NetworkOverlay.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -397,11 +397,8 @@ class NetworkOverlay extends React.Component<Props, State> {
   _indicateAdditionalRequests = (): void => {
     if (this._requestsListView) {
       const distanceFromEndThreshold = LISTVIEW_CELL_HEIGHT * 2;
-      const {
-        offset,
-        visibleLength,
-        contentLength,
-      } = this._requestsListViewScrollMetrics;
+      const {offset, visibleLength, contentLength} =
+        this._requestsListViewScrollMetrics;
       const distanceFromEnd = contentLength - visibleLength - offset;
       const isCloseToEnd = distanceFromEnd <= distanceFromEndThreshold;
       if (isCloseToEnd) {

package/Libraries/Inspector/PerformanceOverlay.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Inspector/StyleInspector.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Inspector/resolveBoxStyle.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Interaction/Batchinator.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Interaction/BridgeSpyStallHandler.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -16,7 +16,7 @@ const MessageQueue = require('../BatchedBridge/MessageQueue');
 const infoLog = require('../Utilities/infoLog');
 
 const BridgeSpyStallHandler = {
-  register: function() {
+  register: function () {
     let spyBuffer = [];
     MessageQueue.spy(data => {
       spyBuffer.push(data);

package/Libraries/Interaction/FrameRateLogger.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -33,7 +33,7 @@ const FrameRateLogger = {
    * Enable `debug` to see local logs of what's going on. `reportStackTraces` will grab stack traces
    * during UI thread stalls and upload them if the native module supports it.
    */
-  setGlobalOptions: function(options: {
+  setGlobalOptions: function (options: {
     debug?: boolean,
     reportStackTraces?: boolean,
     ...
@@ -58,7 +58,7 @@ const FrameRateLogger = {
    * Must call `setContext` before any events can be properly tracked, which is done automatically
    * in `AppRegistry`, but navigation is also a common place to hook in.
    */
-  setContext: function(context: string) {
+  setContext: function (context: string) {
     NativeFrameRateLogger && NativeFrameRateLogger.setContext(context);
   },
 

package/Libraries/Interaction/InteractionManager.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -86,9 +86,7 @@ const InteractionManager = {
    * Schedule a function to run after all interactions have completed. Returns a cancellable
    * "promise".
    */
-  runAfterInteractions(
-    task: ?Task,
-  ): {
+  runAfterInteractions(task: ?Task): {
     then: <U>(
       onFulfill?: ?(void) => ?(Promise<U> | U),
       onReject?: ?(error: mixed) => ?(Promise<U> | U),
@@ -122,7 +120,7 @@ const InteractionManager = {
           );
         }
       },
-      cancel: function() {
+      cancel: function () {
         _taskQueue.cancelTasks(tasks);
       },
     };

package/Libraries/Interaction/InteractionStallDebugger.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Interaction/JSEventLoopWatchdog.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -35,20 +35,20 @@ type Handler = {
  * queried with `getStats`.
  */
 const JSEventLoopWatchdog = {
-  getStats: function(): Object {
+  getStats: function (): Object {
     return {stallCount, totalStallTime, longestStall, acceptableBusyTime};
   },
-  reset: function() {
+  reset: function () {
     infoLog('JSEventLoopWatchdog: reset');
     totalStallTime = 0;
     stallCount = 0;
     longestStall = 0;
     lastInterval = global.performance.now();
   },
-  addHandler: function(handler: Handler) {
+  addHandler: function (handler: Handler) {
     handlers.push(handler);
   },
-  install: function({thresholdMS}: {thresholdMS: number, ...}) {
+  install: function ({thresholdMS}: {thresholdMS: number, ...}) {
     acceptableBusyTime = thresholdMS;
     if (installed) {
       return;

package/Libraries/Interaction/NativeFrameRateLogger.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Interaction/PanResponder.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -383,9 +383,7 @@ const PanResponder = {
    *  accordingly. (numberActiveTouches) may not be totally accurate unless you
    *  are the responder.
    */
-  create(
-    config: PanResponderConfig,
-  ): $TEMPORARY$object<{|
+  create(config: PanResponderConfig): $TEMPORARY$object<{|
     getInteractionHandle: () => ?number,
     panHandlers: $TEMPORARY$object<{|
       onMoveShouldSetResponder: (event: PressEvent) => boolean,
@@ -462,7 +460,8 @@ const PanResponder = {
 
       onResponderGrant(event: PressEvent): boolean {
         if (!interactionState.handle) {
-          interactionState.handle = InteractionManager.createInteractionHandle();
+          interactionState.handle =
+            InteractionManager.createInteractionHandle();
         }
         gestureState.x0 = currentCentroidX(event.touchHistory);
         gestureState.y0 = currentCentroidY(event.touchHistory);

package/Libraries/Interaction/TaskQueue.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Interaction/TouchHistoryMath.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -24,7 +24,7 @@ const TouchHistoryMath = {
    * touches vs. previous centroid of now actively moving touches.
    * @return {number} value of centroid in specified dimension.
    */
-  centroidDimension: function(
+  centroidDimension: function (
     touchHistory,
     touchesChangedAfter,
     isXAxis,
@@ -81,7 +81,7 @@ const TouchHistoryMath = {
     return count > 0 ? total / count : TouchHistoryMath.noCentroid;
   },
 
-  currentCentroidXOfTouchesChangedAfter: function(
+  currentCentroidXOfTouchesChangedAfter: function (
     touchHistory,
     touchesChangedAfter,
   ) {
@@ -93,7 +93,7 @@ const TouchHistoryMath = {
     );
   },
 
-  currentCentroidYOfTouchesChangedAfter: function(
+  currentCentroidYOfTouchesChangedAfter: function (
     touchHistory,
     touchesChangedAfter,
   ) {
@@ -105,7 +105,7 @@ const TouchHistoryMath = {
     );
   },
 
-  previousCentroidXOfTouchesChangedAfter: function(
+  previousCentroidXOfTouchesChangedAfter: function (
     touchHistory,
     touchesChangedAfter,
   ) {
@@ -117,7 +117,7 @@ const TouchHistoryMath = {
     );
   },
 
-  previousCentroidYOfTouchesChangedAfter: function(
+  previousCentroidYOfTouchesChangedAfter: function (
     touchHistory,
     touchesChangedAfter,
   ) {
@@ -129,7 +129,7 @@ const TouchHistoryMath = {
     );
   },
 
-  currentCentroidX: function(touchHistory) {
+  currentCentroidX: function (touchHistory) {
     return TouchHistoryMath.centroidDimension(
       touchHistory,
       0, // touchesChangedAfter
@@ -138,7 +138,7 @@ const TouchHistoryMath = {
     );
   },
 
-  currentCentroidY: function(touchHistory) {
+  currentCentroidY: function (touchHistory) {
     return TouchHistoryMath.centroidDimension(
       touchHistory,
       0, // touchesChangedAfter

package/Libraries/JSInspector/InspectorAgent.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/JSInspector/JSInspector.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/JSInspector/NetworkAgent.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -275,12 +275,7 @@ class NetworkAgent extends InspectorAgent {
     this._interceptor = null;
   }
 
-  getResponseBody({
-    requestId,
-  }: {
-    requestId: RequestId,
-    ...
-  }): {
+  getResponseBody({requestId}: {requestId: RequestId, ...}): {
     body: ?string,
     base64Encoded: boolean,
     ...

package/Libraries/LayoutAnimation/LayoutAnimation.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -70,7 +70,7 @@ function configureNext(
       config,
       onAnimationComplete,
       onAnimationDidFail ??
-        function() {} /* this will only be called if configuration parsing fails */,
+        function () {} /* this will only be called if configuration parsing fails */,
     );
     return;
   }
@@ -81,9 +81,9 @@ function configureNext(
   if (UIManager?.configureNextLayoutAnimation) {
     UIManager.configureNextLayoutAnimation(
       config,
-      onAnimationComplete ?? function() {},
+      onAnimationComplete ?? function () {},
       onAnimationDidFail ??
-        function() {} /* this should never be called in Non-Fabric */,
+        function () {} /* this should never be called in Non-Fabric */,
     );
   }
 }

package/Libraries/Linking/Linking.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -25,7 +25,7 @@ type LinkingEventDefinitions = {
  * `Linking` gives you a general interface to interact with both incoming
  * and outgoing app links.
  *
- * See https://reactnative.dev/docs/linking.html
+ * See https://reactnative.dev/docs/linking
  */
 class Linking extends NativeEventEmitter<LinkingEventDefinitions> {
   constructor() {
@@ -36,7 +36,7 @@ class Linking extends NativeEventEmitter<LinkingEventDefinitions> {
    * Add a handler to Linking changes by listening to the `url` event type
    * and providing the handler
    *
-   * See https://reactnative.dev/docs/linking.html#addeventlistener
+   * See https://reactnative.dev/docs/linking#addeventlistener
    */
   addEventListener<K: $Keys<LinkingEventDefinitions>>(
     eventType: K,
@@ -60,7 +60,7 @@ class Linking extends NativeEventEmitter<LinkingEventDefinitions> {
   /**
    * Try to open the given `url` with any of the installed apps.
    *
-   * See https://reactnative.dev/docs/linking.html#openurl
+   * See https://reactnative.dev/docs/linking#openurl
    */
   openURL(url: string): Promise<void> {
     this._validateURL(url);
@@ -74,7 +74,7 @@ class Linking extends NativeEventEmitter<LinkingEventDefinitions> {
   /**
    * Determine whether or not an installed app can handle a given URL.
    *
-   * See https://reactnative.dev/docs/linking.html#canopenurl
+   * See https://reactnative.dev/docs/linking#canopenurl
    */
   canOpenURL(url: string): Promise<boolean> {
     this._validateURL(url);
@@ -88,7 +88,7 @@ class Linking extends NativeEventEmitter<LinkingEventDefinitions> {
   /**
    * Open app settings.
    *
-   * See https://reactnative.dev/docs/linking.html#opensettings
+   * See https://reactnative.dev/docs/linking#opensettings
    */
   openSettings(): Promise<void> {
     if (Platform.OS === 'android') {
@@ -102,7 +102,7 @@ class Linking extends NativeEventEmitter<LinkingEventDefinitions> {
    * If the app launch was triggered by an app link,
    * it will give the link url, otherwise it will give `null`
    *
-   * See https://reactnative.dev/docs/linking.html#getinitialurl
+   * See https://reactnative.dev/docs/linking#getinitialurl
    */
   getInitialURL(): Promise<?string> {
     return Platform.OS === 'android'
@@ -117,7 +117,7 @@ class Linking extends NativeEventEmitter<LinkingEventDefinitions> {
    *
    * @platform android
    *
-   * See https://reactnative.dev/docs/linking.html#sendintent
+   * See https://reactnative.dev/docs/linking#sendintent
    */
   sendIntent(
     action: string,

package/Libraries/Linking/NativeIntentAndroid.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Linking/NativeLinkingManager.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Lists/CellRenderMask.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Lists/FillRateHelper.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -54,9 +54,10 @@ class FillRateHelper {
   _mostlyBlankStartTime = (null: ?number);
   _samplesStartTime = (null: ?number);
 
-  static addListener(
-    callback: FillRateInfo => void,
-  ): {remove: () => void, ...} {
+  static addListener(callback: FillRateInfo => void): {
+    remove: () => void,
+    ...
+  } {
     if (_sampleRate === null) {
       console.warn('Call `FillRateHelper.setSampleRate` before `addListener`.');
     }

package/Libraries/Lists/FlatList.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -408,14 +408,13 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     super(props);
     this._checkProps(this.props);
     if (this.props.viewabilityConfigCallbackPairs) {
-      this._virtualizedListPairs = this.props.viewabilityConfigCallbackPairs.map(
-        pair => ({
+      this._virtualizedListPairs =
+        this.props.viewabilityConfigCallbackPairs.map(pair => ({
           viewabilityConfig: pair.viewabilityConfig,
           onViewableItemsChanged: this._createOnViewableItemsChanged(
             pair.onViewableItemsChanged,
           ),
-        }),
-      );
+        }));
     } else if (this.props.onViewableItemsChanged) {
       this._virtualizedListPairs.push({
         /* $FlowFixMe[incompatible-call] (>=0.63.0 site=react_native_fb) This

package/Libraries/Lists/SectionList.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -27,7 +27,7 @@ export type SectionBase<SectionItemT> = _SectionBase<SectionItemT>;
 
 type RequiredProps<SectionT: SectionBase<any>> = {|
   /**
-   * The actual data to render, akin to the `data` prop in [`<FlatList>`](https://reactnative.dev/docs/flatlist.html).
+   * The actual data to render, akin to the `data` prop in [`<FlatList>`](https://reactnative.dev/docs/flatlist).
    *
    * General shape:
    *
@@ -131,7 +131,7 @@ export type Props<SectionT> = {|
  *  - Scroll loading.
  *
  * If you don't need section support and want a simpler interface, use
- * [`<FlatList>`](https://reactnative.dev/docs/flatlist.html).
+ * [`<FlatList>`](https://reactnative.dev/docs/flatlist).
  *
  * Simple Examples:
  *
@@ -153,7 +153,7 @@ export type Props<SectionT> = {|
  *       ]}
  *     />
  *
- * This is a convenience wrapper around [`<VirtualizedList>`](docs/virtualizedlist.html),
+ * This is a convenience wrapper around [`<VirtualizedList>`](docs/virtualizedlist),
  * and thus inherits its props (as well as those of `ScrollView`) that aren't explicitly listed
  * here, along with the following caveats:
  *

package/Libraries/Lists/SectionListModern.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -28,7 +28,7 @@ export type SectionBase<SectionItemT> = _SectionBase<SectionItemT>;
 
 type RequiredProps<SectionT: SectionBase<any>> = {|
   /**
-   * The actual data to render, akin to the `data` prop in [`<FlatList>`](https://reactnative.dev/docs/flatlist.html).
+   * The actual data to render, akin to the `data` prop in [`<FlatList>`](https://reactnative.dev/docs/flatlist).
    *
    * General shape:
    *
@@ -132,7 +132,7 @@ export type Props<SectionT> = {|
  *  - Scroll loading.
  *
  * If you don't need section support and want a simpler interface, use
- * [`<FlatList>`](https://reactnative.dev/docs/flatlist.html).
+ * [`<FlatList>`](https://reactnative.dev/docs/flatlist).
  *
  * Simple Examples:
  *
@@ -154,7 +154,7 @@ export type Props<SectionT> = {|
  *       ]}
  *     />
  *
- * This is a convenience wrapper around [`<VirtualizedList>`](docs/virtualizedlist.html),
+ * This is a convenience wrapper around [`<VirtualizedList>`](docs/virtualizedlist),
  * and thus inherits its props (as well as those of `ScrollView`) that aren't explicitly listed
  * here, along with the following caveats:
  *

package/Libraries/Lists/ViewabilityHelper.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -102,9 +102,7 @@ class ViewabilityHelper {
     itemCount: number,
     scrollOffset: number,
     viewportHeight: number,
-    getFrameMetrics: (
-      index: number,
-    ) => ?{
+    getFrameMetrics: (index: number) => ?{
       length: number,
       offset: number,
       ...
@@ -116,10 +114,8 @@ class ViewabilityHelper {
       ...
     },
   ): Array<number> {
-    const {
-      itemVisiblePercentThreshold,
-      viewAreaCoveragePercentThreshold,
-    } = this._config;
+    const {itemVisiblePercentThreshold, viewAreaCoveragePercentThreshold} =
+      this._config;
     const viewAreaMode = viewAreaCoveragePercentThreshold != null;
     const viewablePercentThreshold = viewAreaMode
       ? viewAreaCoveragePercentThreshold
@@ -179,9 +175,7 @@ class ViewabilityHelper {
     itemCount: number,
     scrollOffset: number,
     viewportHeight: number,
-    getFrameMetrics: (
-      index: number,
-    ) => ?{
+    getFrameMetrics: (index: number) => ?{
       length: number,
       offset: number,
       ...

package/Libraries/Lists/VirtualizeUtils.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -20,9 +20,7 @@ import invariant from 'invariant';
 export function elementsThatOverlapOffsets(
   offsets: Array<number>,
   itemCount: number,
-  getFrameMetrics: (
-    index: number,
-  ) => {
+  getFrameMetrics: (index: number) => {
     length: number,
     offset: number,
     ...
@@ -96,9 +94,7 @@ export function computeWindowedRenderLimits(
     last: number,
     ...
   },
-  getFrameMetricsApprox: (
-    index: number,
-  ) => {
+  getFrameMetricsApprox: (index: number) => {
     length: number,
     offset: number,
     ...