react-native

Version:
A framework for building native apps using React
51 lines (43 loc) • 1.72 kB
JavaScript
/**
 * 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 type {TurboModule} from '../../../../../Libraries/TurboModule/RCTExport';

import * as TurboModuleRegistry from '../../../../../Libraries/TurboModule/TurboModuleRegistry';

export type NativeResizeObserverEntry = {
  resizeObserverId: number,
  targetInstanceHandle: unknown,
  contentRect: ReadonlyArray<number>, // It's actually a tuple with x, y, width and height
  borderBoxSize: ReadonlyArray<number>, // It's actually a tuple with inlineSize and blockSize
  contentBoxSize: ReadonlyArray<number>, // It's actually a tuple with inlineSize and blockSize
  devicePixelContentBoxSize: ReadonlyArray<number>, // It's actually a tuple with inlineSize and blockSize
};

export type NativeResizeObserverObserveOptions = {
  resizeObserverId: number,
  targetShadowNode: unknown,
  // Corresponds to the `box` option of `ResizeObserver#observe`.
  box?: ?string,
};

export opaque type NativeResizeObserverToken = unknown;

export interface Spec extends TurboModule {
  readonly observe: (
    options: NativeResizeObserverObserveOptions,
  ) => NativeResizeObserverToken;
  readonly unobserve: (
    resizeObserverId: number,
    targetToken: NativeResizeObserverToken,
  ) => void;
  readonly connect: (
    notifyResizeObserversFunction: (hasResizeLoopError: boolean) => void,
  ) => void;
  readonly disconnect: () => void;
  readonly takeRecords: () => ReadonlyArray<NativeResizeObserverEntry>;
}

export default TurboModuleRegistry.get<Spec>(
  'NativeResizeObserverCxx',
) as ?Spec;