add blurableinput to step tiles

src/sequences/inputs/input_default.tsx

@@ -2,6 +2,7 @@ import * as React from "react";
 import { updateStep } from "../step_tiles/index";
 import { isString, isNumber } from "lodash";
 import { StepInputProps } from "../interfaces";
+import { BlurableInput } from "../../ui";
 
 export function InputDefault({
   step,
@@ -15,7 +16,11 @@ export function InputDefault({
   let notUndefied = (isString(raw) || isNumber(raw));
   let val = notUndefied ? raw : "";
 
-  return <input type={type_ || "text"}
-    value={val}
-    onChange={updateStep({ dispatch, step, field, index, sequence })} />;
+  return (
+    <BlurableInput
+      type={type_ || "text"}
+      value={val}
+      onCommit={updateStep({ dispatch, step, field, index, sequence })}
+    />
+  );
 }

src/ui/blurable_input.tsx

@@ -5,7 +5,7 @@ interface BIProps {
   onCommit(e: React.SyntheticEvent<HTMLInputElement>): void;
   min?: number;
   max?: number;
-  type?: "text" | "number" | "email" | "password" | "time" | "date";
+  type?: "text" | "number" | "email" | "password" | "time" | "date" | "hidden";
   name?: string;
   id?: string;
   /** Allow the user to empty out the form control. If unset, form control