Required config check (#1006)

Required config check

Author: Ben Junya

web/init/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@replicatedhq/ship-init",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "description": "Shared component that contains the Ship Init app",
   "author": "Replicated, Inc.",
   "license": "Apache-2.0",

web/init/src/components/config_only/ConfigOnly.jsx

@@ -145,6 +145,8 @@ export default class ConfigOnly extends React.Component {
     const { configErrors } = this.props;
     if (!configErrors.length) return;
     configErrors.map((err) => {
+      // TODO: Refactor to pass errors down instead of manipulating
+      // the DOM
       const el = document.getElementById(`${err.fieldName}-errblock`);
       el.innerHTML = err.message;
       el.classList.add("visible");

web/init/src/components/config_render/ConfigGroup.jsx

@@ -7,7 +7,7 @@ import isEmpty from "lodash/isEmpty";
 import { ConfigService } from "../../services/ConfigService";
 
 import ConfigInput from "./ConfigInput";
-import ConfigTextara from "./ConfigTextarea";
+import ConfixTextarea from "./ConfigTextarea";
 import ConfigSelectOne from "./ConfigSelectOne";
 import ConfigItemTitle from "./ConfigItemTitle";
 import ConfigCheckbox from "./ConfigCheckbox";
@@ -37,7 +37,7 @@ export default class ConfigGroup extends React.Component {
         );
       case "textarea":
         return (
-          <ConfigTextara
+          <ConfixTextarea
             key={`${i}-${item.name}`}
             handleOnChange={this.handleItemChange}
             hidden={item.hidden}

web/init/src/components/config_render/ConfigInput.jsx

@@ -31,11 +31,14 @@ export default class ConfigInput extends React.Component {
       this.setState({ inputVal: this.props.value });
     }
   }
-
+  // p1-2019-06-27
+  // Fields that are required sometimes don't have a title associated with them.
+  // Use title -OR- required prop to render <ConfigItemTitle> to make sure error
+  // elements are rendered.
   render() {
     return (
       <div className={`field field-type-text ${this.props.hidden ? "hidden" : "u-marginTop--15"}`}>
-        {this.props.title !== "" ?
+        {this.props.title !== "" || this.props.required ?
           <ConfigItemTitle
             title={this.props.title}
             recommended={this.props.recommended}