5dbe3c128b
Summary: Adding controls for min/max height/width to the playground Reviewed By: emilsjolander Differential Revision: D7988400 fbshipit-source-id: bae487e2504906788552d6c1a29ed74c39cb5ac0
90 lines
2.0 KiB
JavaScript
90 lines
2.0 KiB
JavaScript
/**
|
|
* Copyright (c) 2014-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
* @format
|
|
*/
|
|
|
|
import {Record, List} from 'immutable';
|
|
import type {RecordOf} from 'immutable';
|
|
import PositionRecord from './PositionRecord';
|
|
import type {PositionRecordT} from './PositionRecord';
|
|
import yoga from 'yoga-layout/dist/entry-browser';
|
|
|
|
import type {
|
|
Yoga$Align,
|
|
Yoga$JustifyContent,
|
|
Yoga$FlexDirection,
|
|
Yoga$FlexWrap,
|
|
Yoga$PositionType,
|
|
} from 'yoga-layout';
|
|
|
|
export type LayoutRecordT = RecordOf<{
|
|
width?: ?number,
|
|
height?: ?number,
|
|
minWidth?: ?number,
|
|
minHeight?: ?number,
|
|
maxWidth?: ?number,
|
|
maxHeight?: ?number,
|
|
justifyContent?: Yoga$JustifyContent,
|
|
padding: PositionRecordT,
|
|
border: PositionRecordT,
|
|
margin: PositionRecordT,
|
|
position: PositionRecordT,
|
|
positionType: Yoga$PositionType,
|
|
alignItems?: Yoga$Align,
|
|
alignSelf?: Yoga$Align,
|
|
alignContent?: Yoga$Align,
|
|
flexDirection?: Yoga$FlexDirection,
|
|
flexBasis?: number | 'auto',
|
|
flexGrow?: number,
|
|
flexShrink?: number,
|
|
padding?: number,
|
|
flexWrap?: Yoga$FlexWrap,
|
|
aspectRatio?: number,
|
|
children?: List<LayoutRecordT>,
|
|
minWidth?: number,
|
|
maxWidth?: number,
|
|
minHeight?: number,
|
|
maxHeight?: number,
|
|
}>;
|
|
|
|
const r: LayoutRecordT = Record({
|
|
width: 'auto',
|
|
height: 'auto',
|
|
minWidth: 0,
|
|
minHeight: 0,
|
|
maxWidth: 'none',
|
|
maxHeight: 'none',
|
|
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;
|