Lumi.Components.Form.Table

newtype TableFormBuilder props row result

An applicative functor used to build editable tables out of FormBuilders. FormBuilders can be turned into TableFormBuilders with the column function. TableFormBuilders can, then, be used inside forms with the editableTable function.

Instances

• Newtype (TableFormBuilder props row a) _
• Functor (TableFormBuilder props row)
• Apply (TableFormBuilder props row)
• Applicative (TableFormBuilder props row)

editableTable :: forall result row props. { addLabel :: String, defaultValue :: Maybe row, formBuilder :: TableFormBuilder { readonly :: Boolean | props } row result, maxRows :: Int, summary :: JSX } -> FormBuilder { readonly :: Boolean | props } (Array row) (Array result)

A TableFormBuilder makes a FormBuilder for an array where each row has columns defined by it.

nonEmptyEditableTable :: forall result row props. { addLabel :: String, defaultValue :: Maybe row, formBuilder :: TableFormBuilder { readonly :: Boolean | props } row result, maxRows :: Int, summary :: JSX } -> FormBuilder { readonly :: Boolean | props } (NonEmptyArray row) (NonEmptyArray result)

A TableFormBuilder makes a FormBuilder for a non-empty array where each row has columns defined by it.

column :: forall row props. String -> Orientation -> (FormBuilder { readonly :: Boolean | props } row) ~> (TableFormBuilder { readonly :: Boolean | props } row)

Convert a FormBuilder into a column of a table form with the specified label and orientation.

column_ :: forall row props. String -> (FormBuilder { readonly :: Boolean | props } row) ~> (TableFormBuilder { readonly :: Boolean | props } row)

Convert a FormBuilder into a column of a table form with the specified label where all fields are laid out horizontally.

withProps :: forall result row props. (props -> TableFormBuilder props row result) -> TableFormBuilder props row result

Make the props available. This allows for changing the structure of a table form builder based on the current props.