Merge pull request #1306 from gemini-hlsw/select-button-multiple

Implement SelectButtonMultipleEnumView

modules/ui/src/main/scala/lucuma/ui/primereact/SelectButtonMultipleEnumView.scala

@@ -0,0 +1,63 @@
+// Copyright (c) 2016-2023 Association of Universities for Research in Astronomy, Inc. (AURA)
+// For license information see LICENSE or https://opensource.org/licenses/BSD-3-Clause
+
+package lucuma.ui.primereact
+
+import eu.timepit.refined.types.string.NonEmptyString
+import japgolly.scalajs.react.*
+import japgolly.scalajs.react.vdom.html_<^.*
+import lucuma.core.util.Display
+import lucuma.core.util.Enumerated
+import lucuma.react.common.*
+import lucuma.react.primereact.SelectButtonMultiple
+import lucuma.react.primereact.SelectItem
+
+import scalajs.js
+
+case class SelectButtonMultipleEnumView[V[_], A](
+  id:             NonEmptyString,
+  view:           V[List[A]],
+  label:          js.UndefOr[TagMod] = js.undefined,
+  groupClass:     js.UndefOr[Css] = js.undefined,
+  buttonClass:    js.UndefOr[Css] = js.undefined,
+  size:           js.UndefOr[PlSize] = js.undefined,
+  itemTemplate:   js.UndefOr[SelectItem[A] => VdomNode] = js.undefined,
+  disabled:       js.UndefOr[Boolean] = js.undefined,
+  onChange:       List[A] => Callback = (_: List[A]) => Callback.empty,
+  filterPred:     A => Boolean = (_: A) => true,
+  modifiers:      Seq[TagMod] = Seq.empty
+)(using
+  val enumerated: Enumerated[A],
+  val display:    Display[A],
+  val vl:         ViewLike[V]
+) extends ReactFnProps(SelectButtonMultipleEnumView.component):
+  def addModifiers(modifiers: Seq[TagMod]) = copy(modifiers = this.modifiers ++ modifiers)
+  def withMods(mods:          TagMod*)     = addModifiers(mods)
+  def apply(mods:             TagMod*)     = addModifiers(mods)
+
+object SelectButtonMultipleEnumView:
+  private type AnyF[_] = Any
+
+  private def buildComponent[V[_], A] = ScalaFnComponent[SelectButtonMultipleEnumView[V, A]]:
+    props =>
+      import props.given
+
+      React.Fragment(
+        props.label.map(l => FormLabel(htmlFor = props.id, size = props.size)(l)),
+        props.view.get.map: value =>
+          SelectButtonMultiple[A](
+            value = value,
+            Enumerated[A].all
+              .filter(props.filterPred)
+              .map { s =>
+                SelectItem(s, label = props.display.shortName(s), clazz = props.buttonClass)
+              },
+            id = props.id.value,
+            clazz = props.groupClass,
+            itemTemplate = props.itemTemplate,
+            onChange = (a: List[A]) => props.view.set(a) *> props.onChange(a),
+            disabled = props.disabled
+          )
+      )
+
+  private val component = buildComponent[AnyF, Any]