Avoid aggressively trimming text boxes in configure-beta (#632)

NASA-AMMOS · Feb 28, 2025 · bc6b1f3 · bc6b1f3
1 parent d1b2b53
commit bc6b1f3
Show file tree

Hide file tree

Showing 9 changed files with 45 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -27,7 +27,7 @@
               "field": "name",
               "name": "Layer Name",
               "description": "A display name for the layer.",
-              "type": "text",
+              "type": "textnotrim",
               "width": 6
             },
             {