Adds optional onBlur prop to TextInput2

If provided, onBlur function will be executed when focus is removed from the input element.

docs/components/TextInput2View.jsx

@@ -287,6 +287,12 @@ export default class TextInput2View extends React.PureComponent {
             type: "Function",
             description: "Called when value of input changes",
           },
+          {
+            name: "onBlur",
+            type: "Function",
+            description: "Called when focus is removed from the input",
+            optional: true,
+          },
           {
             name: "size",
             type: "string",

src/TextInput2/TextInput2.tsx

@@ -26,6 +26,7 @@ export interface Props {
   showErrorOnBlurOnly?: boolean;
   value: string;
   onChange: React.ChangeEventHandler<HTMLInputElement>;
+  onBlur?: React.FocusEventHandler<HTMLInputElement>;
   size?: Values<typeof FormElementSize>;
 }
 
@@ -66,6 +67,7 @@ const TextInput2: React.FC<Props> = ({
   obscurable,
   value,
   onChange,
+  onBlur,
   size,
 }) => {
   const id = name;
@@ -148,7 +150,10 @@ const TextInput2: React.FC<Props> = ({
             onChange(e);
           }}
           onFocus={() => setIsFocused(true)}
-          onBlur={() => setIsFocused(false)}
+          onBlur={(e) => {
+            setIsFocused(false);
+            if (onBlur) onBlur(e);
+          }}
         />
         {errorMessage != null && (
           <FontAwesome className={cssClass.ERROR_ICON} name="exclamation-circle" />

src/TextInput2/TextInput2_test.tsx

@@ -143,6 +143,13 @@ describe("TextInput2", () => {
     });
   });
 
+  it("executes onBlur prop if provided", () => {
+    defaultProps.onBlur = jest.fn();
+    const wrapper = shallow(<TextInput2 {...defaultProps} />);
+    getInput(wrapper).simulate("blur");
+    expect(defaultProps.onBlur).toHaveBeenCalled();
+  });
+
   // TODO: Test any relevant state changes/event handling/prop-driven rendering.
   /*
   it("propagates event", () => {