[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

@@ -81,7 +81,8 @@ textInputBox p@{ boxName, boxAction, dispatch, isOpen: (true /\ setIsOpen) } = R
             inputWithEnter {
                  onEnter: submit newName
                , onValueChanged: setNewName <<< const
-               , autoFocus: false
+               , autoFocus: true
+               , 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

@@ -129,6 +129,7 @@ contactInfoItemCpt = R.hooksComponentWithModule thisModule "contactInfoItem" cpt
                  onEnter: onClick
                , onValueChanged: R.setRef valueRef
                , autoFocus: true
+               , autoSave: false
                , className: "form-control"
                , defaultValue: R.readRef valueRef
                , placeholder

src/Gargantext/Components/Nodes/Corpus.purs

@@ -310,6 +310,7 @@ renameableTextCpt = R.hooksComponentWithModule thisModule "renameableTextCpt" cp
                onEnter: submit
              , onValueChanged: setText <<< const
              , autoFocus: false
+             , autoSave: false
              , className: "form-control text"
              , defaultValue: text
              , placeholder: ""