update dependencies

lib/live_select/component.ex

@@ -3,7 +3,7 @@ defmodule LiveSelect.Component do
 
   use Phoenix.LiveComponent
 
-  import Phoenix.HTML.Form,
+  import PhoenixHTMLHelpers.Form,
     only: [text_input: 3, hidden_input: 3]
 
   import LiveSelect.ClassUtil

lib/support/live_select_web/live/live_component_form.ex

@@ -5,7 +5,7 @@ defmodule LiveSelectWeb.LiveComponentForm do
   alias LiveSelect.CityFinder
 
   import LiveSelect
-  import Phoenix.HTML.Form
+  use PhoenixHTMLHelpers
 
   @impl true
   def mount(socket) do
@@ -18,7 +18,7 @@ defmodule LiveSelectWeb.LiveComponentForm do
   def render(assigns) do
     ~H"""
     <div id="form_component" phx-hook="Foo" phx-target={@myself}>
-      <.form for={@form} phx-submit="submit" phx-target={@myself}>
+      <.form for={@form} phx-submit="submit" phx-change="change" phx-target={@myself}>
         <.live_select field={@form[:city_search]} mode={:tags} phx-target={@myself}>
           <:option :let={option}>
             with custom slot: <%= option.label %>
@@ -43,12 +43,14 @@ defmodule LiveSelectWeb.LiveComponentForm do
   end
 
   @impl true
-  def handle_event("submit", %{"my_form_old_style" => %{"city_search" => _live_select}}, socket) do
+  def handle_event("submit", %{"my_form_new_style" => %{"city_search" => live_select}}, socket) do
+    IO.inspect(live_select, label: "submit")
     {:noreply, socket}
   end
 
   @impl true
-  def handle_event("submit", %{"my_form_new_style" => %{"city_search" => _live_select}}, socket) do
+  def handle_event("change", %{"my_form_new_style" => %{"city_search" => live_select}}, socket) do
+    IO.inspect(live_select, label: "change")
     {:noreply, socket}
   end
 end

lib/support/live_select_web/live/showcase_live.ex

@@ -4,6 +4,8 @@ defmodule LiveSelectWeb.ShowcaseLive do
   import LiveSelect
   alias LiveSelect.Component
 
+  use PhoenixHTMLHelpers
+
   defmodule Settings do
     use Ecto.Schema
 

lib/support/live_select_web/views/error_helpers.ex

@@ -3,7 +3,8 @@ defmodule LiveSelectWeb.ErrorHelpers do
   Conveniences for translating and building error messages.
   """
 
-  use Phoenix.HTML
+  import Phoenix.HTML.Form
+  use PhoenixHTMLHelpers
 
   @doc """
   Generates tag for inlined form input errors.

mix.exs

@@ -53,7 +53,8 @@ defmodule LiveSelect.MixProject do
   defp deps do
     [
       {:phoenix_live_view, "~> 0.19"},
-      {:phoenix_html, "~> 3.3"},
+      {:phoenix_html, "~> 4.0"},
+      {:phoenix_html_helpers, "~> 1.0"},
       {:jason, "~> 1.0"},
       {:phoenix, ">= 1.6.0", optional: true},
       {:phoenix_live_reload, "~> 1.2", only: :dev},