Fields default to Blank String (#1126)

src/components/EditorWidgets/Boolean/BooleanControl.js

@@ -38,3 +38,7 @@ BooleanControl.propTypes = {
   forID: PropTypes.string,
   value: PropTypes.bool,
 };
+
+BooleanControl.defaultProps = {
+  value: false,
+};

src/components/EditorWidgets/Markdown/MarkdownControl/RawEditor/index.js

@@ -51,7 +51,6 @@ export default class RawEditor extends React.Component {
 
   render() {
     const { className } = this.props;
-
     return (
       <div className="nc-rawEditor-rawWrapper">
         <div className="nc-visualEditor-editorControlBar">

src/components/EditorWidgets/Markdown/MarkdownControl/index.js

@@ -21,6 +21,10 @@ export default class MarkdownControl extends React.Component {
     value: PropTypes.string,
   };
 
+  static defaultProps = {
+    value: '',
+  };
+
   constructor(props) {
     super(props);
     editorControl = props.editorControl;

src/components/EditorWidgets/Number/NumberControl.js

@@ -15,6 +15,10 @@ export default class NumberControl extends React.Component {
     max: PropTypes.number,
   };
 
+  static defaultProps = {
+    value: '',
+  };
+
   handleChange = (e) => {
     const valueType = this.props.field.get('valueType');
     const { onChange } = this.props;

src/components/EditorWidgets/Object/ObjectControl.js

@@ -37,6 +37,10 @@ export default class ObjectControl extends Component {
     forList: PropTypes.bool,
   };
 
+  static defaultProps = {
+    value: Map(),
+  };
+
   constructor(props) {
     super(props);
     this.state = {

src/components/EditorWidgets/Relation/RelationControl.js

@@ -30,6 +30,10 @@ class RelationControl extends Component {
     setInactiveStyle: PropTypes.func.isRequired,
   };
 
+  static defaultProps = {
+    value: '',
+  };
+
   constructor(props, ctx) {
     super(props, ctx);
     this.controlID = uuid();

src/components/EditorWidgets/Select/SelectControl.js

@@ -22,6 +22,10 @@ export default class SelectControl extends React.Component {
     }),
   };
 
+  static defaultProps = {
+    value: '',
+  };
+
   handleChange = (e) => {
     this.props.onChange(e.target.value);
   };

src/components/EditorWidgets/String/StringControl.js

@@ -11,6 +11,10 @@ export default class StringControl extends React.Component {
     setInactiveStyle: PropTypes.func.isRequired,
   };
 
+  static defaultProps = {
+    value: '',
+  };
+
   render() {
     const {
       forID,

src/components/EditorWidgets/Text/TextControl.js

@@ -12,6 +12,10 @@ export default class TextControl extends React.Component {
     setInactiveStyle: PropTypes.func.isRequired,
   };
 
+  static defaultProps = {
+    value: '',
+  };
+
   /**
    * Always update to ensure `react-textarea-autosize` properly calculates
    * height. Certain situations, such as this widget being nested in a list

src/components/EditorWidgets/withMedia/withMediaControl.js

@@ -20,6 +20,10 @@ export default function withMediaControl(forImage) {
       value: PropTypes.node,
     };
 
+    static defaultProps = {
+      value: '',
+    };
+
     constructor(props) {
       super(props);
       this.controlID = uuid();