Packages
corex
0.1.0-alpha.24
0.1.2
0.1.1
0.1.0
0.1.0-rc.1
0.1.0-rc.0
0.1.0-beta.5
0.1.0-beta.4
0.1.0-beta.3
0.1.0-beta.2
0.1.0-beta.1
0.1.0-alpha.33
0.1.0-alpha.32
0.1.0-alpha.31
0.1.0-alpha.30
0.1.0-alpha.29
0.1.0-alpha.28
0.1.0-alpha.27
0.1.0-alpha.26
0.1.0-alpha.25
0.1.0-alpha.24
0.1.0-alpha.23
0.1.0-alpha.22
0.1.0-alpha.21
0.1.0-alpha.20
0.1.0-alpha.19
0.1.0-alpha.18
0.1.0-alpha.17
0.1.0-alpha.16
0.1.0-alpha.15
0.1.0-alpha.14
0.1.0-alpha.13
0.1.0-alpha.12
0.1.0-alpha.11
0.1.0-alpha.10
0.1.0-alpha.9
0.1.0-alpha.8
0.1.0-alpha.7
0.1.0-alpha.6
0.1.0-alpha.5
0.1.0-alpha.4
0.1.0-alpha.3
0.1.0-alpha.2
0.1.0-alpha.1
Accessible and unstyled UI components library written in Elixir and TypeScript that integrates Zag.js state machines into the Phoenix Framework.
Current section
Files
Jump to
Current section
Files
lib/components/toggle-group/connect.ex
defmodule Corex.ToggleGroup.Connect do
@moduledoc false
alias Corex.ToggleGroup.Anatomy.{Props, Root, Item}
defp data_attr(true), do: ""
defp data_attr(false), do: nil
defp data_attr(nil), do: nil
@spec props(Props.t()) :: map()
def props(assigns) do
%{
"id" => assigns.id,
"data-deselectable" => data_attr(assigns.deselectable),
"data-loop-focus" => data_attr(assigns.loopFocus),
"data-roving-focus" => data_attr(assigns.rovingFocus),
"data-default-value" =>
if !assigns.controlled and assigns.value != [] do
Enum.join(assigns.value, ",")
end,
"data-value" =>
if assigns.controlled and assigns.value != [] do
Enum.join(assigns.value, ",")
end,
"data-disabled" => data_attr(assigns.disabled),
"data-multiple" => data_attr(assigns.multiple),
"data-orientation" => assigns.orientation,
"data-on-value-change" => assigns.on_value_change,
"data-on-value-change-client" => assigns.on_value_change_client,
"data-dir" => assigns.dir
}
end
@spec root(Root.t()) :: map()
def root(assigns) do
%{
"data-scope" => "toggle-group",
"data-part" => "root",
"dir" => assigns.dir,
"data-orientation" => assigns.orientation,
"id" => "toggle-group:#{assigns.id}",
"data-disabled" => assigns.disabled,
"style" => "outline: none;"
}
end
@spec item(Item.t()) :: map()
def item(assigns) do
value = assigns.value
data_state = if(value in assigns.values, do: "on", else: "off")
aria_label = assigns.aria_label || value
%{
"data-scope" => "toggle-group",
"data-part" => "item",
"data-value" => value,
"data-orientation" => assigns.orientation,
"dir" => assigns.dir,
"type" => "button",
"data-disabled" => assigns.disabled_root || assigns.disabled,
"data-ownedby" => "toggle-group:#{assigns.id}",
"disabled" => assigns.disabled_root || assigns.disabled,
"data-state" => data_state,
"id" => "toggle-group:#{assigns.id}:#{value}",
"aria-label" => aria_label
}
end
def validate_value!([]), do: []
def validate_value!(value) when is_list(value) do
if Enum.all?(value, &is_binary/1) do
value
else
raise ArgumentError, value_error(value)
end
end
def validate_value!(value), do: raise(ArgumentError, value_error(value))
def value_error(value), do: "value must be a list of strings, got: #{inspect(value)}"
end