v0.3.3 allow confirm button trigger submit flow

zhaoyao91 · Sep 26, 2019 · 8da427b · 8da427b
1 parent 0f123b5
commit 8da427b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-bootstrap-easy-dialog",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "React Bootstrap Dialog made easy",
   "keywords": [
     "react-bootstrap",

diff --git a/src/Dialog.js b/src/Dialog.js
@@ -167,6 +167,7 @@ export function DialogUI({
 
   const [inputValue, setInputValue] = useState("");
   const inputRef = useRef();
+  const submitButtonRef = useRef();
 
   // only set input value to default value when it shows up
   useEffect(() => {
@@ -196,7 +197,11 @@ export function DialogUI({
   }
 
   function handleConfirm() {
-    onConfirm(inputValue);
+    if (submitButtonRef.current) {
+      submitButtonRef.current.click();
+    } else {
+      onConfirm();
+    }
   }
 
   function handleHide() {
@@ -233,14 +238,15 @@ export function DialogUI({
           )}
           {input && (
             <Form onSubmit={handleSubmit}>
-              {input && (
-                <Form.Control
-                  {...otherInputProps}
-                  value={inputValue}
-                  onChange={handleInputValueChange}
-                  {...{ [refKey]: inputRef }}
-                />
-              )}
+              <Form.Control
+                {...otherInputProps}
+                value={inputValue}
+                onChange={handleInputValueChange}
+                {...{ [refKey]: inputRef }}
+              />
+              <Button type="submit" hidden ref={submitButtonRef}>
+                Submit
+              </Button>
             </Form>
           )}
         </Modal.Body>