app/javascript/spec/settings-time-profile-form/__snapshots__/settings-time-profile-form.spec.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`VM common form component should render adding form variant add new time profile 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],
}
}
>
<SettingsTimeProfileForm
action="timeprofile_add"
timeProfileId=""
timezones={Array []}
userid="admin"
>
<div>
<Connect(MiqFormRenderer)
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
},
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
},
Object {
"component": "switch",
"condition": Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
},
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
},
],
}
}
>
<MiqFormRenderer
buttonsLabels={Object {}}
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",
"invalid",
]
}
dispatch={[Function]}
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
},
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
},
Object {
"component": "switch",
"condition": Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
},
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
},
],
}
}
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": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
},
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
},
Object {
"component": "switch",
"condition": Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
},
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
},
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="text-field"
id="description"
isRequired={true}
label="Description"
maxLength={128}
name="description"
validate={
Array [
Object {
"type": "required",
},
]
}
/>,
<SingleField
component="select"
id="profile_type"
label="Scope"
name="profile_type"
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
/>,
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
]
}
id="CheckboxDays"
name="days"
title="Days"
/>,
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
]
}
id="CheckboxHours"
name="hours"
title="Hours"
/>,
<SingleField
component="select"
id="profile.tz"
initialValue="null"
label="Timezone"
name="profile.tz"
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
/>,
<SingleField
component="switch"
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
id="rollup_daily_metrics"
label="Roll Up Daily Performance"
name="rollup_daily_metrics"
offText="Off"
onText="On"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
schema={
Object {
"fields": Array [
Object {
"component": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
},
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
},
Object {
"component": "switch",
"condition": Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
},
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
},
Object {
"component": "spy-field",
"initialize": undefined,
"name": "spy-field",
},
],
}
}
>
<WrappedFormTemplate
canReset={false}
cancelLabel="Cancel"
disableSubmit={
Array [
"pristine",
"invalid",
]
}
formFields={
Array [
<SingleField
component="text-field"
id="description"
isRequired={true}
label="Description"
maxLength={128}
name="description"
validate={
Array [
Object {
"type": "required",
},
]
}
/>,
<SingleField
component="select"
id="profile_type"
label="Scope"
name="profile_type"
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
/>,
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
]
}
id="CheckboxDays"
name="days"
title="Days"
/>,
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
]
}
id="CheckboxHours"
name="hours"
title="Hours"
/>,
<SingleField
component="select"
id="profile.tz"
initialValue="null"
label="Timezone"
name="profile.tz"
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
/>,
<SingleField
component="switch"
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
id="rollup_daily_metrics"
label="Roll Up Daily Performance"
name="rollup_daily_metrics"
offText="Off"
onText="On"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formWrapperProps={
Object {
"className": "form-react",
}
}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
},
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
},
Object {
"component": "switch",
"condition": Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
},
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
},
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={false}
cancelLabel="Cancel"
disableSubmit={
Array [
"pristine",
"invalid",
]
}
formFields={
Array [
<SingleField
component="text-field"
id="description"
isRequired={true}
label="Description"
maxLength={128}
name="description"
validate={
Array [
Object {
"type": "required",
},
]
}
/>,
<SingleField
component="select"
id="profile_type"
label="Scope"
name="profile_type"
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
/>,
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
]
}
id="CheckboxDays"
name="days"
title="Days"
/>,
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
]
}
id="CheckboxHours"
name="hours"
title="Hours"
/>,
<SingleField
component="select"
id="profile.tz"
initialValue="null"
label="Timezone"
name="profile.tz"
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
/>,
<SingleField
component="switch"
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
id="rollup_daily_metrics"
label="Roll Up Daily Performance"
name="rollup_daily_metrics"
offText="Off"
onText="On"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formWrapperProps={
Object {
"className": "form-react",
}
}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
},
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
},
Object {
"component": "switch",
"condition": Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
},
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
},
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="text-field"
id="description"
isRequired={true}
key="description"
label="Description"
maxLength={128}
name="description"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<TextField
component="text-field"
id="description"
isRequired={true}
label="Description"
maxLength={128}
name="description"
validate={
Array [
Object {
"type": "required",
},
]
}
>
<TextInput
id="description"
invalid={false}
invalidText=""
key="description"
labelText={
<IsRequired>
Description
</IsRequired>
}
maxLength={128}
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"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-4"
>
*
</span>
Description
</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="description"
maxLength={128}
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="profile_type"
key="profile_type"
label="Scope"
name="profile_type"
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SelectWithOnChange
component="select"
id="profile_type"
label="Scope"
name="profile_type"
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
placeholder="<Choose>"
>
<Select
component="select"
id="profile_type"
label="Scope"
loadingMessage="Loading..."
name="profile_type"
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
placeholder="<Choose>"
>
<Select
SelectComponent={[Function]}
id="profile_type"
invalidText=""
labelText="Scope"
loadOptionsChangeCounter={0}
loadingMessage="Loading..."
name="profile_type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
placeholder="<Choose>"
simpleValue={false}
value=""
>
<ClearedSelect
className=""
closeMenuOnSelect={true}
hideSelectedOptions={false}
id="profile_type"
invalidText=""
isClearable={false}
isFetching={false}
isSearchable={false}
labelText="Scope"
name="profile_type"
noOptionsMessage={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onInputChange={[Function]}
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
placeholder="<Choose>"
value=""
>
<Select
className=""
disabled={false}
helperText=""
id="profile_type"
inline={false}
invalid={false}
invalidText=""
labelText="Scope"
light={false}
name="profile_type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value=""
>
<div
className="bx--form-item"
>
<div
className="bx--select"
>
<label
className="bx--label"
htmlFor="profile_type"
>
Scope
</label>
<div
className="bx--select-input__wrapper"
data-invalid={null}
>
<select
className="bx--select-input"
id="profile_type"
name="profile_type"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value=""
>
<SelectItem
disabled={false}
hidden={false}
key="user"
label="Current User"
text="Current User"
value="user"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="Current User"
value="user"
>
Current User
</option>
</SelectItem>
<SelectItem
disabled={false}
hidden={false}
key="global"
label="All Users"
text="All Users"
value="global"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="All Users"
value="global"
>
All Users
</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="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
]
}
id="CheckboxDays"
key="days"
name="days"
title="Days"
>
<FormConditionWrapper
field={
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SubForm
DescriptionElement="p"
TitleElement="h3"
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
]
}
id="CheckboxDays"
name="days"
title="Days"
>
<div
className=""
id="CheckboxDays"
name="days"
>
<div>
<h3>
Days
</h3>
</div>
<SingleField
component="checkbox"
id="DaysSelectAll"
initialValue={false}
key="DaysSelectAll"
label="Select All Days"
name="DaysSelectAll"
>
<FormConditionWrapper
field={
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<Checkbox
component="checkbox"
id="DaysSelectAll"
initialValue={false}
label="Select All Days"
name="DaysSelectAll"
>
<SingleCheckbox
component="checkbox"
id="DaysSelectAll"
initialValue={false}
label="Select All Days"
name="DaysSelectAll"
>
<div>
<Checkbox
checked={false}
id="DaysSelectAll"
indeterminate={false}
labelText="Select All Days"
name="DaysSelectAll"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
checked={false}
className="bx--checkbox"
id="DaysSelectAll"
name="DaysSelectAll"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
/>
<label
className="bx--checkbox-label"
htmlFor="DaysSelectAll"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Select All Days
</span>
</Text>
</label>
</div>
</Checkbox>
<HelperTextBlock />
</div>
</SingleCheckbox>
</Checkbox>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="checkbox"
condition={
Object {
"is": false,
"when": "DaysSelectAll",
}
}
isRequired={true}
key="profile.days"
label="Days"
name="profile.days"
options={
Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
]
}
validate={
Array [
Object {
"type": "required",
},
]
}
>
<FormConditionWrapper
condition={
Object {
"is": false,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": false,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
}
}
triggers={
Array [
"DaysSelectAll",
]
}
>
<ForwardRef(Field)
name="DaysSelectAll"
subscription={
Object {
"value": true,
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": false,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
}
}
triggers={Array []}
values={
Object {
"DaysSelectAll": false,
}
}
>
<ConditionTriggerWrapper
condition={
Object {
"is": false,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
}
}
values={
Object {
"DaysSelectAll": false,
}
}
>
<Component
condition={
Object {
"is": false,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
}
}
values={
Object {
"DaysSelectAll": false,
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<Checkbox
component="checkbox"
isRequired={true}
label="Days"
name="profile.days"
options={
Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
]
}
validate={
Array [
Object {
"type": "required",
},
]
}
>
<MultipleChoiceList
Checkbox={[Function]}
Wrapper={[Function]}
component="checkbox"
isRequired={true}
label="Days"
name="profile.days"
options={
Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
]
}
validate={
Array [
Object {
"type": "required",
},
]
}
>
<Wrapper
isRequired={true}
label="Days"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.days"
rest={Object {}}
showError={false}
>
<FormGroup
hasMargin={true}
invalid={false}
legendText={
<IsRequired>
Days
</IsRequired>
}
message={false}
messageText=""
>
<fieldset
className="bx--fieldset"
>
<legend
className="bx--label"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-4"
>
*
</span>
Days
</IsRequired>
</legend>
<SingleCheckbox
Checkbox={[Function]}
aria-label="Sunday"
id="profile.days-0"
key="profile.days-0"
label="Sunday"
name="profile.days"
option={
Object {
"label": "Sunday",
"value": 0,
}
}
value={0}
>
<SingleCheckboxInCommon
aria-label="Sunday"
checked={false}
id="profile.days-0"
label="Sunday"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "Sunday",
"value": 0,
}
}
type="checkbox"
value={0}
>
<Checkbox
aria-label="Sunday"
checked={false}
id="profile.days-0"
indeterminate={false}
label="Sunday"
labelText="Sunday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={0}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="Sunday"
checked={false}
className="bx--checkbox"
id="profile.days-0"
label="Sunday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={0}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.days-0"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Sunday
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="Monday"
id="profile.days-1"
key="profile.days-1"
label="Monday"
name="profile.days"
option={
Object {
"label": "Monday",
"value": 1,
}
}
value={1}
>
<SingleCheckboxInCommon
aria-label="Monday"
checked={false}
id="profile.days-1"
label="Monday"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "Monday",
"value": 1,
}
}
type="checkbox"
value={1}
>
<Checkbox
aria-label="Monday"
checked={false}
id="profile.days-1"
indeterminate={false}
label="Monday"
labelText="Monday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={1}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="Monday"
checked={false}
className="bx--checkbox"
id="profile.days-1"
label="Monday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={1}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.days-1"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Monday
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="Tuesday"
id="profile.days-2"
key="profile.days-2"
label="Tuesday"
name="profile.days"
option={
Object {
"label": "Tuesday",
"value": 2,
}
}
value={2}
>
<SingleCheckboxInCommon
aria-label="Tuesday"
checked={false}
id="profile.days-2"
label="Tuesday"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "Tuesday",
"value": 2,
}
}
type="checkbox"
value={2}
>
<Checkbox
aria-label="Tuesday"
checked={false}
id="profile.days-2"
indeterminate={false}
label="Tuesday"
labelText="Tuesday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={2}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="Tuesday"
checked={false}
className="bx--checkbox"
id="profile.days-2"
label="Tuesday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={2}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.days-2"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Tuesday
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="Wedensday"
id="profile.days-3"
key="profile.days-3"
label="Wedensday"
name="profile.days"
option={
Object {
"label": "Wedensday",
"value": 3,
}
}
value={3}
>
<SingleCheckboxInCommon
aria-label="Wedensday"
checked={false}
id="profile.days-3"
label="Wedensday"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "Wedensday",
"value": 3,
}
}
type="checkbox"
value={3}
>
<Checkbox
aria-label="Wedensday"
checked={false}
id="profile.days-3"
indeterminate={false}
label="Wedensday"
labelText="Wedensday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={3}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="Wedensday"
checked={false}
className="bx--checkbox"
id="profile.days-3"
label="Wedensday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={3}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.days-3"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Wedensday
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="Thursday"
id="profile.days-4"
key="profile.days-4"
label="Thursday"
name="profile.days"
option={
Object {
"label": "Thursday",
"value": 4,
}
}
value={4}
>
<SingleCheckboxInCommon
aria-label="Thursday"
checked={false}
id="profile.days-4"
label="Thursday"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "Thursday",
"value": 4,
}
}
type="checkbox"
value={4}
>
<Checkbox
aria-label="Thursday"
checked={false}
id="profile.days-4"
indeterminate={false}
label="Thursday"
labelText="Thursday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={4}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="Thursday"
checked={false}
className="bx--checkbox"
id="profile.days-4"
label="Thursday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={4}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.days-4"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Thursday
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="Friday"
id="profile.days-5"
key="profile.days-5"
label="Friday"
name="profile.days"
option={
Object {
"label": "Friday",
"value": 5,
}
}
value={5}
>
<SingleCheckboxInCommon
aria-label="Friday"
checked={false}
id="profile.days-5"
label="Friday"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "Friday",
"value": 5,
}
}
type="checkbox"
value={5}
>
<Checkbox
aria-label="Friday"
checked={false}
id="profile.days-5"
indeterminate={false}
label="Friday"
labelText="Friday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={5}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="Friday"
checked={false}
className="bx--checkbox"
id="profile.days-5"
label="Friday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={5}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.days-5"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Friday
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="Saturday"
id="profile.days-6"
key="profile.days-6"
label="Saturday"
name="profile.days"
option={
Object {
"label": "Saturday",
"value": 6,
}
}
value={6}
>
<SingleCheckboxInCommon
aria-label="Saturday"
checked={false}
id="profile.days-6"
label="Saturday"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "Saturday",
"value": 6,
}
}
type="checkbox"
value={6}
>
<Checkbox
aria-label="Saturday"
checked={false}
id="profile.days-6"
indeterminate={false}
label="Saturday"
labelText="Saturday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={6}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="Saturday"
checked={false}
className="bx--checkbox"
id="profile.days-6"
label="Saturday"
name="profile.days"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={6}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.days-6"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Saturday
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<HelperTextBlock
errorText={false}
/>
</fieldset>
</FormGroup>
</Wrapper>
</MultipleChoiceList>
</Checkbox>
</FormFieldHideWrapper>
</Component>
</ConditionTriggerWrapper>
</ConditionTriggerDetector>
</ForwardRef(Field)>
</ConditionTriggerDetector>
</FormConditionWrapper>
</SingleField>
<SingleField
component="checkbox"
condition={
Object {
"is": true,
"when": "DaysSelectAll",
}
}
initialValue={
Array [
0,
1,
2,
3,
4,
5,
6,
]
}
isDisabled={true}
isRequired={true}
key="profile.daysAll"
label="Days"
name="profile.daysAll"
options={
Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
]
}
>
<FormConditionWrapper
condition={
Object {
"is": true,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": true,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
}
}
triggers={
Array [
"DaysSelectAll",
]
}
>
<ForwardRef(Field)
name="DaysSelectAll"
subscription={
Object {
"value": true,
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": true,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
}
}
triggers={Array []}
values={
Object {
"DaysSelectAll": false,
}
}
>
<ConditionTriggerWrapper
condition={
Object {
"is": true,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
}
}
values={
Object {
"DaysSelectAll": false,
}
}
>
<Component
condition={
Object {
"is": true,
"when": "DaysSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
}
}
values={
Object {
"DaysSelectAll": false,
}
}
/>
</ConditionTriggerWrapper>
</ConditionTriggerDetector>
</ForwardRef(Field)>
</ConditionTriggerDetector>
</FormConditionWrapper>
</SingleField>
</div>
</SubForm>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
]
}
id="CheckboxHours"
key="hours"
name="hours"
title="Hours"
>
<FormConditionWrapper
field={
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SubForm
DescriptionElement="p"
TitleElement="h3"
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
]
}
id="CheckboxHours"
name="hours"
title="Hours"
>
<div
className=""
id="CheckboxHours"
name="hours"
>
<div>
<h3>
Hours
</h3>
</div>
<SingleField
component="checkbox"
id="HoursSelectAll"
initialValue={false}
key="HoursSelectAll"
label="Select All Hours"
name="HoursSelectAll"
>
<FormConditionWrapper
field={
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<Checkbox
component="checkbox"
id="HoursSelectAll"
initialValue={false}
label="Select All Hours"
name="HoursSelectAll"
>
<SingleCheckbox
component="checkbox"
id="HoursSelectAll"
initialValue={false}
label="Select All Hours"
name="HoursSelectAll"
>
<div>
<Checkbox
checked={false}
id="HoursSelectAll"
indeterminate={false}
labelText="Select All Hours"
name="HoursSelectAll"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
checked={false}
className="bx--checkbox"
id="HoursSelectAll"
name="HoursSelectAll"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
/>
<label
className="bx--checkbox-label"
htmlFor="HoursSelectAll"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
Select All Hours
</span>
</Text>
</label>
</div>
</Checkbox>
<HelperTextBlock />
</div>
</SingleCheckbox>
</Checkbox>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="checkbox"
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
isRequired={true}
key="profile.hoursAM"
label="Hours (AM)"
name="profile.hoursAM"
options={
Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
]
}
>
<FormConditionWrapper
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
triggers={
Array [
"HoursSelectAll",
]
}
>
<ForwardRef(Field)
name="HoursSelectAll"
subscription={
Object {
"value": true,
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
triggers={Array []}
values={
Object {
"HoursSelectAll": false,
}
}
>
<ConditionTriggerWrapper
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
values={
Object {
"HoursSelectAll": false,
}
}
>
<Component
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
values={
Object {
"HoursSelectAll": false,
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<Checkbox
component="checkbox"
isRequired={true}
label="Hours (AM)"
name="profile.hoursAM"
options={
Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
]
}
>
<MultipleChoiceList
Checkbox={[Function]}
Wrapper={[Function]}
component="checkbox"
isRequired={true}
label="Hours (AM)"
name="profile.hoursAM"
options={
Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
]
}
>
<Wrapper
isRequired={true}
label="Hours (AM)"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
rest={Object {}}
showError={false}
>
<FormGroup
hasMargin={true}
invalid={false}
legendText={
<IsRequired>
Hours (AM)
</IsRequired>
}
message={false}
messageText=""
>
<fieldset
className="bx--fieldset"
>
<legend
className="bx--label"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-4"
>
*
</span>
Hours (AM)
</IsRequired>
</legend>
<SingleCheckbox
Checkbox={[Function]}
aria-label="12-1"
id="profile.hoursAM-0"
key="profile.hoursAM-0"
label="12-1"
name="profile.hoursAM"
option={
Object {
"label": "12-1",
"value": 0,
}
}
value={0}
>
<SingleCheckboxInCommon
aria-label="12-1"
checked={false}
id="profile.hoursAM-0"
label="12-1"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "12-1",
"value": 0,
}
}
type="checkbox"
value={0}
>
<Checkbox
aria-label="12-1"
checked={false}
id="profile.hoursAM-0"
indeterminate={false}
label="12-1"
labelText="12-1"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={0}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="12-1"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-0"
label="12-1"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={0}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-0"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
12-1
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="1-2"
id="profile.hoursAM-1"
key="profile.hoursAM-1"
label="1-2"
name="profile.hoursAM"
option={
Object {
"label": "1-2",
"value": 1,
}
}
value={1}
>
<SingleCheckboxInCommon
aria-label="1-2"
checked={false}
id="profile.hoursAM-1"
label="1-2"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "1-2",
"value": 1,
}
}
type="checkbox"
value={1}
>
<Checkbox
aria-label="1-2"
checked={false}
id="profile.hoursAM-1"
indeterminate={false}
label="1-2"
labelText="1-2"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={1}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="1-2"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-1"
label="1-2"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={1}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-1"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
1-2
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="2-3"
id="profile.hoursAM-2"
key="profile.hoursAM-2"
label="2-3"
name="profile.hoursAM"
option={
Object {
"label": "2-3",
"value": 2,
}
}
value={2}
>
<SingleCheckboxInCommon
aria-label="2-3"
checked={false}
id="profile.hoursAM-2"
label="2-3"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "2-3",
"value": 2,
}
}
type="checkbox"
value={2}
>
<Checkbox
aria-label="2-3"
checked={false}
id="profile.hoursAM-2"
indeterminate={false}
label="2-3"
labelText="2-3"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={2}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="2-3"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-2"
label="2-3"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={2}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-2"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
2-3
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="3-4"
id="profile.hoursAM-3"
key="profile.hoursAM-3"
label="3-4"
name="profile.hoursAM"
option={
Object {
"label": "3-4",
"value": 3,
}
}
value={3}
>
<SingleCheckboxInCommon
aria-label="3-4"
checked={false}
id="profile.hoursAM-3"
label="3-4"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "3-4",
"value": 3,
}
}
type="checkbox"
value={3}
>
<Checkbox
aria-label="3-4"
checked={false}
id="profile.hoursAM-3"
indeterminate={false}
label="3-4"
labelText="3-4"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={3}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="3-4"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-3"
label="3-4"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={3}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-3"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
3-4
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="4-5"
id="profile.hoursAM-4"
key="profile.hoursAM-4"
label="4-5"
name="profile.hoursAM"
option={
Object {
"label": "4-5",
"value": 4,
}
}
value={4}
>
<SingleCheckboxInCommon
aria-label="4-5"
checked={false}
id="profile.hoursAM-4"
label="4-5"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "4-5",
"value": 4,
}
}
type="checkbox"
value={4}
>
<Checkbox
aria-label="4-5"
checked={false}
id="profile.hoursAM-4"
indeterminate={false}
label="4-5"
labelText="4-5"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={4}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="4-5"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-4"
label="4-5"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={4}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-4"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
4-5
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="5-6"
id="profile.hoursAM-5"
key="profile.hoursAM-5"
label="5-6"
name="profile.hoursAM"
option={
Object {
"label": "5-6",
"value": 5,
}
}
value={5}
>
<SingleCheckboxInCommon
aria-label="5-6"
checked={false}
id="profile.hoursAM-5"
label="5-6"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "5-6",
"value": 5,
}
}
type="checkbox"
value={5}
>
<Checkbox
aria-label="5-6"
checked={false}
id="profile.hoursAM-5"
indeterminate={false}
label="5-6"
labelText="5-6"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={5}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="5-6"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-5"
label="5-6"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={5}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-5"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
5-6
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="6-7"
id="profile.hoursAM-6"
key="profile.hoursAM-6"
label="6-7"
name="profile.hoursAM"
option={
Object {
"label": "6-7",
"value": 6,
}
}
value={6}
>
<SingleCheckboxInCommon
aria-label="6-7"
checked={false}
id="profile.hoursAM-6"
label="6-7"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "6-7",
"value": 6,
}
}
type="checkbox"
value={6}
>
<Checkbox
aria-label="6-7"
checked={false}
id="profile.hoursAM-6"
indeterminate={false}
label="6-7"
labelText="6-7"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={6}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="6-7"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-6"
label="6-7"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={6}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-6"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
6-7
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="7-8"
id="profile.hoursAM-7"
key="profile.hoursAM-7"
label="7-8"
name="profile.hoursAM"
option={
Object {
"label": "7-8",
"value": 7,
}
}
value={7}
>
<SingleCheckboxInCommon
aria-label="7-8"
checked={false}
id="profile.hoursAM-7"
label="7-8"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "7-8",
"value": 7,
}
}
type="checkbox"
value={7}
>
<Checkbox
aria-label="7-8"
checked={false}
id="profile.hoursAM-7"
indeterminate={false}
label="7-8"
labelText="7-8"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={7}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="7-8"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-7"
label="7-8"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={7}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-7"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
7-8
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="8-9"
id="profile.hoursAM-8"
key="profile.hoursAM-8"
label="8-9"
name="profile.hoursAM"
option={
Object {
"label": "8-9",
"value": 8,
}
}
value={8}
>
<SingleCheckboxInCommon
aria-label="8-9"
checked={false}
id="profile.hoursAM-8"
label="8-9"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "8-9",
"value": 8,
}
}
type="checkbox"
value={8}
>
<Checkbox
aria-label="8-9"
checked={false}
id="profile.hoursAM-8"
indeterminate={false}
label="8-9"
labelText="8-9"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={8}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="8-9"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-8"
label="8-9"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={8}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-8"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
8-9
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="9-10"
id="profile.hoursAM-9"
key="profile.hoursAM-9"
label="9-10"
name="profile.hoursAM"
option={
Object {
"label": "9-10",
"value": 9,
}
}
value={9}
>
<SingleCheckboxInCommon
aria-label="9-10"
checked={false}
id="profile.hoursAM-9"
label="9-10"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "9-10",
"value": 9,
}
}
type="checkbox"
value={9}
>
<Checkbox
aria-label="9-10"
checked={false}
id="profile.hoursAM-9"
indeterminate={false}
label="9-10"
labelText="9-10"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={9}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="9-10"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-9"
label="9-10"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={9}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-9"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
9-10
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="10-11"
id="profile.hoursAM-10"
key="profile.hoursAM-10"
label="10-11"
name="profile.hoursAM"
option={
Object {
"label": "10-11",
"value": 10,
}
}
value={10}
>
<SingleCheckboxInCommon
aria-label="10-11"
checked={false}
id="profile.hoursAM-10"
label="10-11"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "10-11",
"value": 10,
}
}
type="checkbox"
value={10}
>
<Checkbox
aria-label="10-11"
checked={false}
id="profile.hoursAM-10"
indeterminate={false}
label="10-11"
labelText="10-11"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={10}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="10-11"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-10"
label="10-11"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={10}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-10"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
10-11
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="11-12"
id="profile.hoursAM-11"
key="profile.hoursAM-11"
label="11-12"
name="profile.hoursAM"
option={
Object {
"label": "11-12",
"value": 11,
}
}
value={11}
>
<SingleCheckboxInCommon
aria-label="11-12"
checked={false}
id="profile.hoursAM-11"
label="11-12"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "11-12",
"value": 11,
}
}
type="checkbox"
value={11}
>
<Checkbox
aria-label="11-12"
checked={false}
id="profile.hoursAM-11"
indeterminate={false}
label="11-12"
labelText="11-12"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={11}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="11-12"
checked={false}
className="bx--checkbox"
id="profile.hoursAM-11"
label="11-12"
name="profile.hoursAM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={11}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursAM-11"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
11-12
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<HelperTextBlock
errorText={false}
/>
</fieldset>
</FormGroup>
</Wrapper>
</MultipleChoiceList>
</Checkbox>
</FormFieldHideWrapper>
</Component>
</ConditionTriggerWrapper>
</ConditionTriggerDetector>
</ForwardRef(Field)>
</ConditionTriggerDetector>
</FormConditionWrapper>
</SingleField>
<SingleField
component="checkbox"
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
isRequired={true}
key="profile.hoursPM"
label="Hours (PM)"
name="profile.hoursPM"
options={
Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
]
}
>
<FormConditionWrapper
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
triggers={
Array [
"HoursSelectAll",
]
}
>
<ForwardRef(Field)
name="HoursSelectAll"
subscription={
Object {
"value": true,
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
triggers={Array []}
values={
Object {
"HoursSelectAll": false,
}
}
>
<ConditionTriggerWrapper
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
values={
Object {
"HoursSelectAll": false,
}
}
>
<Component
condition={
Object {
"is": false,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
values={
Object {
"HoursSelectAll": false,
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<Checkbox
component="checkbox"
isRequired={true}
label="Hours (PM)"
name="profile.hoursPM"
options={
Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
]
}
>
<MultipleChoiceList
Checkbox={[Function]}
Wrapper={[Function]}
component="checkbox"
isRequired={true}
label="Hours (PM)"
name="profile.hoursPM"
options={
Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
]
}
>
<Wrapper
isRequired={true}
label="Hours (PM)"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
rest={Object {}}
showError={false}
>
<FormGroup
hasMargin={true}
invalid={false}
legendText={
<IsRequired>
Hours (PM)
</IsRequired>
}
message={false}
messageText=""
>
<fieldset
className="bx--fieldset"
>
<legend
className="bx--label"
>
<IsRequired>
<span
aria-hidden="true"
className="ddorg__carbon-component-mapper_is-required isRequired-0-2-4"
>
*
</span>
Hours (PM)
</IsRequired>
</legend>
<SingleCheckbox
Checkbox={[Function]}
aria-label="12-1"
id="profile.hoursPM-12"
key="profile.hoursPM-12"
label="12-1"
name="profile.hoursPM"
option={
Object {
"label": "12-1",
"value": 12,
}
}
value={12}
>
<SingleCheckboxInCommon
aria-label="12-1"
checked={false}
id="profile.hoursPM-12"
label="12-1"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "12-1",
"value": 12,
}
}
type="checkbox"
value={12}
>
<Checkbox
aria-label="12-1"
checked={false}
id="profile.hoursPM-12"
indeterminate={false}
label="12-1"
labelText="12-1"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={12}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="12-1"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-12"
label="12-1"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={12}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-12"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
12-1
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="1-2"
id="profile.hoursPM-13"
key="profile.hoursPM-13"
label="1-2"
name="profile.hoursPM"
option={
Object {
"label": "1-2",
"value": 13,
}
}
value={13}
>
<SingleCheckboxInCommon
aria-label="1-2"
checked={false}
id="profile.hoursPM-13"
label="1-2"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "1-2",
"value": 13,
}
}
type="checkbox"
value={13}
>
<Checkbox
aria-label="1-2"
checked={false}
id="profile.hoursPM-13"
indeterminate={false}
label="1-2"
labelText="1-2"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={13}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="1-2"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-13"
label="1-2"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={13}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-13"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
1-2
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="2-3"
id="profile.hoursPM-14"
key="profile.hoursPM-14"
label="2-3"
name="profile.hoursPM"
option={
Object {
"label": "2-3",
"value": 14,
}
}
value={14}
>
<SingleCheckboxInCommon
aria-label="2-3"
checked={false}
id="profile.hoursPM-14"
label="2-3"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "2-3",
"value": 14,
}
}
type="checkbox"
value={14}
>
<Checkbox
aria-label="2-3"
checked={false}
id="profile.hoursPM-14"
indeterminate={false}
label="2-3"
labelText="2-3"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={14}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="2-3"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-14"
label="2-3"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={14}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-14"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
2-3
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="3-4"
id="profile.hoursPM-15"
key="profile.hoursPM-15"
label="3-4"
name="profile.hoursPM"
option={
Object {
"label": "3-4",
"value": 15,
}
}
value={15}
>
<SingleCheckboxInCommon
aria-label="3-4"
checked={false}
id="profile.hoursPM-15"
label="3-4"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "3-4",
"value": 15,
}
}
type="checkbox"
value={15}
>
<Checkbox
aria-label="3-4"
checked={false}
id="profile.hoursPM-15"
indeterminate={false}
label="3-4"
labelText="3-4"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={15}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="3-4"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-15"
label="3-4"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={15}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-15"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
3-4
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="4-5"
id="profile.hoursPM-16"
key="profile.hoursPM-16"
label="4-5"
name="profile.hoursPM"
option={
Object {
"label": "4-5",
"value": 16,
}
}
value={16}
>
<SingleCheckboxInCommon
aria-label="4-5"
checked={false}
id="profile.hoursPM-16"
label="4-5"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "4-5",
"value": 16,
}
}
type="checkbox"
value={16}
>
<Checkbox
aria-label="4-5"
checked={false}
id="profile.hoursPM-16"
indeterminate={false}
label="4-5"
labelText="4-5"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={16}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="4-5"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-16"
label="4-5"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={16}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-16"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
4-5
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="5-6"
id="profile.hoursPM-17"
key="profile.hoursPM-17"
label="5-6"
name="profile.hoursPM"
option={
Object {
"label": "5-6",
"value": 17,
}
}
value={17}
>
<SingleCheckboxInCommon
aria-label="5-6"
checked={false}
id="profile.hoursPM-17"
label="5-6"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "5-6",
"value": 17,
}
}
type="checkbox"
value={17}
>
<Checkbox
aria-label="5-6"
checked={false}
id="profile.hoursPM-17"
indeterminate={false}
label="5-6"
labelText="5-6"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={17}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="5-6"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-17"
label="5-6"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={17}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-17"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
5-6
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="6-7"
id="profile.hoursPM-18"
key="profile.hoursPM-18"
label="6-7"
name="profile.hoursPM"
option={
Object {
"label": "6-7",
"value": 18,
}
}
value={18}
>
<SingleCheckboxInCommon
aria-label="6-7"
checked={false}
id="profile.hoursPM-18"
label="6-7"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "6-7",
"value": 18,
}
}
type="checkbox"
value={18}
>
<Checkbox
aria-label="6-7"
checked={false}
id="profile.hoursPM-18"
indeterminate={false}
label="6-7"
labelText="6-7"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={18}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="6-7"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-18"
label="6-7"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={18}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-18"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
6-7
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="7-8"
id="profile.hoursPM-19"
key="profile.hoursPM-19"
label="7-8"
name="profile.hoursPM"
option={
Object {
"label": "7-8",
"value": 19,
}
}
value={19}
>
<SingleCheckboxInCommon
aria-label="7-8"
checked={false}
id="profile.hoursPM-19"
label="7-8"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "7-8",
"value": 19,
}
}
type="checkbox"
value={19}
>
<Checkbox
aria-label="7-8"
checked={false}
id="profile.hoursPM-19"
indeterminate={false}
label="7-8"
labelText="7-8"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={19}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="7-8"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-19"
label="7-8"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={19}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-19"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
7-8
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="8-9"
id="profile.hoursPM-20"
key="profile.hoursPM-20"
label="8-9"
name="profile.hoursPM"
option={
Object {
"label": "8-9",
"value": 20,
}
}
value={20}
>
<SingleCheckboxInCommon
aria-label="8-9"
checked={false}
id="profile.hoursPM-20"
label="8-9"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "8-9",
"value": 20,
}
}
type="checkbox"
value={20}
>
<Checkbox
aria-label="8-9"
checked={false}
id="profile.hoursPM-20"
indeterminate={false}
label="8-9"
labelText="8-9"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={20}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="8-9"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-20"
label="8-9"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={20}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-20"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
8-9
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="9-10"
id="profile.hoursPM-21"
key="profile.hoursPM-21"
label="9-10"
name="profile.hoursPM"
option={
Object {
"label": "9-10",
"value": 21,
}
}
value={21}
>
<SingleCheckboxInCommon
aria-label="9-10"
checked={false}
id="profile.hoursPM-21"
label="9-10"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "9-10",
"value": 21,
}
}
type="checkbox"
value={21}
>
<Checkbox
aria-label="9-10"
checked={false}
id="profile.hoursPM-21"
indeterminate={false}
label="9-10"
labelText="9-10"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={21}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="9-10"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-21"
label="9-10"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={21}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-21"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
9-10
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="10-11"
id="profile.hoursPM-22"
key="profile.hoursPM-22"
label="10-11"
name="profile.hoursPM"
option={
Object {
"label": "10-11",
"value": 22,
}
}
value={22}
>
<SingleCheckboxInCommon
aria-label="10-11"
checked={false}
id="profile.hoursPM-22"
label="10-11"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "10-11",
"value": 22,
}
}
type="checkbox"
value={22}
>
<Checkbox
aria-label="10-11"
checked={false}
id="profile.hoursPM-22"
indeterminate={false}
label="10-11"
labelText="10-11"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={22}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="10-11"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-22"
label="10-11"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={22}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-22"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
10-11
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<SingleCheckbox
Checkbox={[Function]}
aria-label="11-12"
id="profile.hoursPM-23"
key="profile.hoursPM-23"
label="11-12"
name="profile.hoursPM"
option={
Object {
"label": "11-12",
"value": 23,
}
}
value={23}
>
<SingleCheckboxInCommon
aria-label="11-12"
checked={false}
id="profile.hoursPM-23"
label="11-12"
meta={
Object {
"active": false,
"data": Object {},
"dirty": false,
"dirtySinceLastSubmit": false,
"error": undefined,
"initial": undefined,
"invalid": false,
"length": undefined,
"modified": false,
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": false,
"valid": true,
"validating": false,
"visited": false,
}
}
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
option={
Object {
"label": "11-12",
"value": 23,
}
}
type="checkbox"
value={23}
>
<Checkbox
aria-label="11-12"
checked={false}
id="profile.hoursPM-23"
indeterminate={false}
label="11-12"
labelText="11-12"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={23}
>
<div
className="bx--form-item bx--checkbox-wrapper"
>
<input
aria-label="11-12"
checked={false}
className="bx--checkbox"
id="profile.hoursPM-23"
label="11-12"
name="profile.hoursPM"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
value={23}
/>
<label
className="bx--checkbox-label"
htmlFor="profile.hoursPM-23"
title={null}
>
<Text
className="bx--checkbox-label-text"
>
<span
className="bx--checkbox-label-text"
dir="auto"
>
11-12
</span>
</Text>
</label>
</div>
</Checkbox>
</SingleCheckboxInCommon>
</SingleCheckbox>
<HelperTextBlock
errorText={false}
/>
</fieldset>
</FormGroup>
</Wrapper>
</MultipleChoiceList>
</Checkbox>
</FormFieldHideWrapper>
</Component>
</ConditionTriggerWrapper>
</ConditionTriggerDetector>
</ForwardRef(Field)>
</ConditionTriggerDetector>
</FormConditionWrapper>
</SingleField>
<SingleField
component="checkbox"
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
initialValue={
Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
]
}
isDisabled={true}
isRequired={true}
key="profile.hoursAMAll"
label="Hours (AM)"
name="profile.hoursAMAll"
options={
Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
]
}
>
<FormConditionWrapper
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
triggers={
Array [
"HoursSelectAll",
]
}
>
<ForwardRef(Field)
name="HoursSelectAll"
subscription={
Object {
"value": true,
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
triggers={Array []}
values={
Object {
"HoursSelectAll": false,
}
}
>
<ConditionTriggerWrapper
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
values={
Object {
"HoursSelectAll": false,
}
}
>
<Component
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
}
}
values={
Object {
"HoursSelectAll": false,
}
}
/>
</ConditionTriggerWrapper>
</ConditionTriggerDetector>
</ForwardRef(Field)>
</ConditionTriggerDetector>
</FormConditionWrapper>
</SingleField>
<SingleField
component="checkbox"
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
initialValue={
Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
]
}
isDisabled={true}
isRequired={true}
key="profile.hoursPMAll"
label="Hours (PM)"
name="profile.hoursPMAll"
options={
Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
]
}
>
<FormConditionWrapper
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
triggers={
Array [
"HoursSelectAll",
]
}
>
<ForwardRef(Field)
name="HoursSelectAll"
subscription={
Object {
"value": true,
}
}
>
<ConditionTriggerDetector
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
triggers={Array []}
values={
Object {
"HoursSelectAll": false,
}
}
>
<ConditionTriggerWrapper
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
values={
Object {
"HoursSelectAll": false,
}
}
>
<Component
condition={
Object {
"is": true,
"when": "HoursSelectAll",
}
}
field={
Object {
"component": "checkbox",
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
}
}
values={
Object {
"HoursSelectAll": false,
}
}
/>
</ConditionTriggerWrapper>
</ConditionTriggerDetector>
</ForwardRef(Field)>
</ConditionTriggerDetector>
</FormConditionWrapper>
</SingleField>
</div>
</SubForm>
</FormFieldHideWrapper>
</FormConditionWrapper>
</SingleField>
<SingleField
component="select"
id="profile.tz"
initialValue="null"
key="profile.tz"
label="Timezone"
name="profile.tz"
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
>
<FormConditionWrapper
field={
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
}
}
>
<FormFieldHideWrapper
hideField={false}
>
<SelectWithOnChange
component="select"
id="profile.tz"
initialValue="null"
label="Timezone"
name="profile.tz"
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
placeholder="<Choose>"
>
<Select
component="select"
id="profile.tz"
initialValue="null"
label="Timezone"
loadingMessage="Loading..."
name="profile.tz"
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
placeholder="<Choose>"
>
<Select
SelectComponent={[Function]}
id="profile.tz"
invalidText=""
labelText="Timezone"
loadOptionsChangeCounter={0}
loadingMessage="Loading..."
name="profile.tz"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
placeholder="<Choose>"
simpleValue={false}
value="null"
>
<ClearedSelect
className=""
closeMenuOnSelect={true}
hideSelectedOptions={false}
id="profile.tz"
invalidText=""
isClearable={false}
isFetching={false}
isSearchable={false}
labelText="Timezone"
name="profile.tz"
noOptionsMessage={[Function]}
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
onInputChange={[Function]}
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
placeholder="<Choose>"
value="null"
>
<Select
className=""
disabled={false}
helperText=""
id="profile.tz"
inline={false}
invalid={false}
invalidText=""
labelText="Timezone"
light={false}
name="profile.tz"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="null"
>
<div
className="bx--form-item"
>
<div
className="bx--select"
>
<label
className="bx--label"
htmlFor="profile.tz"
>
Timezone
</label>
<div
className="bx--select-input__wrapper"
data-invalid={null}
>
<select
className="bx--select-input"
id="profile.tz"
name="profile.tz"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
value="null"
>
<SelectItem
disabled={false}
hidden={false}
key="null"
label="<Determine at Run Time>"
text="<Determine at Run Time>"
value="null"
>
<option
className="bx--select-option"
disabled={false}
hidden={false}
label="<Determine at Run Time>"
value="null"
>
<Determine at Run Time>
</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="switch"
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
id="rollup_daily_metrics"
key="rollup_daily_metrics"
label="Roll Up Daily Performance"
name="rollup_daily_metrics"
offText="Off"
onText="On"
>
<FormConditionWrapper
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
field={
Object {
"component": "switch",
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
}
}
>
<ConditionTriggerDetector
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
field={
Object {
"component": "switch",
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
}
}
triggers={
Array [
"profile.tz",
]
}
>
<ForwardRef(Field)
name="profile.tz"
subscription={
Object {
"value": true,
}
}
>
<ConditionTriggerDetector
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
field={
Object {
"component": "switch",
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
}
}
triggers={Array []}
values={
Object {
"profile": Object {
"tz": "null",
},
}
}
>
<ConditionTriggerWrapper
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
field={
Object {
"component": "switch",
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
}
}
values={
Object {
"profile": Object {
"tz": "null",
},
}
}
>
<Component
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
field={
Object {
"component": "switch",
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
}
}
values={
Object {
"profile": Object {
"tz": "null",
},
}
}
/>
</ConditionTriggerWrapper>
</ConditionTriggerDetector>
</ForwardRef(Field)>
</ConditionTriggerDetector>
</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="text-field"
id="description"
isRequired={true}
label="Description"
maxLength={128}
name="description"
validate={
Array [
Object {
"type": "required",
},
]
}
/>,
<SingleField
component="select"
id="profile_type"
label="Scope"
name="profile_type"
options={
Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
]
}
/>,
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
]
}
id="CheckboxDays"
name="days"
title="Days"
/>,
<SingleField
component="sub-form"
fields={
Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
]
}
id="CheckboxHours"
name="hours"
title="Hours"
/>,
<SingleField
component="select"
id="profile.tz"
initialValue="null"
label="Timezone"
name="profile.tz"
options={
Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
]
}
/>,
<SingleField
component="switch"
condition={
Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
}
}
id="rollup_daily_metrics"
label="Roll Up Daily Performance"
name="rollup_daily_metrics"
offText="Off"
onText="On"
/>,
<SingleField
component="spy-field"
name="spy-field"
/>,
]
}
formSpyProps={
Object {
"active": undefined,
"dirty": false,
"dirtyFields": Object {},
"dirtyFieldsSinceLastSubmit": Object {},
"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 {
"DaysSelectAll": false,
"HoursSelectAll": false,
"profile": Object {
"tz": "null",
},
},
"invalid": false,
"modified": Object {},
"modifiedSinceLastSubmit": false,
"pristine": true,
"submitError": undefined,
"submitErrors": undefined,
"submitFailed": false,
"submitSucceeded": false,
"submitting": false,
"touched": Object {},
"valid": true,
"validating": false,
"values": Object {
"DaysSelectAll": false,
"HoursSelectAll": false,
"profile": Object {
"tz": "null",
},
},
"visited": Object {},
}
}
onCancel={[Function]}
onReset={[Function]}
resetLabel="Reset"
schema={
Object {
"fields": Array [
Object {
"component": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
},
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
},
Object {
"component": "switch",
"condition": Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
},
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
},
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="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)>
</div>
</SettingsTimeProfileForm>
</Provider>
`;
exports[`VM common form component should render adding form variant blank form 1`] = `
<div>
<Connect(MiqFormRenderer)
onCancel={[Function]}
onSubmit={[Function]}
schema={
Object {
"fields": Array [
Object {
"component": "text-field",
"id": "description",
"isRequired": true,
"label": "Description",
"maxLength": 128,
"name": "description",
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "select",
"id": "profile_type",
"label": "Scope",
"name": "profile_type",
"options": Array [
Object {
"label": "Current User",
"value": "user",
},
Object {
"label": "All Users",
"value": "global",
},
],
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "DaysSelectAll",
"initialValue": false,
"label": "Select All Days",
"name": "DaysSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "DaysSelectAll",
},
"isRequired": true,
"label": "Days",
"name": "profile.days",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
"validate": Array [
Object {
"type": "required",
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "DaysSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
],
"isDisabled": true,
"isRequired": true,
"label": "Days",
"name": "profile.daysAll",
"options": Array [
Object {
"label": "Sunday",
"value": 0,
},
Object {
"label": "Monday",
"value": 1,
},
Object {
"label": "Tuesday",
"value": 2,
},
Object {
"label": "Wedensday",
"value": 3,
},
Object {
"label": "Thursday",
"value": 4,
},
Object {
"label": "Friday",
"value": 5,
},
Object {
"label": "Saturday",
"value": 6,
},
],
},
],
"id": "CheckboxDays",
"name": "days",
"title": "Days",
},
Object {
"component": "sub-form",
"fields": Array [
Object {
"component": "checkbox",
"id": "HoursSelectAll",
"initialValue": false,
"label": "Select All Hours",
"name": "HoursSelectAll",
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAM",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": false,
"when": "HoursSelectAll",
},
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPM",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (AM)",
"name": "profile.hoursAMAll",
"options": Array [
Object {
"label": "12-1",
"value": 0,
},
Object {
"label": "1-2",
"value": 1,
},
Object {
"label": "2-3",
"value": 2,
},
Object {
"label": "3-4",
"value": 3,
},
Object {
"label": "4-5",
"value": 4,
},
Object {
"label": "5-6",
"value": 5,
},
Object {
"label": "6-7",
"value": 6,
},
Object {
"label": "7-8",
"value": 7,
},
Object {
"label": "8-9",
"value": 8,
},
Object {
"label": "9-10",
"value": 9,
},
Object {
"label": "10-11",
"value": 10,
},
Object {
"label": "11-12",
"value": 11,
},
],
},
Object {
"component": "checkbox",
"condition": Object {
"is": true,
"when": "HoursSelectAll",
},
"initialValue": Array [
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
],
"isDisabled": true,
"isRequired": true,
"label": "Hours (PM)",
"name": "profile.hoursPMAll",
"options": Array [
Object {
"label": "12-1",
"value": 12,
},
Object {
"label": "1-2",
"value": 13,
},
Object {
"label": "2-3",
"value": 14,
},
Object {
"label": "3-4",
"value": 15,
},
Object {
"label": "4-5",
"value": 16,
},
Object {
"label": "5-6",
"value": 17,
},
Object {
"label": "6-7",
"value": 18,
},
Object {
"label": "7-8",
"value": 19,
},
Object {
"label": "8-9",
"value": 20,
},
Object {
"label": "9-10",
"value": 21,
},
Object {
"label": "10-11",
"value": 22,
},
Object {
"label": "11-12",
"value": 23,
},
],
},
],
"id": "CheckboxHours",
"name": "hours",
"title": "Hours",
},
Object {
"component": "select",
"id": "profile.tz",
"initialValue": "null",
"label": "Timezone",
"name": "profile.tz",
"options": Array [
Object {
"label": "<Determine at Run Time>",
"value": "null",
},
],
},
Object {
"component": "switch",
"condition": Object {
"pattern": /\\[\\^null\\]/,
"when": "profile.tz",
},
"id": "rollup_daily_metrics",
"label": "Roll Up Daily Performance",
"name": "rollup_daily_metrics",
"offText": "Off",
"onText": "On",
},
],
}
}
/>
</div>
`;
exports[`VM common form component should render copying form variant new name only 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],
}
}
>
<SettingsTimeProfileForm
action="timeprofile_copy"
timeProfileId="1"
timezones={Array []}
userid="admin"
>
<Loading
active={true}
className="export-spinner"
description="Active loading indicator"
small={true}
withOverlay={false}
>
<div
aria-atomic="true"
aria-live="assertive"
className="export-spinner bx--loading bx--loading--small"
>
<label
className="bx--visually-hidden"
id="loading-id-3"
>
Active loading indicator
</label>
<svg
className="bx--loading__svg"
viewBox="0 0 100 100"
>
<title>
Active loading indicator
</title>
<circle
className="bx--loading__background"
cx="50%"
cy="50%"
r="44"
/>
<circle
className="bx--loading__stroke"
cx="50%"
cy="50%"
r="44"
/>
</svg>
</div>
</Loading>
</SettingsTimeProfileForm>
</Provider>
`;
exports[`VM common form component should render copying form variant with new values 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],
}
}
>
<SettingsTimeProfileForm
action="timeprofile_copy"
timeProfileId="1"
timezones={Array []}
userid="admin"
>
<Loading
active={true}
className="export-spinner"
description="Active loading indicator"
small={true}
withOverlay={false}
>
<div
aria-atomic="true"
aria-live="assertive"
className="export-spinner bx--loading bx--loading--small"
>
<label
className="bx--visually-hidden"
id="loading-id-4"
>
Active loading indicator
</label>
<svg
className="bx--loading__svg"
viewBox="0 0 100 100"
>
<title>
Active loading indicator
</title>
<circle
className="bx--loading__background"
cx="50%"
cy="50%"
r="44"
/>
<circle
className="bx--loading__stroke"
cx="50%"
cy="50%"
r="44"
/>
</svg>
</div>
</Loading>
</SettingsTimeProfileForm>
</Provider>
`;
exports[`VM common form component should render editing form variant all new values 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],
}
}
>
<SettingsTimeProfileForm
action="timeprofile_edit"
timeProfileId="1"
timezones={Array []}
userid="user1"
>
<Loading
active={true}
className="export-spinner"
description="Active loading indicator"
small={true}
withOverlay={false}
>
<div
aria-atomic="true"
aria-live="assertive"
className="export-spinner bx--loading bx--loading--small"
>
<label
className="bx--visually-hidden"
id="loading-id-1"
>
Active loading indicator
</label>
<svg
className="bx--loading__svg"
viewBox="0 0 100 100"
>
<title>
Active loading indicator
</title>
<circle
className="bx--loading__background"
cx="50%"
cy="50%"
r="44"
/>
<circle
className="bx--loading__stroke"
cx="50%"
cy="50%"
r="44"
/>
</svg>
</div>
</Loading>
</SettingsTimeProfileForm>
</Provider>
`;
exports[`VM common form component should render editing form variant some new values 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],
}
}
>
<SettingsTimeProfileForm
action="timeprofile_edit"
timeProfileId="1"
timezones={Array []}
userid="admin"
>
<Loading
active={true}
className="export-spinner"
description="Active loading indicator"
small={true}
withOverlay={false}
>
<div
aria-atomic="true"
aria-live="assertive"
className="export-spinner bx--loading bx--loading--small"
>
<label
className="bx--visually-hidden"
id="loading-id-2"
>
Active loading indicator
</label>
<svg
className="bx--loading__svg"
viewBox="0 0 100 100"
>
<title>
Active loading indicator
</title>
<circle
className="bx--loading__background"
cx="50%"
cy="50%"
r="44"
/>
<circle
className="bx--loading__stroke"
cx="50%"
cy="50%"
r="44"
/>
</svg>
</div>
</Loading>
</SettingsTimeProfileForm>
</Provider>
`;