2018-05-07 17:41:22 +09:00
|
|
|
import React, { PureComponent } from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
2018-05-10 17:17:44 +09:00
|
|
|
import { Components, registerComponent, Locales } from 'meteor/vulcan:core';
|
2018-05-07 17:41:22 +09:00
|
|
|
|
|
|
|
class FormIntl extends PureComponent {
|
|
|
|
render() {
|
2018-05-09 10:38:21 +09:00
|
|
|
// do not pass FormIntl's own value, inputProperties, and intlInput props down
|
|
|
|
const properties = _.omit(this.props, 'value', 'inputProperties', 'intlInput');
|
2018-05-07 17:41:22 +09:00
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="form-intl">
|
2018-05-10 17:17:44 +09:00
|
|
|
{Locales.map(locale => (
|
|
|
|
<div className={`form-intl-${locale.id}`} key={locale.id}>
|
|
|
|
<Components.FormComponent {...properties} label={`${this.props.label} (${locale.label})`} locale={locale.id} />
|
2018-05-07 17:41:22 +09:00
|
|
|
</div>
|
|
|
|
))}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
registerComponent('FormIntl', FormIntl);
|