[inputWithEnter] add autoSave option

Otherwise, autoFocus triggered save action immediately, causing UI glitches.

src/Gargantext/Components/Forest/Tree/Node/Action/Add.purs

@@ -86,6 +86,7 @@ addNodeView p@{ dispatch, nodeType, nodeTypes } = R.createElement el p []
                               onEnter: \_ -> launchAff_ $ dispatch (AddNode name' nt')
                             , onValueChanged: \val -> setNodeName $ const val
                             , autoFocus: true
+                            , autoSave: false
                             , className: "form-control"
                             , defaultValue: name'
                             , placeholder: name'

src/Gargantext/Components/Forest/Tree/Node/Action/Search/SearchField.purs

@@ -364,6 +364,7 @@ searchInput p = R.createElement searchInputComponent p []
         inputWithEnter { onEnter: onEnter valueRef setSearch
                        , onValueChanged: onValueChanged valueRef
                        , autoFocus: false
+                       , autoSave: true
                        , className: "form-control"
                        , defaultValue: R.readRef valueRef
                        , placeholder: "Your query here"

src/Gargantext/Components/Forest/Tree/Node/Tools.purs

@@ -83,6 +83,7 @@ textInputBox p@{ boxName, boxAction, dispatch, isOpen: (true /\ setIsOpen) } = R
                  onEnter: submit renameNodeNameRef
                , onValueChanged: R.setRef renameNodeNameRef
                , autoFocus: false
+               , autoSave: false
                , className: "form-control"
                , defaultValue: text
                , placeholder: (boxName <> " Node")

src/Gargantext/Components/InputWithEnter.purs

@@ -16,6 +16,7 @@ type Props a = (
   , onValueChanged :: String -> Effect Unit
 
   , autoFocus :: Boolean
+  , autoSave :: Boolean
   , className :: String
   , defaultValue :: String
   , placeholder :: String
@@ -29,8 +30,8 @@ inputWithEnter props = R.createElement inputWithEnterCpt props []
     inputWithEnterCpt = R.hooksComponentWithModule thisModule "inputWithEnter" cpt
 
     cpt props@{ onEnter, onValueChanged
-              , autoFocus, className, defaultValue, placeholder } _ = do
-      pure $ H.input { on: { blur: \_ -> onEnter unit
+              , autoFocus, autoSave, className, defaultValue, placeholder } _ = do
+      pure $ H.input { on: { blur: \_ -> if autoSave then onEnter unit else pure unit
                            , input: onInput
                            , keyPress: onKeyPress }
                      , autoFocus

src/Gargantext/Components/Nodes/Annuaire/User/Contacts.purs

@@ -127,6 +127,7 @@ contactInfoItemCpt = R.hooksComponentWithModule thisModule "contactInfoItem" cpt
           H.div { className: "input-group col-sm-6" } [
             inputWithEnter {
                 autoFocus: true
+              , autoSave: false
               , className: "form-control"
               , defaultValue: R.readRef valueRef
               , onEnter: onClick

src/Gargantext/Components/Nodes/Corpus.purs

@@ -314,6 +314,7 @@ renameableTextCpt = R.hooksComponentWithModule thisModule "renameableTextCpt" cp
       pure $ H.div { className: "input-group" } [
           inputWithEnter {
                autoFocus: false
+             , autoSave: false
              , className: "form-control text"
              , defaultValue: text
              , onEnter: submit