Fix `integer fields` with accepted values not rendering as `dropdowns`

Signed-off-by: Mihaela Balutoiu <mbalutoiu@cloudbasesolutions.com>

src/@types/Endpoint.ts

@@ -43,8 +43,11 @@ export type MultiValidationItem = {
 
 export type OptionValues = {
   name: string;
-  values: string[] | { name: string; id: string; [prop: string]: any }[];
-  config_default: string | { name: string; id: string };
+  values:
+    | string[]
+    | number[]
+    | { name: string; id: string; [prop: string]: any }[];
+  config_default: string | number | { name: string; id: string };
 };
 
 export type StorageBackend = {

src/components/ui/FieldInput/FieldInput.tsx

@@ -288,6 +288,14 @@ class FieldInput extends React.Component<Props> {
         return e;
       }
 
+      if (typeof e === "number") {
+        return {
+          label: String(e),
+          value: e,
+          disabled: false,
+          subtitleLabel: "",
+        };
+      }
       return {
         label:
           typeof e === "string"
@@ -295,7 +303,7 @@ class FieldInput extends React.Component<Props> {
               ? LabelDictionary.get(e)
               : e
             : e.name || e.label,
-        value: typeof e === "string" ? e : e.id || e.value,
+        value: typeof e === "string" ? e : (e.id ?? e.value),
         disabled: typeof e !== "string" ? Boolean(e.disabled) : false,
         subtitleLabel: typeof e !== "string" ? e.subtitleLabel || "" : false,
       };
@@ -441,6 +449,9 @@ class FieldInput extends React.Component<Props> {
         }
         return this.renderTextInput();
       case "integer":
+        if (this.props.enum && this.props.enum.length) {
+          return this.renderEnumDropdown(this.props.enum);
+        }
         return this.renderIntInput();
       case "radio":
         return this.renderRadioInput();

src/plugins/default/OptionsSchemaPlugin.ts

@@ -14,7 +14,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import Utils from "@src/utils/ObjectUtils";
 
-import { Field, isEnumSeparator } from "@src/@types/Field";
+import { Field, EnumItem, isEnumSeparator } from "@src/@types/Field";
 import type { OptionValues, StorageMap } from "@src/@types/Endpoint";
 import type { SchemaProperties, SchemaDefinitions } from "@src/@types/Schema";
 import type { NetworkMap } from "@src/@types/Network";
@@ -27,16 +27,18 @@ const migrationImageOsTypes = ["windows", "linux"];
 
 export const defaultFillFieldValues = (field: Field, option: OptionValues) => {
   if (field.type === "string") {
-    field.enum = [...option.values];
+    field.enum = [...option.values] as EnumItem[];
     if (option.config_default) {
       field.default =
         typeof option.config_default === "string"
           ? option.config_default
-          : option.config_default.id;
+          : typeof option.config_default === "object"
+            ? option.config_default.id
+            : String(option.config_default);
     }
   }
   if (field.type === "array") {
-    field.enum = [...option.values];
+    field.enum = [...option.values] as EnumItem[];
   }
   if (field.type === "boolean" && option.config_default != null) {
     field.default =
@@ -44,11 +46,15 @@ export const defaultFillFieldValues = (field: Field, option: OptionValues) => {
         ? option.config_default
         : option.config_default === "true";
   }
-  if (
-    (field.type === "integer" || field.type === "number") &&
-    option.config_default != null
-  ) {
-    field.default = Number(option.config_default);
+  if (field.type === "integer" || field.type === "number") {
+    if (option.values?.length) {
+      field.enum = option.values.map(v =>
+        typeof v === "number" ? { label: String(v), value: v } : v,
+      ) as EnumItem[];
+    }
+    if (option.config_default != null) {
+      field.default = Number(option.config_default);
+    }
   }
 };
 

src/stores/WizardStore.ts

@@ -122,7 +122,7 @@ class WizardStore {
           }
           return enumItem.id != null
             ? enumItem.id === fieldDefault || enumItem.name === fieldDefault
-            : enumItem === fieldDefault;
+            : enumItem === fieldDefault || enumItem.value === fieldDefault;
         });
 
         // Don't use the default if it can't be found in the enum list.