Vulcan/packages/vulcan-forms/lib/components/FormNestedObject.jsx

42 lines
1.6 KiB
JavaScript

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import { Components, registerComponent } from 'meteor/vulcan:core';
import "./FormNestedItem"
class FormNestedObject extends PureComponent {
/*getCurrentValue() {
return this.props.currentValues[this.props.path] || {}
}*/
render() {
//const value = this.getCurrentValue()
// do not pass FormNested's own value, input and inputProperties props down
const properties = _.omit(this.props, 'value', 'input', 'inputProperties', 'nestedInput');
const { errors } = this.props;
// only keep errors specific to the nested array (and not its subfields)
const nestedObjectErrors = errors.filter(error => error.path && error.path === path);
const hasErrors = nestedObjectErrors && nestedObjectErrors.length;
return (
<div className={`form-group row form-nested ${hasErrors ? 'input-error': ''}`}>
<label className="control-label col-sm-3">{this.props.label}</label>
<div className="col-sm-9">
<Components.FormNestedItem
{...properties}
path={`${this.props.path}`}
/>
{hasErrors ? <Components.FieldErrors errors={nestedObjectErrors} /> : null}
</div>
</div>
);
}
}
FormNestedObject.propTypes = {
currentValues: PropTypes.object,
path: PropTypes.string,
label: PropTypes.string
};
module.exports = FormNestedObject
registerComponent('FormNestedObject', FormNestedObject);