From 0cd034e7748398ec8d9cf4187185dca4d298a611 Mon Sep 17 00:00:00 2001
From: achung <achung@jpl.nasa.gov>
Date: Thu, 27 Feb 2025 13:08:42 -0800
Subject: [PATCH] Avoid aggressively trimming text boxes in configure-beta

---
 configure/src/core/Maker.js                   | 36 +++++++++++++++++++
 .../src/metaconfigs/layer-data-config.json    |  2 +-
 .../src/metaconfigs/layer-header-config.json  |  2 +-
 .../src/metaconfigs/layer-model-config.json   |  2 +-
 .../src/metaconfigs/layer-query-config.json   |  2 +-
 .../src/metaconfigs/layer-tile-config.json    |  4 +--
 .../src/metaconfigs/layer-vector-config.json  |  2 +-
 .../metaconfigs/layer-vectortile-config.json  |  2 +-
 .../metaconfigs/layer-velocity-config.json    |  2 +-
 9 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/configure/src/core/Maker.js b/configure/src/core/Maker.js
index 27ac9e46c..ccbd8f51a 100644
--- a/configure/src/core/Maker.js
+++ b/configure/src/core/Maker.js
@@ -256,6 +256,9 @@ const getComponent = (
           }}
           value={value != null ? value : getIn(directConf, com.field, "")}
           onChange={(e) => {
+            updateConfiguration(forceField || com.field, e.target.value, layer);
+          }}
+          onBlur={(e) => {
             let v = e.target.value;
             // remove surrounding whitespace, " hi " -> "hi"
             if (typeof v === "string") v = v.trim();
@@ -280,6 +283,39 @@ const getComponent = (
           )}
         </div>
       );
+    case "textnotrim":
+      inner = (
+        <TextField
+          className={c.text}
+          label={com.name}
+          variant="filled"
+          size="small"
+          inputProps={{
+            autoComplete: "off",
+          }}
+          value={value != null ? value : getIn(directConf, com.field, "")}
+          onChange={(e) => {
+            updateConfiguration(forceField || com.field, e.target.value, layer);
+          }}
+        />
+      );
+      return (
+        <div>
+          {inlineHelp ? (
+            <>
+              {inner}
+              <div
+                className={c.subtitle2}
+                dangerouslySetInnerHTML={{ __html: com.description || "" }}
+              ></div>
+            </>
+          ) : (
+            <Tooltip title={com.description || ""} placement="top" arrow>
+              {inner}
+            </Tooltip>
+          )}
+        </div>
+      );
     case "button":
       inner = (
         <Button
diff --git a/configure/src/metaconfigs/layer-data-config.json b/configure/src/metaconfigs/layer-data-config.json
index 23ae33e88..6770d2080 100644
--- a/configure/src/metaconfigs/layer-data-config.json
+++ b/configure/src/metaconfigs/layer-data-config.json
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "",
-              "type": "text",
+              "type": "textnotrim",
               "width": 8
             },
             {
diff --git a/configure/src/metaconfigs/layer-header-config.json b/configure/src/metaconfigs/layer-header-config.json
index 8142a9ddb..04e2e1ba0 100644
--- a/configure/src/metaconfigs/layer-header-config.json
+++ b/configure/src/metaconfigs/layer-header-config.json
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "",
-              "type": "text",
+              "type": "textnotrim",
               "width": 8
             }
           ]
diff --git a/configure/src/metaconfigs/layer-model-config.json b/configure/src/metaconfigs/layer-model-config.json
index 91b0f388f..194d42774 100644
--- a/configure/src/metaconfigs/layer-model-config.json
+++ b/configure/src/metaconfigs/layer-model-config.json
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "A display name for the layer.",
-              "type": "text",
+              "type": "textnotrim",
               "width": 6
             },
             {
diff --git a/configure/src/metaconfigs/layer-query-config.json b/configure/src/metaconfigs/layer-query-config.json
index cc848e897..25083fc3a 100644
--- a/configure/src/metaconfigs/layer-query-config.json
+++ b/configure/src/metaconfigs/layer-query-config.json
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "A display name for the layer.",
-              "type": "text",
+              "type": "textnotrim",
               "width": 6
             },
             {
diff --git a/configure/src/metaconfigs/layer-tile-config.json b/configure/src/metaconfigs/layer-tile-config.json
index 9a70e4c26..e7d5ec93d 100644
--- a/configure/src/metaconfigs/layer-tile-config.json
+++ b/configure/src/metaconfigs/layer-tile-config.json
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "",
-              "type": "text",
+              "type": "textnotrim",
               "width": 4
             },
             {
@@ -201,7 +201,7 @@
               "field": "cogUnits",
               "name": "Units",
               "description": "Units string by which to suffix values. For instance if the units are meters, use 'm' so that values are displayed as '100m'.",
-              "type": "text",
+              "type": "textnotrim",
               "width": 2
             },
             {
diff --git a/configure/src/metaconfigs/layer-vector-config.json b/configure/src/metaconfigs/layer-vector-config.json
index bb9d46024..73847e181 100644
--- a/configure/src/metaconfigs/layer-vector-config.json
+++ b/configure/src/metaconfigs/layer-vector-config.json
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "A display name for the layer.",
-              "type": "text",
+              "type": "textnotrim",
               "width": 6
             },
             {
diff --git a/configure/src/metaconfigs/layer-vectortile-config.json b/configure/src/metaconfigs/layer-vectortile-config.json
index 9ccf47af0..badd4c30c 100644
--- a/configure/src/metaconfigs/layer-vectortile-config.json
+++ b/configure/src/metaconfigs/layer-vectortile-config.json
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "A display name for the layer.",
-              "type": "text",
+              "type": "textnotrim",
               "width": 6
             },
             {
diff --git a/configure/src/metaconfigs/layer-velocity-config.json b/configure/src/metaconfigs/layer-velocity-config.json
index 008799b23..13fac20e3 100644
--- a/configure/src/metaconfigs/layer-velocity-config.json
+++ b/configure/src/metaconfigs/layer-velocity-config.json
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "A display name for the layer.",
-              "type": "text",
+              "type": "textnotrim",
               "width": 6
             },
             {