data-driven-forms
diff --git a/‎packages/pf3-component-mapper/src/form-fields/switch-field.js‎
Lines changed: 5 additions & 2 deletions b/‎packages/pf3-component-mapper/src/form-fields/switch-field.js‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎packages/pf3-component-mapper/src/tests/__snapshots__/form-fields.test.js.snap‎
Lines changed: 16 additions & 0 deletions b/‎packages/pf3-component-mapper/src/tests/__snapshots__/form-fields.test.js.snap‎
Lines changed: 16 additions & 0 deletions
@@ -47,7 +47,7 @@ class Switch extends React.Component {
   }
 
   render() {
-    const { onText, offText, disabled, isReadOnly, bsSize, ...props } = this.props;
+    const { onText, offText, disabled, isReadOnly, bsSize, formOptions, ...props } = this.props;
     return (
       <div>
         <label
@@ -62,7 +62,7 @@ class Switch extends React.Component {
               props.onChange({ target: { checked: !props.checked }});
             } else if (e.keyCode === ENTER_CODE) {
               e.preventDefault();
-              props.formOptions.handleSubmit();
+              formOptions.handleSubmit();
             }
           } }
         >
@@ -102,6 +102,9 @@ Switch.propTypes = {
   checked: PropTypes.oneOfType([ PropTypes.bool, PropTypes.string ]),
   onChange: PropTypes.func.isRequired,
   bsSize: PropTypes.oneOf([ 'mn', 'mini' ]),
+  formOptions: PropTypes.shape({
+    handleSubmit: PropTypes.func.isRequired,
+  }).isRequired,
 };
 
 Switch.defaultProps = {
 
@@ -411,11 +411,13 @@ exports[`FormFields <SwitchField /> should render Switch correctly 1`] = `
             <div>
               <label
                 className="pf3-switch"
+                onKeyDown={[Function]}
                 style={
                   Object {
                     "width": 80,
                   }
                 }
+                tabIndex={0}
               >
                 <input
                   checked=""
@@ -551,11 +553,13 @@ exports[`FormFields <SwitchField /> should render Switch with label correctly 1`
             <div>
               <label
                 className="pf3-switch"
+                onKeyDown={[Function]}
                 style={
                   Object {
                     "width": 80,
                   }
                 }
+                tabIndex={0}
               >
                 <input
                   checked=""
@@ -681,11 +685,13 @@ exports[`FormFields <SwitchField /> should render Switch with onText (custom pro
             <div>
               <label
                 className="pf3-switch"
+                onKeyDown={[Function]}
                 style={
                   Object {
                     "width": 80,
                   }
                 }
+                tabIndex={0}
               >
                 <input
                   checked=""
@@ -811,11 +817,13 @@ exports[`FormFields <SwitchField /> should render Switch with placeholder correc
             <div>
               <label
                 className="pf3-switch"
+                onKeyDown={[Function]}
                 style={
                   Object {
                     "width": 80,
                   }
                 }
+                tabIndex={0}
               >
                 <input
                   checked=""
@@ -942,11 +950,13 @@ exports[`FormFields <SwitchField /> should render disabled Switch correctly 1`]
             <div>
               <label
                 className="pf3-switch disabled"
+                onKeyDown={[Function]}
                 style={
                   Object {
                     "width": 80,
                   }
                 }
+                tabIndex={-1}
               >
                 <input
                   checked=""
@@ -1074,11 +1084,13 @@ exports[`FormFields <SwitchField /> should render mini Switch correctly 1`] = `
             <div>
               <label
                 className="pf3-switch mini"
+                onKeyDown={[Function]}
                 style={
                   Object {
                     "width": 80,
                   }
                 }
+                tabIndex={0}
               >
                 <input
                   checked=""
@@ -1205,11 +1217,13 @@ exports[`FormFields <SwitchField /> should render readOnly Switch correctly 1`]
             <div>
               <label
                 className="pf3-switch disabled"
+                onKeyDown={[Function]}
                 style={
                   Object {
                     "width": 80,
                   }
                 }
+                tabIndex={-1}
               >
                 <input
                   checked=""
@@ -1337,11 +1351,13 @@ exports[`FormFields <SwitchField /> should render sm Switch correctly 1`] = `
             <div>
               <label
                 className="pf3-switch mini"
+                onKeyDown={[Function]}
                 style={
                   Object {
                     "width": 80,
                   }
                 }
+                tabIndex={0}
               >
                 <input
                   checked=""
Original file line number	Diff line number	Diff line change
@@ -411,11 +411,13 @@ exports[`FormFields <SwitchField /> should render Switch correctly 1`] = `
`411`	`411`	`<div>`
`412`	`412`	`<label`
`413`	`413`	`className="pf3-switch"`
	`414`	`+ onKeyDown={[Function]}`
`414`	`415`	`style={`
`415`	`416`	`Object {`
`416`	`417`	`"width": 80,`
`417`	`418`	`}`
`418`	`419`	`}`
	`420`	`+ tabIndex={0}`
`419`	`421`	`>`
`420`	`422`	`<input`
`421`	`423`	`checked=""`
@@ -551,11 +553,13 @@ exports[`FormFields <SwitchField /> should render Switch with label correctly 1`
`551`	`553`	`<div>`
`552`	`554`	`<label`
`553`	`555`	`className="pf3-switch"`
	`556`	`+ onKeyDown={[Function]}`
`554`	`557`	`style={`
`555`	`558`	`Object {`
`556`	`559`	`"width": 80,`
`557`	`560`	`}`
`558`	`561`	`}`
	`562`	`+ tabIndex={0}`
`559`	`563`	`>`
`560`	`564`	`<input`
`561`	`565`	`checked=""`
@@ -681,11 +685,13 @@ exports[`FormFields <SwitchField /> should render Switch with onText (custom pro
`681`	`685`	`<div>`
`682`	`686`	`<label`
`683`	`687`	`className="pf3-switch"`
	`688`	`+ onKeyDown={[Function]}`
`684`	`689`	`style={`
`685`	`690`	`Object {`
`686`	`691`	`"width": 80,`
`687`	`692`	`}`
`688`	`693`	`}`
	`694`	`+ tabIndex={0}`
`689`	`695`	`>`
`690`	`696`	`<input`
`691`	`697`	`checked=""`
@@ -811,11 +817,13 @@ exports[`FormFields <SwitchField /> should render Switch with placeholder correc
`811`	`817`	`<div>`
`812`	`818`	`<label`
`813`	`819`	`className="pf3-switch"`
	`820`	`+ onKeyDown={[Function]}`
`814`	`821`	`style={`
`815`	`822`	`Object {`
`816`	`823`	`"width": 80,`
`817`	`824`	`}`
`818`	`825`	`}`
	`826`	`+ tabIndex={0}`
`819`	`827`	`>`
`820`	`828`	`<input`
`821`	`829`	`checked=""`
@@ -942,11 +950,13 @@ exports[`FormFields <SwitchField /> should render disabled Switch correctly 1`]
`942`	`950`	`<div>`
`943`	`951`	`<label`
`944`	`952`	`className="pf3-switch disabled"`
	`953`	`+ onKeyDown={[Function]}`
`945`	`954`	`style={`
`946`	`955`	`Object {`
`947`	`956`	`"width": 80,`
`948`	`957`	`}`
`949`	`958`	`}`
	`959`	`+ tabIndex={-1}`
`950`	`960`	`>`
`951`	`961`	`<input`
`952`	`962`	`checked=""`
@@ -1074,11 +1084,13 @@ exports[`FormFields <SwitchField /> should render mini Switch correctly 1`] = `
`1074`	`1084`	`<div>`
`1075`	`1085`	`<label`
`1076`	`1086`	`className="pf3-switch mini"`
	`1087`	`+ onKeyDown={[Function]}`
`1077`	`1088`	`style={`
`1078`	`1089`	`Object {`
`1079`	`1090`	`"width": 80,`
`1080`	`1091`	`}`
`1081`	`1092`	`}`
	`1093`	`+ tabIndex={0}`
`1082`	`1094`	`>`
`1083`	`1095`	`<input`
`1084`	`1096`	`checked=""`
@@ -1205,11 +1217,13 @@ exports[`FormFields <SwitchField /> should render readOnly Switch correctly 1`]
`1205`	`1217`	`<div>`
`1206`	`1218`	`<label`
`1207`	`1219`	`className="pf3-switch disabled"`
	`1220`	`+ onKeyDown={[Function]}`
`1208`	`1221`	`style={`
`1209`	`1222`	`Object {`
`1210`	`1223`	`"width": 80,`
`1211`	`1224`	`}`
`1212`	`1225`	`}`
	`1226`	`+ tabIndex={-1}`
`1213`	`1227`	`>`
`1214`	`1228`	`<input`
`1215`	`1229`	`checked=""`
@@ -1337,11 +1351,13 @@ exports[`FormFields <SwitchField /> should render sm Switch correctly 1`] = `
`1337`	`1351`	`<div>`
`1338`	`1352`	`<label`
`1339`	`1353`	`className="pf3-switch mini"`
	`1354`	`+ onKeyDown={[Function]}`
`1340`	`1355`	`style={`
`1341`	`1356`	`Object {`
`1342`	`1357`	`"width": 80,`
`1343`	`1358`	`}`
`1344`	`1359`	`}`
	`1360`	`+ tabIndex={0}`
`1345`	`1361`	`>`
`1346`	`1362`	`<input`
`1347`	`1363`	`checked=""`