Packages
corex
0.1.2
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/editable/anatomy.ex
defmodule Corex.Editable.Anatomy do
@moduledoc false
defmodule Props do
@moduledoc false
@enforce_keys [:id]
defstruct [
:id,
form_field: false,
value: "",
disabled: false,
read_only: false,
required: false,
invalid: false,
name: nil,
form: nil,
dir: "ltr",
orientation: "horizontal",
default_edit: false,
placeholder: nil,
activation_mode: nil,
select_on_focus: true,
on_value_change: nil,
on_value_change_client: nil
]
@type t :: %__MODULE__{
id: String.t(),
form_field: boolean(),
value: String.t(),
disabled: boolean(),
read_only: boolean(),
required: boolean(),
invalid: boolean(),
name: String.t() | nil,
form: String.t() | nil,
dir: String.t(),
orientation: String.t(),
default_edit: boolean(),
placeholder: String.t() | nil,
activation_mode: String.t() | nil,
select_on_focus: boolean(),
on_value_change: String.t() | nil,
on_value_change_client: String.t() | nil
}
end
defmodule Root do
@moduledoc false
defstruct [:id, :dir, orientation: "horizontal", read_only: false]
@type t :: %__MODULE__{id: String.t(), dir: String.t(), orientation: String.t()}
@ignored_attrs ["id", "dir", "data-orientation"]
def ignored_attrs, do: @ignored_attrs
end
defmodule Area do
@moduledoc false
defstruct [
:id,
:dir,
empty: false,
editing: false,
auto_resize: true,
orientation: "horizontal"
]
@type t :: %__MODULE__{
id: String.t(),
dir: String.t(),
empty: boolean(),
editing: boolean(),
auto_resize: boolean(),
orientation: String.t()
}
@ignored_attrs [
"id",
"dir",
"data-orientation",
"data-focus",
"data-disabled",
"data-placeholder-shown",
"style"
]
def ignored_attrs, do: @ignored_attrs
end
defmodule Label do
@moduledoc false
defstruct [:id, :dir, orientation: "horizontal"]
@type t :: %__MODULE__{id: String.t(), dir: String.t(), orientation: String.t()}
@ignored_attrs [
"id",
"dir",
"data-orientation",
"for",
"htmlFor",
"data-focus",
"data-invalid",
"data-required"
]
def ignored_attrs, do: @ignored_attrs
end
defmodule FormValue do
@moduledoc false
defstruct [:id, :name, :value, :form]
@type t :: %__MODULE__{
id: String.t(),
name: String.t(),
value: String.t() | nil,
form: String.t() | nil
}
@ignored_attrs ["id", "name", "value", "form"]
def ignored_attrs, do: @ignored_attrs
end
defmodule Input do
@moduledoc false
defstruct [
:id,
:disabled,
:value,
:placeholder,
:name,
:form,
:aria_label,
required: false,
read_only: false,
editing: false,
dir: "ltr",
orientation: "horizontal"
]
@type t :: %__MODULE__{
id: String.t(),
disabled: boolean(),
value: String.t() | nil,
placeholder: String.t() | nil,
name: String.t() | nil,
form: String.t() | nil,
aria_label: String.t() | nil,
required: boolean(),
read_only: boolean(),
editing: boolean(),
dir: String.t(),
orientation: String.t()
}
@ignored_attrs [
"id",
"dir",
"data-orientation",
"disabled",
"required",
"readonly",
"readOnly",
"hidden",
"placeholder",
"name",
"form",
"aria-label",
"data-disabled",
"data-readonly",
"aria-invalid",
"data-invalid",
"data-autoresize",
"defaultValue",
"value",
"size",
"style"
]
def ignored_attrs, do: @ignored_attrs
end
defmodule Preview do
@moduledoc false
defstruct [
:id,
:dir,
:value_text,
:aria_label,
empty: false,
editing: false,
orientation: "horizontal"
]
@type t :: %__MODULE__{
id: String.t(),
dir: String.t(),
value_text: String.t() | nil,
aria_label: String.t() | nil,
empty: boolean(),
editing: boolean(),
orientation: String.t()
}
@ignored_attrs [
"id",
"dir",
"data-orientation",
"data-placeholder-shown",
"aria-readonly",
"data-readonly",
"data-disabled",
"aria-disabled",
"aria-invalid",
"data-invalid",
"aria-label",
"data-autoresize",
"hidden",
"tabindex",
"tabIndex",
"style"
]
def ignored_attrs, do: @ignored_attrs
end
defmodule EditTrigger do
@moduledoc false
defstruct [:id, :dir, :aria_label, editing: false, orientation: "horizontal"]
@type t :: %__MODULE__{
id: String.t(),
dir: String.t(),
aria_label: String.t() | nil,
editing: boolean(),
orientation: String.t()
}
@ignored_attrs [
"id",
"dir",
"data-orientation",
"type",
"hidden",
"disabled",
"aria-label"
]
def ignored_attrs, do: @ignored_attrs
end
defmodule Control do
@moduledoc false
defstruct [:id, :dir, orientation: "horizontal"]
@type t :: %__MODULE__{id: String.t(), dir: String.t(), orientation: String.t()}
@ignored_attrs ["id", "dir", "data-orientation"]
def ignored_attrs, do: @ignored_attrs
end
defmodule Triggers do
@moduledoc false
defstruct []
@type t :: %__MODULE__{}
end
defmodule SubmitTrigger do
@moduledoc false
defstruct [:id, :dir, :aria_label, editing: false, orientation: "horizontal"]
@type t :: %__MODULE__{
id: String.t(),
dir: String.t(),
aria_label: String.t() | nil,
editing: boolean(),
orientation: String.t()
}
@ignored_attrs [
"id",
"dir",
"data-orientation",
"type",
"hidden",
"disabled",
"aria-label"
]
def ignored_attrs, do: @ignored_attrs
end
defmodule CancelTrigger do
@moduledoc false
defstruct [:id, :dir, :aria_label, editing: false, orientation: "horizontal"]
@type t :: %__MODULE__{
id: String.t(),
dir: String.t(),
aria_label: String.t() | nil,
editing: boolean(),
orientation: String.t()
}
@ignored_attrs [
"id",
"dir",
"data-orientation",
"type",
"hidden",
"disabled",
"aria-label"
]
def ignored_attrs, do: @ignored_attrs
end
end