yoga/website-next/src/components/Playground/LayoutRecord.tsx

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

import {Record, List} from 'immutable';
import PositionRecord from './PositionRecord';
import type {PositionRecordType} from './PositionRecord';
import yoga from 'yoga-layout/sync';

import type {
  Align,
  Justify,
  FlexDirection,
  Wrap,
  PositionType,
} from 'yoga-layout/sync';

export type LayoutRecordType = ReturnType<LayoutRecordFactory>;

export type LayoutRecordFactory = Record.Factory<{
  width?: number | 'auto';
  height?: number | 'auto';
  minWidth?: number;
  minHeight?: number;
  maxWidth?: number;
  maxHeight?: number;
  justifyContent?: Justify;
  padding: PositionRecordType;
  border: PositionRecordType;
  margin: PositionRecordType;
  position: PositionRecordType;
  positionType: PositionType;
  alignItems?: Align;
  alignSelf?: Align;
  alignContent?: Align;
  flexDirection?: FlexDirection;
  flexBasis?: number | 'auto';
  flexGrow?: number;
  flexShrink?: number;
  flexWrap?: Wrap;
  aspectRatio?: number | 'auto';
  children?: List<LayoutRecordType>;
}>;

const r: LayoutRecordFactory = Record({
  width: 'auto',
  height: 'auto',
  justifyContent: yoga.JUSTIFY_FLEX_START,
  alignItems: yoga.ALIGN_STRETCH,
  alignSelf: yoga.ALIGN_AUTO,
  alignContent: yoga.ALIGN_STRETCH,
  flexDirection: yoga.FLEX_DIRECTION_ROW,
  padding: PositionRecord(),
  margin: PositionRecord(),
  border: PositionRecord(),
  position: PositionRecord({
    left: NaN,
    top: NaN,
    right: NaN,
    bottom: NaN,
  }),
  positionType: yoga.POSITION_TYPE_RELATIVE,
  flexWrap: yoga.WRAP_NO_WRAP,
  flexBasis: 'auto',
  flexGrow: 0,
  flexShrink: 1,
  children: List(),
  aspectRatio: 'auto',
  minWidth: NaN,
  maxWidth: NaN,
  minHeight: NaN,
  maxHeight: NaN,
});

export default r;