/*BRETT_TestEditableGridFlicker*/
load(
  local!itemsToken,
	local!index: {1, 2, 3, 4},
	local!number: {0, 13, 50, 10},
	local!disabled: {false, false, true, false},
  {
		a!richTextDisplayField(
			labelPosition: "COLLAPSED",
			value: a!richTextItem(
				text: "Section Name",
				style: "HEADER_MEDIUM"
			)
		),
		a!gridLayout(
			headerCells: {
				a!gridLayoutHeaderCell(label: "Number"),
				a!gridLayoutHeaderCell(label: "Disabled", align: "RIGHT")

			},
			columnConfigs: {
				a!gridLayoutColumnConfig(weight: 4),
				a!gridLayoutColumnConfig(weight: 2)
					
			},
			rows: {
				a!applyComponents(
					function: rule!BRETT_TestEditableGridFlickerRowsEach(
						number: local!number,
						disabled: local!disabled,
						index: _
					),
					array: local!index,
					arrayVariable: local!itemsToken 
				)
			}
		)
  }
)