c1-cms/console/components/presentation/FormTab.js

Contains React components distributed with C1 CMS.

import React, { PropTypes } from 'react';
import Fieldset from 'console/components/presentation/Fieldset.js';
import ImmutablePropTypes from 'react-immutable-proptypes';
import ScrollBox from 'console/components/presentation/ScrollBox.js';

const FormTab = props => {
	if (!props.fieldsets) return null;
	let fieldsets = props.fieldsets.toArray().map(fieldset => {
		let fsProps = fieldset.toObject();
		fsProps.fields = fsProps.fields.map(field =>
			field.set('updateValue', props.actions.updateValue(props.pageName, field.get('name')))
		);
		return (
			<Fieldset
				{...fsProps}
				key={fsProps.name}/>
		);
	});
	return (
		<ScrollBox>
			{fieldsets}
		</ScrollBox>
	);
};

FormTab.propTypes = {
	name: PropTypes.string,
	pageName: PropTypes.string,
	actions: PropTypes.objectOf(PropTypes.func).isRequired,
	fieldsets: ImmutablePropTypes.listOf(ImmutablePropTypes.map)
};

export default FormTab;