Support for disabled selectors in config flow

src/components/ha-form/types.ts

@@ -25,6 +25,8 @@ export interface HaFormBaseSchema {
     suffix?: string;
     // This value will be set initially when form is loaded
     suggested_value?: HaFormData;
+    // Disable flag is passed here from backend for config flow
+    disabled?: boolean;
   };
   context?: Record<string, string>;
 }

src/dialogs/config-flow/step-flow-form.ts

@@ -10,6 +10,7 @@ import {
   TemplateResult,
 } from "lit";
 import { customElement, property, state } from "lit/decorators";
+import memoizeOne from "memoize-one";
 import { dynamicElement } from "../../common/dom/dynamic-element-directive";
 import { fireEvent } from "../../common/dom/fire_event";
 import { isNavigationClick } from "../../common/dom/is-navigation-click";
@@ -46,6 +47,13 @@ class StepFlowForm extends LitElement {
     this.removeEventListener("keydown", this._handleKeyDown);
   }
 
+  private handleDisabledFields = memoizeOne((schema) =>
+    schema?.map((field) => ({
+      ...field,
+      ...(field?.description?.disabled ? { disabled: true } : {}),
+    }))
+  );
+
   protected render(): TemplateResult {
     const step = this.step;
     const stepData = this._stepDataProcessed;
@@ -62,7 +70,9 @@ class StepFlowForm extends LitElement {
           .data=${stepData}
           .disabled=${this._loading}
           @value-changed=${this._stepDataChanged}
-          .schema=${autocompleteLoginFields(step.data_schema)}
+          .schema=${autocompleteLoginFields(
+            this.handleDisabledFields(step.data_schema)
+          )}
           .error=${step.errors}
           .computeLabel=${this._labelCallback}
           .computeHelper=${this._helperCallback}
@@ -180,8 +190,9 @@ class StepFlowForm extends LitElement {
     Object.keys(stepData).forEach((key) => {
       const value = stepData[key];
       const isEmpty = [undefined, ""].includes(value);
+      const field = this.step.data_schema?.find((f) => f.name === key);
 
-      if (!isEmpty) {
+      if (!isEmpty && !field?.description?.disabled) {
         toSendData[key] = value;
       }
     });