Packages

corex

0.1.0
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.

HexDocs

Current section

Files

Jump to
Readme
43 Versions
4 Dependencies
Dependants
Files
Activity
corex lib components checkable connect.ex
Raw

lib/components/checkable/connect.ex 

defmodule Corex.Checkable.Connect do

  @moduledoc false



  import Corex.Helpers, only: [get_boolean: 1, maybe_put_data_dir: 2]



  import Corex.Checkable.Helpers,

    only: [

      checked_attr_value: 1,

      checked_controlled_attr: 2,

      checked_default_attr: 2,

      native_checked: 1,

      normalize_checked: 1

    ]



  alias Corex.FormField



  @spec props(map(), String.t()) :: map()

  def props(assigns, _scope) do

    form_field = Map.get(assigns, :form_field, false)

    controlled = Map.get(assigns, :controlled, false)

    zag_controlled = form_field || controlled

    checked_val = checked_attr_value(normalize_checked(assigns.checked))



    {checked_attr, default_checked_attr} =

      if zag_controlled do

        {checked_val, nil}

      else

        {checked_controlled_attr(controlled, assigns.checked),

         checked_default_attr(controlled, assigns.checked)}

      end



    %{

      "id" => assigns.id,

      "data-default-checked" => default_checked_attr,

      "data-checked" => checked_attr,

      "data-controlled" => get_boolean(zag_controlled),

      "data-disabled" => get_boolean(assigns.disabled),

      "data-value" => assigns.value,

      "data-name" => assigns.name,

      "data-form" => assigns.form,

      "data-orientation" => Map.get(assigns, :orientation, "horizontal"),

      "data-label" => assigns.label,

      "data-readonly" => get_boolean(assigns.read_only),

      "data-invalid" => get_boolean(assigns.invalid),

      "data-required" => get_boolean(assigns.required),

      "data-on-checked-change" => assigns.on_checked_change,

      "data-on-checked-change-client" => assigns.on_checked_change_client

    }

    |> maybe_put_data_dir(assigns.dir)

    |> FormField.put_form_field_attrs(assigns)

  end



  @spec hidden_input(map(), String.t(), keyword()) :: map()

  def hidden_input(assigns, scope, opts \\ []) do

    input_value = Keyword.get(opts, :input_value, assigns.value)



    %{

      "data-scope" => scope,

      "data-part" => "hidden-input",

      "id" => "#{scope}:#{assigns.id}:input",

      "type" => "checkbox",

      "checked" => native_checked(assigns.checked),

      "value" => input_value,

      "name" => assigns.name,

      "required" => get_boolean(assigns.required),

      "disabled" => get_boolean(assigns.disabled),

      "aria-labelledby" => "#{scope}:#{assigns.id}:label",

      "aria-invalid" => if(assigns.invalid, do: "true", else: "false"),

      "style" =>

        "border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal;"

    }

  end

end