react-native/Libraries/StyleSheet/flattenStyle.js

A framework for building native apps using React

/**
 * 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
 */

'use strict';

import type AnimatedNode from '../Animated/nodes/AnimatedNode';
import type {
  ____DangerouslyImpreciseAnimatedStyleProp_Internal,
  ____FlattenStyleProp_Internal,
} from './StyleSheetTypes';

type NonAnimatedNodeObject<TStyleProp> = TStyleProp extends AnimatedNode
  ? empty
  : TStyleProp;

function flattenStyleArrayInto<
  TStyleProp extends ____DangerouslyImpreciseAnimatedStyleProp_Internal,
>(result: {[string]: $FlowFixMe}, styles: ReadonlyArray<?TStyleProp>) {
  for (let i = 0, styleLength = styles.length; i < styleLength; ++i) {
    const style = styles[i];
    if (style === null || typeof style !== 'object') {
      continue;
    }

    if (Array.isArray(style)) {
      // $FlowFixMe[underconstrained-implicit-instantiation]
      flattenStyleArrayInto(result, style);
      continue;
    }

    // $FlowFixMe[invalid-in-rhs]
    for (const key in style) {
      // $FlowFixMe[incompatible-use]
      // $FlowFixMe[invalid-computed-prop]
      // $FlowFixMe[prop-missing]
      result[key] = style[key];
    }
  }
}

function flattenStyle<
  TStyleProp extends ____DangerouslyImpreciseAnimatedStyleProp_Internal,
>(
  style: ?TStyleProp,
  // $FlowFixMe[underconstrained-implicit-instantiation]
): ?NonAnimatedNodeObject<____FlattenStyleProp_Internal<TStyleProp>> {
  if (style === null || typeof style !== 'object') {
    return undefined;
  }

  if (!Array.isArray(style)) {
    // $FlowFixMe[incompatible-type]
    return style;
  }

  const result: {[string]: $FlowFixMe} = {};
  // $FlowFixMe[underconstrained-implicit-instantiation]
  flattenStyleArrayInto(result, style);

  // $FlowFixMe[incompatible-type]
  return result;
}

export default flattenStyle;