Horizontal stacking of fields and Configurable form field width in st…

…epper

Signed-off-by: Luis Enriquez <felipe096@gmail.com>

changelogs/unreleased/2020-lenriquez

@@ -0,0 +1 @@
+Horizontal stacking of fields

cmd/octant-sample-plugin/main.go

@@ -198,6 +198,7 @@ func initRoutes(router *service.Router) {
 		form := component.Form{Fields: []component.FormField{
 			component.NewFormFieldHidden("action", pluginActionName),
 		}}
+
 		testButton := component.Action{
 			Name:  "Test Button",
 			Title: "Test Button",

pkg/view/component/base.go

@@ -10,7 +10,7 @@ const (
 	TypeAccordion = "accordion"
 	// TypeAnnotations is an annotations component.
 	TypeAnnotations = "annotations"
-	// ButtonGroup is a button group component.
+	// TypeButtonGroup is a button group component.
 	TypeButtonGroup = "buttonGroup"
 	// TypeCard is a card component.
 	TypeCard = "card"
@@ -36,6 +36,8 @@ const (
 	TypeExpressionSelector = "expressionSelector"
 	// TypeFlexLayout is a flex layout component.
 	TypeFlexLayout = "flexlayout"
+	// TypeFormField is a form field component.
+	TypeFormField = "formField"
 	// TypeGraphviz is a graphviz component.
 	TypeGraphviz = "graphviz"
 	// TypeGridActions is a grid actions component.

pkg/view/component/container.go

@@ -49,6 +49,6 @@ type containersMarshal Containers
 // MarshalJSON implements json.Marshaler
 func (t *Containers) MarshalJSON() ([]byte, error) {
 	m := containersMarshal(*t)
-	m.Metadata.Type = "containers"
+	m.Metadata.Type = TypeContainers
 	return json.Marshal(&m)
 }