added boolean type field

Author: justenPalmer

src/view/Vproperty/VpropertyBoolean/index.jsx

@@ -0,0 +1,71 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import Vfield from '../../Vfield';
+
+import styleSpec from '../../../vendor/style-spec/style-spec';
+
+export default class VpropertyBoolean extends React.Component {
+
+	static propTypes = {
+		property: PropTypes.shape({
+			type: PropTypes.string.isRequired,
+			name: PropTypes.string.isRequired, // string of position . separated
+			value: PropTypes.bool, 
+			placeholder: PropTypes.string,
+			error: PropTypes.oneOfType([
+				PropTypes.string,
+				PropTypes.object
+			])
+		}),
+		focus: PropTypes.string,
+		handle: PropTypes.object
+	}
+
+	constructor(props) {
+		super(props);
+		const {handle, property} = this.props;
+
+
+		this.fieldHandle = {
+			...handle,
+			backout:(f)=>{
+				
+			},
+			change:(f)=>{
+				const val = (f.value === 'true')? true: false;
+				handle.change({
+					name:f.name,
+					value:val
+				});
+			}
+		};
+
+		for (let i in this.fieldHandle){
+			this.fieldHandle[i] = this.fieldHandle[i].bind(this);
+		}
+
+	}
+
+	render (){
+		const {property, focus} = this.props;
+
+		const options = [
+			{name:'true',value:'true'},
+			{name:'false',value:'false'}
+		];
+
+		const val = (property.value)? 'true': 'false';
+
+		return <div className="form-group mb-0">
+			<Vfield field={{
+				type:'select',
+				name:property.name,
+				value:val,
+				controlled:false,
+				autoFocus:property.name === focus,
+				options:options
+			}} handle={this.fieldHandle}/>
+		</div>
+	}
+};

src/view/Vproperty/index.jsx

@@ -6,6 +6,7 @@ import {Map, List} from 'immutable';
 import Vfield from '../Vfield';
 
 import VpropertyArray from './VpropertyArray';
+import VpropertyBoolean from './VpropertyBoolean';
 import VpropertyExpression from './VpropertyExpression';
 import VpropertyMetadata from './VpropertyMetadata';
 import VpropertyFunction from './VpropertyFunction';
@@ -128,6 +129,16 @@ export default class Vproperty extends React.Component {
 					error:property.error
 				}} focus={focus} handle={handle}/>
 			</div>;
+		} else if (spec.type === 'boolean'){
+			elem = <div>
+				<VpropertyBoolean property={{
+					type:'boolean',
+					name:property.name,
+					value:property.value,
+					placeholder:doc,
+					error:property.error
+				}} focus={focus} handle={handle}/>
+			</div>;
 		} else if (spec.type === 'enum'){
 			let options = [];
 			for (let i in spec.values){