2D Array library for Elm

2D array library implemented using nested elm Arrays. Duplicates the elm Array API as much as possible, but with a row and column for every element. Useful for making data grids, is it provides row and column operations in addition to getting, setting, and mapping over cells.

See the module docs for the complete list of operations: http://package.elm-lang.org/packages/tortus/elm-array-2d/1.0.0/Array2D

let
  array2d =
    Array2D.fromList
      [ ["Row 1-Col 1", "Row 1-Col 2"]
      , ["Row 2-Col 1", "Row 2-Col 2"]
      ]

  changed =
    -- "Row 1-Col 1" becomes "NEW VALUE"
    Array2D.set 0 0 "NEW VALUE" array2d

  mappedArray =
    Array2D.indexedMap
      (\row col cell -> cell)
      changed
in
  -- Your app code here
  { model | dataGrid = mappedArray }

Drawbacks and caveats

Most examples of nested Elm components use Lists of elements with a unique, constant ID. This allows messages to always be routed to the correct sub-component, even if components are removed or added. If you use the index of the sub-component instead and the sub-component triggers a Task that takes time to complete during which the Array is modified, the completion message may be routed to the wrong sub-component.

This is hypothetical though. If your sub-components don't trigger long tasks or you don't allow rows or columns to be manipulated until the task returns, you should be fine. I think!