Handling Variables in form

gui/rpk-gui/src/lib/crud/components/base-form.tsx

@@ -7,6 +7,8 @@ import ArrayFieldTemplate from "./templates/ArrayFieldTemplate"
 import ArrayFieldItemTemplate from "./templates/ArrayFieldItemTemplate";
 import { ResourceContext } from "../contexts/ResourceContext";
 import { ReactNode } from "react";
+import { ParametersContextProvider } from "../contexts/parameters-context";
+import CrudArrayField from "./fields/crud-array-field";
 
 type BaseFormProps = {
   schema: RJSFSchema,
@@ -19,11 +21,12 @@ type BaseFormProps = {
 }
 
 export const customWidgets: RegistryWidgetsType = {
-  TextWidget: CrudTextWidget
+  TextWidget: CrudTextWidget,
 };
 
 export const customFields: RegistryFieldsType = {
-  AnyOfField: UnionEnumField
+  AnyOfField: UnionEnumField,
+  ArrayField: CrudArrayField
 }
 
 const customTemplates = {
@@ -36,19 +39,21 @@ export const BaseForm: React.FC<BaseFormProps> = (props) => {
 
   return (
     <ResourceContext.Provider value={{basePath: resourceBasePath}} >
-      <Form
-        schema={schema}
-        uiSchema={uiSchema === undefined ? {} : uiSchema}
-        formData={formData}
-        onSubmit={(e, id) => onSubmit != undefined && onSubmit(e.formData)}
-        validator={validator}
-        omitExtraData={true}
-        widgets={customWidgets}
-        fields={customFields}
-        templates={customTemplates}
-        onChange={(e, id) => onChange != undefined && onChange(e.formData)}
-        children={children}
-      />
+      <ParametersContextProvider>
+        <Form
+          schema={schema}
+          uiSchema={uiSchema === undefined ? {} : uiSchema}
+          formData={formData}
+          onSubmit={(e, id) => onSubmit != undefined && onSubmit(e.formData)}
+          validator={validator}
+          omitExtraData={true}
+          widgets={customWidgets}
+          fields={customFields}
+          templates={customTemplates}
+          onChange={(e, id) => onChange != undefined && onChange(e.formData)}
+          children={children}
+        />
+      </ParametersContextProvider>
     </ResourceContext.Provider>
   )
 }