feat: do not use Autocomplete for TextField

TexteaInc · Jul 15, 2024 · 73da3f8 · 73da3f8
1 parent 1f55720
commit 73da3f8
Showing 1 changed file with 74 additions and 0 deletions.
diff --git a/frontend/src/components/FunixFunction/TextExtendedWidget.tsx b/frontend/src/components/FunixFunction/TextExtendedWidget.tsx
@@ -331,6 +331,80 @@ const TextExtendedWidget = ({
     multilineConfig.multiline = false;
   }
 
+  if (autocompleteOptions.length === 0) {
+    console.log("yes");
+    return (
+      <TextField
+        id={id}
+        placeholder={placeholder}
+        label={
+          displayLabel ? (
+            <MarkdownDiv
+              markdown={schema.title || label || "input"}
+              isRenderInline={true}
+            />
+          ) : null
+        }
+        fullWidth
+        autoFocus={autofocus}
+        required={required}
+        disabled={disabled || readonly}
+        type={
+          inputType === "number" || inputType === "integer"
+            ? "number"
+            : schema.widget === "password"
+            ? showPassword
+              ? "text"
+              : "password"
+            : "text"
+        }
+        value={value || value === 0 ? value : ""}
+        error={rawErrors.length > 0}
+        onBlur={_onBlur}
+        onFocus={_onFocus}
+        onChange={({
+          target: { value },
+        }: React.ChangeEvent<HTMLInputElement>) => {
+          _onValueChange(value);
+        }}
+        InputLabelProps={{
+          required: false,
+        }}
+        {...multilineConfig}
+        size="small"
+        inputProps={{
+          style: {
+            resize:
+              schema.widget !== "password" &&
+              inputType !== "number" &&
+              inputType !== "integer"
+                ? "vertical"
+                : "none",
+          },
+        }}
+        InputProps={{
+          endAdornment:
+            schema.widget === "password" ? (
+              <InputAdornment position="end">
+                <IconButton
+                  onClick={() => setShowPassword((show) => !show)}
+                  onMouseDown={(e) => e.preventDefault()}
+                  edge="end"
+                  sx={{
+                    m: 0,
+                  }}
+                >
+                  {showPassword ? <VisibilityOff /> : <Visibility />}
+                </IconButton>
+              </InputAdornment>
+            ) : (
+              <></>
+            ),
+        }}
+      />
+    );
+  }
+
   return (
     <Autocomplete
       disableClearable