pushed sorting back to fields from index

src/internal-packages/schema/lib/component/field.jsx

@@ -36,8 +36,17 @@ const Field = React.createClass({
   },
 
   componentWillMount() {
+    // sort the types in descending order and push undefined to the end
+    const types = _.sortBy(this.props.types, (type) => {
+      if (type.name === 'Undefined') {
+        return -Infinity;
+      }
+      return type.probability;
+    }).reverse();
+
     // sets the active type to the first type in the props.types array
     this.setState({
+      types: types,
       activeType: this.props.types.length > 0 ? this.props.types[0] : null
     });
   },
@@ -139,7 +148,7 @@ const Field = React.createClass({
     const cls = FIELD_CLASS + ' ' + (this.state.collapsed ? 'collapsed' : 'expanded');
 
     // types represented as horizontal bars with labels
-    const typeList = this.props.types.map((type) => {
+    const typeList = this.state.types.map((type) => {
       // allow for semantic types and convert the type, e.g. geo coordinates
       type = this.getSemanticType(type);
       return (

src/internal-packages/schema/lib/component/index.jsx

@@ -90,16 +90,6 @@ const Schema = React.createClass({
   render() {
     this._updateProgressBar();
     const fieldList = _.get(this.state.schema, 'fields', []).map((field) => {
-      // sort the types in descending order and push undefined to the end
-      const types = _.sortBy(field.types, (type) => {
-        if (type.name === 'Undefined') {
-          return -Infinity;
-        }
-        return type.probability;
-      }).reverse();
-
-      field.types = types;
-      console.log('field props', field);
       return <Field key={field.name} {...field} />;
     });
     return (