keystone/fields/types/money/MoneyField.js

Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose

import { FormInput } from '../../../admin/client/App/elemental';
import Field from '../Field';
import React, { PropTypes } from 'react';

module.exports = Field.create({
	displayName: 'MoneyField',
	propTypes: {
		onChange: PropTypes.func.isRequired,
		path: PropTypes.string.isRequired,
		value: PropTypes.oneOfType([
			PropTypes.string,
			PropTypes.number,
		]),
	},
	statics: {
		type: 'Money',
	},

	valueChanged (event) {
		var newValue = event.target.value.replace(/[^\d\s\,\.\$€£¥]/g, '');
		if (newValue === this.props.value) return;

		this.props.onChange({
			path: this.props.path,
			value: newValue,
		});
	},
	renderField () {
		return (
			<FormInput
				autoComplete="off"
				name={this.getInputName(this.props.path)}
				onChange={this.valueChanged}
				ref="focusTarget"
				value={this.props.value}
			/>
		);
	},

});