app/javascript/spec/pxe-customization-template-form/__snapshots__/pxe-customization-template-form.spec.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Pxe Customization Template Form Component should render adding a new pxe customization template 1`] = `
<Provider
store={
Object {
"asyncReducers": Object {
"FormButtons": [Function],
"miqCustomTabReducer": [Function],
"notificationReducer": [Function],
},
"dispatch": [Function],
"getState": [Function],
"injectReducers": [Function],
"replaceReducer": [Function],
"subscribe": [Function],
Symbol(observable): [Function],
}
}
>
<PxeCustomizationTemplateForm>
<Connect(MiqFormRenderer)
buttonsLabels={
Object {
"submitLabel": "Add",
}
}
canReset={false}
disableSubmit={
Array [
"pristine",
]
}
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
],
}
}
>
<MiqFormRenderer
buttonsLabels={
Object {
"submitLabel": "Add",
}
}
canReset={false}
className="form-react"
componentMapper={
Object {
"checkbox": [Function],
"code-editor": [Function],
"date-picker": [Function],
"dual-list-select": [Function],
"edit-password-field": [Function],
"field-array": [Function],
"file-upload": [Function],
"font-icon-picker": [Function],
"font-icon-picker-ddf": [Function],
"multi-select": [Function],
"password-field": [Function],
"plain-text": [Function],
"radio": [Function],
"select": [Function],
"slider": [Function],
"sub-form": [Function],
"switch": [Function],
"tabs": [Function],
"text-field": [Function],
"textarea": [Function],
"time-picker": [Function],
"tree-selector": [Function],
"tree-view": [Function],
"validate-credentials": [Function],
"wizard": [Function],
}
}
disableSubmit={
Array [
"pristine",
]
}
dispatch={[Function]}
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
],
}
}
showFormControls={true}
>
<FormRenderer
FormTemplate={[Function]}
clearOnUnmount={false}
componentMapper={
Object {
"checkbox": [Function],
"code-editor": [Function],
"date-picker": [Function],
"dual-list-select": [Function],
"edit-password-field": [Function],
"field-array": [Function],
"file-upload": [Function],
"font-icon-picker": [Function],
"font-icon-picker-ddf": [Function],
"multi-select": [Function],
"password-field": [Function],
"plain-text": [Function],
"radio": [Function],
"select": [Function],
"slider": [Function],
"spy-field": [Function],
"sub-form": [Function],
"switch": [Function],
"tabs": [Function],
"text-field": [Function],
"textarea": [Function],
"time-picker": [Function],
"tree-selector": [Function],
"tree-view": [Function],
"validate-credentials": [Function],
"wizard": [Function],
}
}
dispatch={[Function]}
initialValues={Object {}}
onCancel={[Function]}
onReset={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
>
<ReactFinalForm
decorators={
Array [
[Function],
]
}
dispatch={[Function]}
initialValues={Object {}}
mutators={
Object {
"concat": [Function],
"insert": [Function],
"move": [Function],
"pop": [Function],
"push": [Function],
"remove": [Function],
"removeBatch": [Function],
"shift": [Function],
"swap": [Function],
"unshift": [Function],
"update": [Function],
}
}
onSubmit={[Function]}
render={[Function]}
subscription={
Object {
"pristine": true,
"submitting": true,
"valid": true,
}
}
>
<Component
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
>
<WrappedFormTemplate
canReset={false}
cancelLabel="Cancel"
disableSubmit={
Array [
"pristine",
]
}
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formWrapperProps={
Object {
"className": "form-react",
}
}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
showFormControls={true}
submitLabel="Add"
>
<FormTemplate
Button={[Function]}
ButtonGroup={[Function]}
Description={[Function]}
FormWrapper={[Function]}
Header={[Function]}
Title={[Function]}
buttonOrder={
Array [
"submit",
"reset",
"cancel",
]
}
canReset={false}
cancelLabel="Cancel"
disableSubmit={
Array [
"pristine",
]
}
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formWrapperProps={
Object {
"className": "form-react",
}
}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
showFormControls={true}
submitLabel="Add"
>
<Form
className="form-react"
onSubmit={[Function]}
>
<Form
className="form-0-2-3 form-react"
noValidate={true}
onSubmit={[Function]}
>
<form
className="bx--form form-0-2-3 form-react"
noValidate={true}
onSubmit={[Function]}
>
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
]
}
id="basic-information"
key="basic-information"
name="basic-information"
title="Basic Information"
>
<FormConditionWrapper
field={
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SubForm
DescriptionElement="p"
TitleElement="h3"
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
>
<div
className=""
id="basic-information"
name="basic-information"
>
<div>
<h3>
Basic Information
</h3>
</div>
<SingleField
component="text-field"
id="name"
isRequired={true}
key="name"
label="Name"
maxLength={255}
name="name"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<TextField
component="text-field"
id="name"
isRequired={true}
label="Name"
maxLength={255}
name="name"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<TextInput
id="name"
invalid={false}
invalidText=""
key="name"
labelText={
<IsRequired>
Name
</IsRequired>
}
maxLength={255}
name="name"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value=""
warn={false}
warnText=""
>
<div
className="bx--form-item bx--text-input-wrapper"
>
<label
className="bx--label"
htmlFor="name"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Name
</IsRequired>
</label>
<div
className="bx--text-input__field-outer-wrapper"
>
<div
className="bx--text-input__field-wrapper"
data-invalid={null}
>
<input
className="bx--text-input bx--text-input--md"
disabled={false}
id="name"
maxLength={255}
name="name"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
type="text"
value=""
/>
</div>
</div>
</div>
</TextInput>
</TextField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="text-field"
id="description"
key="description"
label="Description"
maxLength={100}
name="description"
>
<FormConditionWrapper
field={
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<TextField
component="text-field"
id="description"
label="Description"
maxLength={100}
name="description"
>
<TextInput
id="description"
invalid={false}
invalidText=""
key="description"
labelText="Description"
maxLength={100}
name="description"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value=""
warn={false}
warnText=""
>
<div
className="bx--form-item bx--text-input-wrapper"
>
<label
className="bx--label"
htmlFor="description"
>
Description
</label>
<div
className="bx--text-input__field-outer-wrapper"
>
<div
className="bx--text-input__field-wrapper"
data-invalid={null}
>
<input
className="bx--text-input bx--text-input--md"
disabled={false}
id="description"
maxLength={100}
name="description"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
type="text"
value=""
/>
</div>
</div>
</div>
</TextInput>
</TextField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="select"
id="pxe_image_type_id"
includeEmpty={true}
isRequired={true}
key="pxe_image_type_id"
label="Image Type"
loadOptions={[Function]}
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SelectWithOnChange
component="select"
id="pxe_image_type_id"
includeEmpty={true}
isRequired={true}
label="Image Type"
loadOptions={[Function]}
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
component="select"
id="pxe_image_type_id"
isRequired={true}
label="Image Type"
loadOptions={[Function]}
loadingMessage="Loading..."
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
SelectComponent={[Function]}
id="pxe_image_type_id"
invalidText=""
labelText={
<IsRequired>
Image Type
</IsRequired>
}
loadOptions={[Function]}
loadOptionsChangeCounter={1}
loadingMessage="Loading..."
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
placeholder="<Choose>"
simpleValue={false}
value=""
>
<ClearedSelect
className=""
closeMenuOnSelect={true}
hideSelectedOptions={false}
id="pxe_image_type_id"
invalidText=""
isClearable={false}
isFetching={false}
isSearchable={false}
labelText={
<IsRequired>
Image Type
</IsRequired>
}
name="pxe_image_type_id"
noOptionsMessage={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onInputChange={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "pxe-image-type1",
"value": "1",
},
Object {
"label": "pxe-image-type2",
"value": "2",
},
]
}
placeholder="<Choose>"
value=""
>
<Select
className=""
disabled={false}
helperText=""
id="pxe_image_type_id"
inline={false}
invalid={false}
invalidText=""
labelText={
<IsRequired>
Image Type
</IsRequired>
}
light={false}
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value=""
>
<div
className="bx--form-item"
>
<div
className="bx--select"
>
<label
className="bx--label"
htmlFor="pxe_image_type_id"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Image Type
</IsRequired>
</label>
<div
className="bx--select-input__wrapper"
data-invalid={null}
>
<select
className="bx--select-input"
id="pxe_image_type_id"
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value=""
>
<SelectItem
disabled={false}
hidden={false}
key="0"
label="<Choose>"
text="<Choose>"
value=""
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="<Choose>"
value=""
>
<Choose>
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="1"
label="pxe-image-type1"
text="pxe-image-type1"
value="1"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="pxe-image-type1"
value="1"
>
pxe-image-type1
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="2"
label="pxe-image-type2"
text="pxe-image-type2"
value="2"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="pxe-image-type2"
value="2"
>
pxe-image-type2
</option>
</SelectItem>
</select>
<ForwardRef(ChevronDown16)
className="bx--select__arrow"
>
<Icon
className="bx--select__arrow"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--select__arrow"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
/>
</svg>
</Icon>
</ForwardRef(ChevronDown16)>
</div>
</div>
</div>
</Select>
</ClearedSelect>
</Select>
</Select>
</SelectWithOnChange>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="select"
id="type"
includeEmpty={true}
isRequired={true}
key="type"
label="Type"
name="type"
options={
Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SelectWithOnChange
component="select"
id="type"
includeEmpty={true}
isRequired={true}
label="Type"
name="type"
options={
Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
component="select"
id="type"
isRequired={true}
label="Type"
loadingMessage="Loading..."
name="type"
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
SelectComponent={[Function]}
id="type"
invalidText=""
labelText={
<IsRequired>
Type
</IsRequired>
}
loadOptionsChangeCounter={1}
loadingMessage="Loading..."
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
simpleValue={false}
value=""
>
<ClearedSelect
className=""
closeMenuOnSelect={true}
hideSelectedOptions={false}
id="type"
invalidText=""
isClearable={false}
isFetching={false}
isSearchable={false}
labelText={
<IsRequired>
Type
</IsRequired>
}
name="type"
noOptionsMessage={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onInputChange={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
value=""
>
<Select
className=""
disabled={false}
helperText=""
id="type"
inline={false}
invalid={false}
invalidText=""
labelText={
<IsRequired>
Type
</IsRequired>
}
light={false}
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value=""
>
<div
className="bx--form-item"
>
<div
className="bx--select"
>
<label
className="bx--label"
htmlFor="type"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Type
</IsRequired>
</label>
<div
className="bx--select-input__wrapper"
data-invalid={null}
>
<select
className="bx--select-input"
id="type"
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value=""
>
<SelectItem
disabled={false}
hidden={false}
key="0"
label="<Choose>"
text="<Choose>"
value=""
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="<Choose>"
value=""
>
<Choose>
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateKickstart"
label="Kickstart"
text="Kickstart"
value="CustomizationTemplateKickstart"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="Kickstart"
value="CustomizationTemplateKickstart"
>
Kickstart
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateSysprep"
label="Sysprep"
text="Sysprep"
value="CustomizationTemplateSysprep"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="Sysprep"
value="CustomizationTemplateSysprep"
>
Sysprep
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateCloudInit"
label="CloudInit"
text="CloudInit"
value="CustomizationTemplateCloudInit"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="CloudInit"
value="CustomizationTemplateCloudInit"
>
CloudInit
</option>
</SelectItem>
</select>
<ForwardRef(ChevronDown16)
className="bx--select__arrow"
>
<Icon
className="bx--select__arrow"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--select__arrow"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
/>
</svg>
</Icon>
</ForwardRef(ChevronDown16)>
</div>
</div>
</div>
</Select>
</ClearedSelect>
</Select>
</Select>
</SelectWithOnChange>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="code-editor"
id="script"
key="script"
label="Script"
mode="xml"
name="script"
>
<FormConditionWrapper
field={
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<CodeEditor
component="code-editor"
id="script"
label="Script"
mode="xml"
modes={Array []}
name="script"
>
<FormGroup
hasMargin={true}
invalid={false}
legendText="Script"
message={false}
messageText=""
>
<fieldset
className="bx--fieldset"
>
<legend
className="bx--label"
>
Script
</legend>
<Controlled
className="miq-codemirror "
editorDidMount={[Function]}
id="script"
onBeforeChange={[Function]}
onChange={[Function]}
options={
Object {
"autoCloseBrackets": true,
"gutters": Array [
"CodeMirror-lint-markers",
],
"lineNumbers": true,
"lineWrapping": true,
"lint": true,
"mode": "xml",
"styleActiveLine": true,
"theme": "eclipse",
}
}
style={
Object {
"height": "auto",
}
}
value=""
>
<div
className="react-codemirror2 miq-codemirror "
/>
</Controlled>
<HelperTextBlock />
</fieldset>
</FormGroup>
</CodeEditor>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
</div>
</SubForm>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="spy-field"
key="spy-field"
name="spy-field"
>
<FormConditionWrapper
field={
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SpyField
component="spy-field"
name="spy-field"
>
<FormSpy
onChange={[Function]}
subscription={
Object {
"pristine": true,
"valid": true,
}
}
/>
</SpyField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<FormSpy>
<FormControls
Button={[Function]}
ButtonGroup={[Function]}
FormSpy={[Function]}
buttonOrder={
Array [
"submit",
"reset",
"cancel",
]
}
canReset={false}
cancelLabel="Cancel"
disableSubmit={true}
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formSpyProps={
Object {
"active": undefined,
"dirty": false,
"dirtyFields": Object {},
"dirtyFieldsSinceLastSubmit": Object {},
"dirtySinceLastSubmit": false,
"error": undefined,
"errors": Object {
"name": "Required",
"pxe_image_type_id": "Required",
"type": "Required",
},
"form": Object {
"batch": [Function],
"blur": [Function],
"change": [Function],
"destroyOnUnregister": false,
"focus": [Function],
"getFieldState": [Function],
"getRegisteredFields": [Function],
"getState": [Function],
"initialize": [Function],
"isValidationPaused": [Function],
"mutators": Object {
"concat": [Function],
"insert": [Function],
"move": [Function],
"pop": [Function],
"push": [Function],
"remove": [Function],
"removeBatch": [Function],
"shift": [Function],
"swap": [Function],
"unshift": [Function],
"update": [Function],
},
"pauseValidation": [Function],
"registerField": [Function],
"reset": [Function],
"resetFieldState": [Function],
"restart": [Function],
"resumeValidation": [Function],
"setConfig": [Function],
"submit": [Function],
"subscribe": [Function],
},
"hasSubmitErrors": false,
"hasValidationErrors": true,
"initialValues": Object {},
"invalid": true,
"modified": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitErrors": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
"valid": false,
"validating": false,
"values": Object {},
"visited": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
}
}
onCancel={[Function]}
onReset={[Function]}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "xml",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
submitLabel="Add"
>
<ButtonGroup>
<ButtonSet
className=""
>
<div
className="bx--btn-set"
>
<Button
buttonType="submit"
disabled={true}
key="form-submit"
label="Add"
type="submit"
variant="primary"
>
<Button
disabled={true}
kind="primary"
type="submit"
variant="primary"
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--primary bx--btn--disabled"
disabled={true}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="submit"
variant="primary"
>
Add
</button>
</Button>
</Button>
<Button
buttonType="cancel"
key="form-cancel"
label="Cancel"
onClick={[Function]}
type="button"
>
<Button
kind="secondary"
onClick={[Function]}
type="button"
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--secondary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
Cancel
</button>
</Button>
</Button>
</div>
</ButtonSet>
</ButtonGroup>
</FormControls>
</FormSpy>
</form>
</Form>
</Form>
</FormTemplate>
</WrappedFormTemplate>
</Component>
</ReactFinalForm>
</FormRenderer>
</MiqFormRenderer>
</Connect(MiqFormRenderer)>
</PxeCustomizationTemplateForm>
</Provider>
`;
exports[`Pxe Customization Template Form Component should render copying a pxe customization template 1`] = `
<Provider
store={
Object {
"asyncReducers": Object {
"FormButtons": [Function],
"miqCustomTabReducer": [Function],
"notificationReducer": [Function],
},
"dispatch": [Function],
"getState": [Function],
"injectReducers": [Function],
"replaceReducer": [Function],
"subscribe": [Function],
Symbol(observable): [Function],
}
}
>
<PxeCustomizationTemplateForm
copy="1"
>
<Connect(MiqFormRenderer)
buttonsLabels={
Object {
"submitLabel": "Add",
}
}
canReset={false}
disableSubmit={
Array [
"invalid",
]
}
initialValues={
Object {
"description": "bar",
"name": "Copy of foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
}
}
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
],
}
}
>
<MiqFormRenderer
buttonsLabels={
Object {
"submitLabel": "Add",
}
}
canReset={false}
className="form-react"
componentMapper={
Object {
"checkbox": [Function],
"code-editor": [Function],
"date-picker": [Function],
"dual-list-select": [Function],
"edit-password-field": [Function],
"field-array": [Function],
"file-upload": [Function],
"font-icon-picker": [Function],
"font-icon-picker-ddf": [Function],
"multi-select": [Function],
"password-field": [Function],
"plain-text": [Function],
"radio": [Function],
"select": [Function],
"slider": [Function],
"sub-form": [Function],
"switch": [Function],
"tabs": [Function],
"text-field": [Function],
"textarea": [Function],
"time-picker": [Function],
"tree-selector": [Function],
"tree-view": [Function],
"validate-credentials": [Function],
"wizard": [Function],
}
}
disableSubmit={
Array [
"invalid",
]
}
dispatch={[Function]}
initialValues={
Object {
"description": "bar",
"name": "Copy of foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
}
}
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
],
}
}
showFormControls={true}
>
<FormRenderer
FormTemplate={[Function]}
clearOnUnmount={false}
componentMapper={
Object {
"checkbox": [Function],
"code-editor": [Function],
"date-picker": [Function],
"dual-list-select": [Function],
"edit-password-field": [Function],
"field-array": [Function],
"file-upload": [Function],
"font-icon-picker": [Function],
"font-icon-picker-ddf": [Function],
"multi-select": [Function],
"password-field": [Function],
"plain-text": [Function],
"radio": [Function],
"select": [Function],
"slider": [Function],
"spy-field": [Function],
"sub-form": [Function],
"switch": [Function],
"tabs": [Function],
"text-field": [Function],
"textarea": [Function],
"time-picker": [Function],
"tree-selector": [Function],
"tree-view": [Function],
"validate-credentials": [Function],
"wizard": [Function],
}
}
dispatch={[Function]}
initialValues={
Object {
"description": "bar",
"name": "Copy of foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
}
}
onCancel={[Function]}
onReset={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
>
<ReactFinalForm
decorators={
Array [
[Function],
]
}
dispatch={[Function]}
initialValues={
Object {
"description": "bar",
"name": "Copy of foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
}
}
mutators={
Object {
"concat": [Function],
"insert": [Function],
"move": [Function],
"pop": [Function],
"push": [Function],
"remove": [Function],
"removeBatch": [Function],
"shift": [Function],
"swap": [Function],
"unshift": [Function],
"update": [Function],
}
}
onSubmit={[Function]}
render={[Function]}
subscription={
Object {
"pristine": true,
"submitting": true,
"valid": true,
}
}
>
<Component
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
>
<WrappedFormTemplate
canReset={false}
cancelLabel="Cancel"
disableSubmit={
Array [
"invalid",
]
}
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formWrapperProps={
Object {
"className": "form-react",
}
}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
showFormControls={true}
submitLabel="Add"
>
<FormTemplate
Button={[Function]}
ButtonGroup={[Function]}
Description={[Function]}
FormWrapper={[Function]}
Header={[Function]}
Title={[Function]}
buttonOrder={
Array [
"submit",
"reset",
"cancel",
]
}
canReset={false}
cancelLabel="Cancel"
disableSubmit={
Array [
"invalid",
]
}
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formWrapperProps={
Object {
"className": "form-react",
}
}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
showFormControls={true}
submitLabel="Add"
>
<Form
className="form-react"
onSubmit={[Function]}
>
<Form
className="form-0-2-3 form-react"
noValidate={true}
onSubmit={[Function]}
>
<form
className="bx--form form-0-2-3 form-react"
noValidate={true}
onSubmit={[Function]}
>
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
key="basic-information"
name="basic-information"
title="Basic Information"
>
<FormConditionWrapper
field={
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SubForm
DescriptionElement="p"
TitleElement="h3"
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
>
<div
className=""
id="basic-information"
name="basic-information"
>
<div>
<h3>
Basic Information
</h3>
</div>
<SingleField
component="text-field"
id="name"
isRequired={true}
key="name"
label="Name"
maxLength={255}
name="name"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<TextField
component="text-field"
id="name"
isRequired={true}
label="Name"
maxLength={255}
name="name"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<TextInput
id="name"
invalid={false}
invalidText=""
key="name"
labelText={
<IsRequired>
Name
</IsRequired>
}
maxLength={255}
name="name"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="Copy of foo"
warn={false}
warnText=""
>
<div
className="bx--form-item bx--text-input-wrapper"
>
<label
className="bx--label"
htmlFor="name"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Name
</IsRequired>
</label>
<div
className="bx--text-input__field-outer-wrapper"
>
<div
className="bx--text-input__field-wrapper"
data-invalid={null}
>
<input
className="bx--text-input bx--text-input--md"
disabled={false}
id="name"
maxLength={255}
name="name"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
type="text"
value="Copy of foo"
/>
</div>
</div>
</div>
</TextInput>
</TextField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="text-field"
id="description"
key="description"
label="Description"
maxLength={100}
name="description"
>
<FormConditionWrapper
field={
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<TextField
component="text-field"
id="description"
label="Description"
maxLength={100}
name="description"
>
<TextInput
id="description"
invalid={false}
invalidText=""
key="description"
labelText="Description"
maxLength={100}
name="description"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="bar"
warn={false}
warnText=""
>
<div
className="bx--form-item bx--text-input-wrapper"
>
<label
className="bx--label"
htmlFor="description"
>
Description
</label>
<div
className="bx--text-input__field-outer-wrapper"
>
<div
className="bx--text-input__field-wrapper"
data-invalid={null}
>
<input
className="bx--text-input bx--text-input--md"
disabled={false}
id="description"
maxLength={100}
name="description"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
type="text"
value="bar"
/>
</div>
</div>
</div>
</TextInput>
</TextField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="select"
id="pxe_image_type_id"
includeEmpty={true}
isRequired={true}
key="pxe_image_type_id"
label="Image Type"
loadOptions={[Function]}
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SelectWithOnChange
component="select"
id="pxe_image_type_id"
includeEmpty={true}
isRequired={true}
label="Image Type"
loadOptions={[Function]}
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
component="select"
id="pxe_image_type_id"
isRequired={true}
label="Image Type"
loadOptions={[Function]}
loadingMessage="Loading..."
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
SelectComponent={[Function]}
id="pxe_image_type_id"
invalidText=""
labelText={
<IsRequired>
Image Type
</IsRequired>
}
loadOptions={[Function]}
loadOptionsChangeCounter={1}
loadingMessage="Loading..."
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
placeholder="<Choose>"
simpleValue={false}
value="1"
>
<ClearedSelect
className=""
closeMenuOnSelect={true}
hideSelectedOptions={false}
id="pxe_image_type_id"
invalidText=""
isClearable={false}
isFetching={false}
isSearchable={false}
labelText={
<IsRequired>
Image Type
</IsRequired>
}
name="pxe_image_type_id"
noOptionsMessage={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onInputChange={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "pxe-image-type1",
"value": "1",
},
Object {
"label": "pxe-image-type2",
"value": "2",
},
]
}
placeholder="<Choose>"
value="1"
>
<Select
className=""
disabled={false}
helperText=""
id="pxe_image_type_id"
inline={false}
invalid={false}
invalidText=""
labelText={
<IsRequired>
Image Type
</IsRequired>
}
light={false}
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="1"
>
<div
className="bx--form-item"
>
<div
className="bx--select"
>
<label
className="bx--label"
htmlFor="pxe_image_type_id"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Image Type
</IsRequired>
</label>
<div
className="bx--select-input__wrapper"
data-invalid={null}
>
<select
className="bx--select-input"
id="pxe_image_type_id"
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="1"
>
<SelectItem
disabled={false}
hidden={false}
key="0"
label="<Choose>"
text="<Choose>"
value=""
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="<Choose>"
value=""
>
<Choose>
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="1"
label="pxe-image-type1"
text="pxe-image-type1"
value="1"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="pxe-image-type1"
value="1"
>
pxe-image-type1
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="2"
label="pxe-image-type2"
text="pxe-image-type2"
value="2"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="pxe-image-type2"
value="2"
>
pxe-image-type2
</option>
</SelectItem>
</select>
<ForwardRef(ChevronDown16)
className="bx--select__arrow"
>
<Icon
className="bx--select__arrow"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--select__arrow"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
/>
</svg>
</Icon>
</ForwardRef(ChevronDown16)>
</div>
</div>
</div>
</Select>
</ClearedSelect>
</Select>
</Select>
</SelectWithOnChange>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="select"
id="type"
includeEmpty={true}
isRequired={true}
key="type"
label="Type"
name="type"
options={
Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SelectWithOnChange
component="select"
id="type"
includeEmpty={true}
isRequired={true}
label="Type"
name="type"
options={
Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
component="select"
id="type"
isRequired={true}
label="Type"
loadingMessage="Loading..."
name="type"
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
SelectComponent={[Function]}
id="type"
invalidText=""
labelText={
<IsRequired>
Type
</IsRequired>
}
loadOptionsChangeCounter={1}
loadingMessage="Loading..."
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
simpleValue={false}
value="CustomizationTemplateKickstart"
>
<ClearedSelect
className=""
closeMenuOnSelect={true}
hideSelectedOptions={false}
id="type"
invalidText=""
isClearable={false}
isFetching={false}
isSearchable={false}
labelText={
<IsRequired>
Type
</IsRequired>
}
name="type"
noOptionsMessage={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onInputChange={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
value="CustomizationTemplateKickstart"
>
<Select
className=""
disabled={false}
helperText=""
id="type"
inline={false}
invalid={false}
invalidText=""
labelText={
<IsRequired>
Type
</IsRequired>
}
light={false}
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="CustomizationTemplateKickstart"
>
<div
className="bx--form-item"
>
<div
className="bx--select"
>
<label
className="bx--label"
htmlFor="type"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Type
</IsRequired>
</label>
<div
className="bx--select-input__wrapper"
data-invalid={null}
>
<select
className="bx--select-input"
id="type"
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="CustomizationTemplateKickstart"
>
<SelectItem
disabled={false}
hidden={false}
key="0"
label="<Choose>"
text="<Choose>"
value=""
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="<Choose>"
value=""
>
<Choose>
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateKickstart"
label="Kickstart"
text="Kickstart"
value="CustomizationTemplateKickstart"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="Kickstart"
value="CustomizationTemplateKickstart"
>
Kickstart
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateSysprep"
label="Sysprep"
text="Sysprep"
value="CustomizationTemplateSysprep"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="Sysprep"
value="CustomizationTemplateSysprep"
>
Sysprep
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateCloudInit"
label="CloudInit"
text="CloudInit"
value="CustomizationTemplateCloudInit"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="CloudInit"
value="CustomizationTemplateCloudInit"
>
CloudInit
</option>
</SelectItem>
</select>
<ForwardRef(ChevronDown16)
className="bx--select__arrow"
>
<Icon
className="bx--select__arrow"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--select__arrow"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
/>
</svg>
</Icon>
</ForwardRef(ChevronDown16)>
</div>
</div>
</div>
</Select>
</ClearedSelect>
</Select>
</Select>
</SelectWithOnChange>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="code-editor"
id="script"
key="script"
label="Script"
mode="shell"
name="script"
>
<FormConditionWrapper
field={
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<CodeEditor
component="code-editor"
id="script"
label="Script"
mode="shell"
modes={Array []}
name="script"
>
<FormGroup
hasMargin={true}
invalid={false}
legendText="Script"
message={false}
messageText=""
>
<fieldset
className="bx--fieldset"
>
<legend
className="bx--label"
>
Script
</legend>
<Controlled
className="miq-codemirror "
editorDidMount={[Function]}
id="script"
onBeforeChange={[Function]}
onChange={[Function]}
options={
Object {
"autoCloseBrackets": true,
"gutters": Array [
"CodeMirror-lint-markers",
],
"lineNumbers": true,
"lineWrapping": true,
"lint": true,
"mode": "xml",
"styleActiveLine": true,
"theme": "eclipse",
}
}
style={
Object {
"height": "auto",
}
}
value="write script here"
>
<div
className="react-codemirror2 miq-codemirror "
/>
</Controlled>
<HelperTextBlock />
</fieldset>
</FormGroup>
</CodeEditor>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
</div>
</SubForm>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="spy-field"
key="spy-field"
name="spy-field"
>
<FormConditionWrapper
field={
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SpyField
component="spy-field"
name="spy-field"
>
<FormSpy
onChange={[Function]}
subscription={
Object {
"pristine": true,
"valid": true,
}
}
/>
</SpyField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<FormSpy>
<FormControls
Button={[Function]}
ButtonGroup={[Function]}
FormSpy={[Function]}
buttonOrder={
Array [
"submit",
"reset",
"cancel",
]
}
canReset={false}
cancelLabel="Cancel"
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formSpyProps={
Object {
"active": undefined,
"dirty": false,
"dirtyFields": Object {},
"dirtyFieldsSinceLastSubmit": Object {
"description": true,
"name": true,
"pxe_image_type_id": true,
"script": true,
"type": true,
},
"dirtySinceLastSubmit": false,
"error": undefined,
"errors": Object {},
"form": Object {
"batch": [Function],
"blur": [Function],
"change": [Function],
"destroyOnUnregister": false,
"focus": [Function],
"getFieldState": [Function],
"getRegisteredFields": [Function],
"getState": [Function],
"initialize": [Function],
"isValidationPaused": [Function],
"mutators": Object {
"concat": [Function],
"insert": [Function],
"move": [Function],
"pop": [Function],
"push": [Function],
"remove": [Function],
"removeBatch": [Function],
"shift": [Function],
"swap": [Function],
"unshift": [Function],
"update": [Function],
},
"pauseValidation": [Function],
"registerField": [Function],
"reset": [Function],
"resetFieldState": [Function],
"restart": [Function],
"resumeValidation": [Function],
"setConfig": [Function],
"submit": [Function],
"subscribe": [Function],
},
"hasSubmitErrors": false,
"hasValidationErrors": false,
"initialValues": Object {
"description": "bar",
"name": "Copy of foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
},
"invalid": false,
"modified": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitErrors": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
"valid": true,
"validating": false,
"values": Object {
"description": "bar",
"name": "Copy of foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
},
"visited": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
}
}
onCancel={[Function]}
onReset={[Function]}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
submitLabel="Add"
>
<ButtonGroup>
<ButtonSet
className=""
>
<div
className="bx--btn-set"
>
<Button
buttonType="submit"
key="form-submit"
label="Add"
type="submit"
variant="primary"
>
<Button
kind="primary"
type="submit"
variant="primary"
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--primary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="submit"
variant="primary"
>
Add
</button>
</Button>
</Button>
<Button
buttonType="cancel"
key="form-cancel"
label="Cancel"
onClick={[Function]}
type="button"
>
<Button
kind="secondary"
onClick={[Function]}
type="button"
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--secondary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
Cancel
</button>
</Button>
</Button>
</div>
</ButtonSet>
</ButtonGroup>
</FormControls>
</FormSpy>
</form>
</Form>
</Form>
</FormTemplate>
</WrappedFormTemplate>
</Component>
</ReactFinalForm>
</FormRenderer>
</MiqFormRenderer>
</Connect(MiqFormRenderer)>
</PxeCustomizationTemplateForm>
</Provider>
`;
exports[`Pxe Customization Template Form Component should render editing a pxe customization template 1`] = `
<Provider
store={
Object {
"asyncReducers": Object {
"FormButtons": [Function],
"miqCustomTabReducer": [Function],
"notificationReducer": [Function],
},
"dispatch": [Function],
"getState": [Function],
"injectReducers": [Function],
"replaceReducer": [Function],
"subscribe": [Function],
Symbol(observable): [Function],
}
}
>
<PxeCustomizationTemplateForm
recordId="1"
>
<Connect(MiqFormRenderer)
buttonsLabels={
Object {
"submitLabel": "Save",
}
}
canReset={true}
disableSubmit={
Array [
"pristine",
]
}
initialValues={
Object {
"description": "bar",
"name": "foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
}
}
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
],
}
}
>
<MiqFormRenderer
buttonsLabels={
Object {
"submitLabel": "Save",
}
}
canReset={true}
className="form-react"
componentMapper={
Object {
"checkbox": [Function],
"code-editor": [Function],
"date-picker": [Function],
"dual-list-select": [Function],
"edit-password-field": [Function],
"field-array": [Function],
"file-upload": [Function],
"font-icon-picker": [Function],
"font-icon-picker-ddf": [Function],
"multi-select": [Function],
"password-field": [Function],
"plain-text": [Function],
"radio": [Function],
"select": [Function],
"slider": [Function],
"sub-form": [Function],
"switch": [Function],
"tabs": [Function],
"text-field": [Function],
"textarea": [Function],
"time-picker": [Function],
"tree-selector": [Function],
"tree-view": [Function],
"validate-credentials": [Function],
"wizard": [Function],
}
}
disableSubmit={
Array [
"pristine",
]
}
dispatch={[Function]}
initialValues={
Object {
"description": "bar",
"name": "foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
}
}
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
],
}
}
showFormControls={true}
>
<FormRenderer
FormTemplate={[Function]}
clearOnUnmount={false}
componentMapper={
Object {
"checkbox": [Function],
"code-editor": [Function],
"date-picker": [Function],
"dual-list-select": [Function],
"edit-password-field": [Function],
"field-array": [Function],
"file-upload": [Function],
"font-icon-picker": [Function],
"font-icon-picker-ddf": [Function],
"multi-select": [Function],
"password-field": [Function],
"plain-text": [Function],
"radio": [Function],
"select": [Function],
"slider": [Function],
"spy-field": [Function],
"sub-form": [Function],
"switch": [Function],
"tabs": [Function],
"text-field": [Function],
"textarea": [Function],
"time-picker": [Function],
"tree-selector": [Function],
"tree-view": [Function],
"validate-credentials": [Function],
"wizard": [Function],
}
}
dispatch={[Function]}
initialValues={
Object {
"description": "bar",
"name": "foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
}
}
onCancel={[Function]}
onReset={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
>
<ReactFinalForm
decorators={
Array [
[Function],
]
}
dispatch={[Function]}
initialValues={
Object {
"description": "bar",
"name": "foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
}
}
mutators={
Object {
"concat": [Function],
"insert": [Function],
"move": [Function],
"pop": [Function],
"push": [Function],
"remove": [Function],
"removeBatch": [Function],
"shift": [Function],
"swap": [Function],
"unshift": [Function],
"update": [Function],
}
}
onSubmit={[Function]}
render={[Function]}
subscription={
Object {
"pristine": true,
"submitting": true,
"valid": true,
}
}
>
<Component
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
>
<WrappedFormTemplate
canReset={true}
cancelLabel="Cancel"
disableSubmit={
Array [
"pristine",
]
}
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formWrapperProps={
Object {
"className": "form-react",
}
}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
showFormControls={true}
submitLabel="Save"
>
<FormTemplate
Button={[Function]}
ButtonGroup={[Function]}
Description={[Function]}
FormWrapper={[Function]}
Header={[Function]}
Title={[Function]}
buttonOrder={
Array [
"submit",
"reset",
"cancel",
]
}
canReset={true}
cancelLabel="Cancel"
disableSubmit={
Array [
"pristine",
]
}
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formWrapperProps={
Object {
"className": "form-react",
}
}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
showFormControls={true}
submitLabel="Save"
>
<Form
className="form-react"
onSubmit={[Function]}
>
<Form
className="form-0-2-3 form-react"
noValidate={true}
onSubmit={[Function]}
>
<form
className="bx--form form-0-2-3 form-react"
noValidate={true}
onSubmit={[Function]}
>
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
key="basic-information"
name="basic-information"
title="Basic Information"
>
<FormConditionWrapper
field={
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SubForm
DescriptionElement="p"
TitleElement="h3"
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
>
<div
className=""
id="basic-information"
name="basic-information"
>
<div>
<h3>
Basic Information
</h3>
</div>
<SingleField
component="text-field"
id="name"
isRequired={true}
key="name"
label="Name"
maxLength={255}
name="name"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<TextField
component="text-field"
id="name"
isRequired={true}
label="Name"
maxLength={255}
name="name"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<TextInput
id="name"
invalid={false}
invalidText=""
key="name"
labelText={
<IsRequired>
Name
</IsRequired>
}
maxLength={255}
name="name"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="foo"
warn={false}
warnText=""
>
<div
className="bx--form-item bx--text-input-wrapper"
>
<label
className="bx--label"
htmlFor="name"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Name
</IsRequired>
</label>
<div
className="bx--text-input__field-outer-wrapper"
>
<div
className="bx--text-input__field-wrapper"
data-invalid={null}
>
<input
className="bx--text-input bx--text-input--md"
disabled={false}
id="name"
maxLength={255}
name="name"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
type="text"
value="foo"
/>
</div>
</div>
</div>
</TextInput>
</TextField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="text-field"
id="description"
key="description"
label="Description"
maxLength={100}
name="description"
>
<FormConditionWrapper
field={
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<TextField
component="text-field"
id="description"
label="Description"
maxLength={100}
name="description"
>
<TextInput
id="description"
invalid={false}
invalidText=""
key="description"
labelText="Description"
maxLength={100}
name="description"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="bar"
warn={false}
warnText=""
>
<div
className="bx--form-item bx--text-input-wrapper"
>
<label
className="bx--label"
htmlFor="description"
>
Description
</label>
<div
className="bx--text-input__field-outer-wrapper"
>
<div
className="bx--text-input__field-wrapper"
data-invalid={null}
>
<input
className="bx--text-input bx--text-input--md"
disabled={false}
id="description"
maxLength={100}
name="description"
onBlur={[Function]}
onChange={[Function]}
onClick={[Function]}
onFocus={[Function]}
type="text"
value="bar"
/>
</div>
</div>
</div>
</TextInput>
</TextField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="select"
id="pxe_image_type_id"
includeEmpty={true}
isRequired={true}
key="pxe_image_type_id"
label="Image Type"
loadOptions={[Function]}
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SelectWithOnChange
component="select"
id="pxe_image_type_id"
includeEmpty={true}
isRequired={true}
label="Image Type"
loadOptions={[Function]}
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
component="select"
id="pxe_image_type_id"
isRequired={true}
label="Image Type"
loadOptions={[Function]}
loadingMessage="Loading..."
name="pxe_image_type_id"
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
SelectComponent={[Function]}
id="pxe_image_type_id"
invalidText=""
labelText={
<IsRequired>
Image Type
</IsRequired>
}
loadOptions={[Function]}
loadOptionsChangeCounter={1}
loadingMessage="Loading..."
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
placeholder="<Choose>"
simpleValue={false}
value="1"
>
<ClearedSelect
className=""
closeMenuOnSelect={true}
hideSelectedOptions={false}
id="pxe_image_type_id"
invalidText=""
isClearable={false}
isFetching={false}
isSearchable={false}
labelText={
<IsRequired>
Image Type
</IsRequired>
}
name="pxe_image_type_id"
noOptionsMessage={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onInputChange={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "pxe-image-type1",
"value": "1",
},
Object {
"label": "pxe-image-type2",
"value": "2",
},
]
}
placeholder="<Choose>"
value="1"
>
<Select
className=""
disabled={false}
helperText=""
id="pxe_image_type_id"
inline={false}
invalid={false}
invalidText=""
labelText={
<IsRequired>
Image Type
</IsRequired>
}
light={false}
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="1"
>
<div
className="bx--form-item"
>
<div
className="bx--select"
>
<label
className="bx--label"
htmlFor="pxe_image_type_id"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Image Type
</IsRequired>
</label>
<div
className="bx--select-input__wrapper"
data-invalid={null}
>
<select
className="bx--select-input"
id="pxe_image_type_id"
name="pxe_image_type_id"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="1"
>
<SelectItem
disabled={false}
hidden={false}
key="0"
label="<Choose>"
text="<Choose>"
value=""
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="<Choose>"
value=""
>
<Choose>
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="1"
label="pxe-image-type1"
text="pxe-image-type1"
value="1"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="pxe-image-type1"
value="1"
>
pxe-image-type1
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="2"
label="pxe-image-type2"
text="pxe-image-type2"
value="2"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="pxe-image-type2"
value="2"
>
pxe-image-type2
</option>
</SelectItem>
</select>
<ForwardRef(ChevronDown16)
className="bx--select__arrow"
>
<Icon
className="bx--select__arrow"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--select__arrow"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
/>
</svg>
</Icon>
</ForwardRef(ChevronDown16)>
</div>
</div>
</div>
</Select>
</ClearedSelect>
</Select>
</Select>
</SelectWithOnChange>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="select"
id="type"
includeEmpty={true}
isRequired={true}
key="type"
label="Type"
name="type"
options={
Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SelectWithOnChange
component="select"
id="type"
includeEmpty={true}
isRequired={true}
label="Type"
name="type"
options={
Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
component="select"
id="type"
isRequired={true}
label="Type"
loadingMessage="Loading..."
name="type"
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Select
SelectComponent={[Function]}
id="type"
invalidText=""
labelText={
<IsRequired>
Type
</IsRequired>
}
loadOptionsChangeCounter={1}
loadingMessage="Loading..."
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
simpleValue={false}
value="CustomizationTemplateKickstart"
>
<ClearedSelect
className=""
closeMenuOnSelect={true}
hideSelectedOptions={false}
id="type"
invalidText=""
isClearable={false}
isFetching={false}
isSearchable={false}
labelText={
<IsRequired>
Type
</IsRequired>
}
name="type"
noOptionsMessage={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onInputChange={[Function]}
options={
Array [
Object {
"label": "<Choose>",
"value": undefined,
},
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
]
}
placeholder="<Choose>"
value="CustomizationTemplateKickstart"
>
<Select
className=""
disabled={false}
helperText=""
id="type"
inline={false}
invalid={false}
invalidText=""
labelText={
<IsRequired>
Type
</IsRequired>
}
light={false}
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="CustomizationTemplateKickstart"
>
<div
className="bx--form-item"
>
<div
className="bx--select"
>
<label
className="bx--label"
htmlFor="type"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-5"
>
*
</span>
Type
</IsRequired>
</label>
<div
className="bx--select-input__wrapper"
data-invalid={null}
>
<select
className="bx--select-input"
id="type"
name="type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="CustomizationTemplateKickstart"
>
<SelectItem
disabled={false}
hidden={false}
key="0"
label="<Choose>"
text="<Choose>"
value=""
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="<Choose>"
value=""
>
<Choose>
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateKickstart"
label="Kickstart"
text="Kickstart"
value="CustomizationTemplateKickstart"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="Kickstart"
value="CustomizationTemplateKickstart"
>
Kickstart
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateSysprep"
label="Sysprep"
text="Sysprep"
value="CustomizationTemplateSysprep"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="Sysprep"
value="CustomizationTemplateSysprep"
>
Sysprep
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="CustomizationTemplateCloudInit"
label="CloudInit"
text="CloudInit"
value="CustomizationTemplateCloudInit"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="CloudInit"
value="CustomizationTemplateCloudInit"
>
CloudInit
</option>
</SelectItem>
</select>
<ForwardRef(ChevronDown16)
className="bx--select__arrow"
>
<Icon
className="bx--select__arrow"
fill="currentColor"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--select__arrow"
fill="currentColor"
focusable="false"
height={16}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
/>
</svg>
</Icon>
</ForwardRef(ChevronDown16)>
</div>
</div>
</div>
</Select>
</ClearedSelect>
</Select>
</Select>
</SelectWithOnChange>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="code-editor"
id="script"
key="script"
label="Script"
mode="shell"
name="script"
>
<FormConditionWrapper
field={
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<CodeEditor
component="code-editor"
id="script"
label="Script"
mode="shell"
modes={Array []}
name="script"
>
<FormGroup
hasMargin={true}
invalid={false}
legendText="Script"
message={false}
messageText=""
>
<fieldset
className="bx--fieldset"
>
<legend
className="bx--label"
>
Script
</legend>
<Controlled
className="miq-codemirror "
editorDidMount={[Function]}
id="script"
onBeforeChange={[Function]}
onChange={[Function]}
options={
Object {
"autoCloseBrackets": true,
"gutters": Array [
"CodeMirror-lint-markers",
],
"lineNumbers": true,
"lineWrapping": true,
"lint": true,
"mode": "shell",
"styleActiveLine": true,
"theme": "eclipse",
}
}
style={
Object {
"height": "auto",
}
}
value="write script here"
>
<div
className="react-codemirror2 miq-codemirror "
/>
</Controlled>
<HelperTextBlock />
</fieldset>
</FormGroup>
</CodeEditor>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
</div>
</SubForm>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="spy-field"
key="spy-field"
name="spy-field"
>
<FormConditionWrapper
field={
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SpyField
component="spy-field"
name="spy-field"
>
<FormSpy
onChange={[Function]}
subscription={
Object {
"pristine": true,
"valid": true,
}
}
/>
</SpyField>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<FormSpy>
<FormControls
Button={[Function]}
ButtonGroup={[Function]}
FormSpy={[Function]}
buttonOrder={
Array [
"submit",
"reset",
"cancel",
]
}
canReset={true}
cancelLabel="Cancel"
disableSubmit={true}
formFields={
Array [
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
]
}
id="basic-information"
name="basic-information"
title="Basic Information"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formSpyProps={
Object {
"active": undefined,
"dirty": false,
"dirtyFields": Object {},
"dirtyFieldsSinceLastSubmit": Object {
"description": true,
"name": true,
"pxe_image_type_id": true,
"script": true,
"type": true,
},
"dirtySinceLastSubmit": false,
"error": undefined,
"errors": Object {},
"form": Object {
"batch": [Function],
"blur": [Function],
"change": [Function],
"destroyOnUnregister": false,
"focus": [Function],
"getFieldState": [Function],
"getRegisteredFields": [Function],
"getState": [Function],
"initialize": [Function],
"isValidationPaused": [Function],
"mutators": Object {
"concat": [Function],
"insert": [Function],
"move": [Function],
"pop": [Function],
"push": [Function],
"remove": [Function],
"removeBatch": [Function],
"shift": [Function],
"swap": [Function],
"unshift": [Function],
"update": [Function],
},
"pauseValidation": [Function],
"registerField": [Function],
"reset": [Function],
"resetFieldState": [Function],
"restart": [Function],
"resumeValidation": [Function],
"setConfig": [Function],
"submit": [Function],
"subscribe": [Function],
},
"hasSubmitErrors": false,
"hasValidationErrors": false,
"initialValues": Object {
"description": "bar",
"name": "foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
},
"invalid": false,
"modified": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitErrors": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
"valid": true,
"validating": false,
"values": Object {
"description": "bar",
"name": "foo",
"pxe_image_type_id": "1",
"script": "write script here",
"type": "CustomizationTemplateKickstart",
},
"visited": Object {
"description": false,
"name": false,
"pxe_image_type_id": false,
"script": false,
"type": false,
},
}
}
onCancel={[Function]}
onReset={[Function]}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "text-field",
"id": "name",
"isRequired": true,
"label": "Name",
"maxLength": 255,
"name": "name",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "text-field",
"id": "description",
"label": "Description",
"maxLength": 100,
"name": "description",
},
Object {
"component": "select",
"id": "pxe_image_type_id",
"includeEmpty": true,
"isRequired": true,
"label": "Image Type",
"loadOptions": [Function],
"name": "pxe_image_type_id",
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "type",
"includeEmpty": true,
"isRequired": true,
"label": "Type",
"name": "type",
"options": Array [
Object {
"label": "Kickstart",
"value": "CustomizationTemplateKickstart",
},
Object {
"label": "Sysprep",
"value": "CustomizationTemplateSysprep",
},
Object {
"label": "CloudInit",
"value": "CustomizationTemplateCloudInit",
},
],
"placeholder": "<Choose>",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "code-editor",
"id": "script",
"label": "Script",
"mode": "shell",
"name": "script",
},
],
"id": "basic-information",
"name": "basic-information",
"title": "Basic Information",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
submitLabel="Save"
>
<ButtonGroup>
<ButtonSet
className=""
>
<div
className="bx--btn-set"
>
<Button
buttonType="submit"
disabled={true}
key="form-submit"
label="Save"
type="submit"
variant="primary"
>
<Button
disabled={true}
kind="primary"
type="submit"
variant="primary"
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--primary bx--btn--disabled"
disabled={true}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="submit"
variant="primary"
>
Save
</button>
</Button>
</Button>
<Button
buttonType="reset"
disabled={true}
key="form-reset"
label="Reset"
onClick={[Function]}
type="button"
>
<Button
disabled={true}
kind="secondary"
onClick={[Function]}
type="button"
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--secondary bx--btn--disabled"
disabled={true}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
Reset
</button>
</Button>
</Button>
<Button
buttonType="cancel"
key="form-cancel"
label="Cancel"
onClick={[Function]}
type="button"
>
<Button
kind="secondary"
onClick={[Function]}
type="button"
>
<button
aria-describedby={null}
aria-pressed={null}
className="bx--btn bx--btn--secondary"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
tabIndex={0}
type="button"
>
Cancel
</button>
</Button>
</Button>
</div>
</ButtonSet>
</ButtonGroup>
</FormControls>
</FormSpy>
</form>
</Form>
</Form>
</FormTemplate>
</WrappedFormTemplate>
</Component>
</ReactFinalForm>
</FormRenderer>
</MiqFormRenderer>
</Connect(MiqFormRenderer)>
</PxeCustomizationTemplateForm>
</Provider>
`;