port examples to new events

docs/guide/examples/hello_world_tui_no_ctrl_c.rs

@@ -1,7 +1,7 @@
 // todo remove deprecated
 #![allow(non_snake_case, deprecated)]
 
-use dioxus::events::{KeyCode, KeyboardEvent};
+use dioxus::events::KeyboardEvent;
 use dioxus::prelude::*;
 use dioxus_tui::TuiContext;
 
@@ -26,7 +26,7 @@ fn App(cx: Scope) -> Element {
             background_color: "red",
             justify_content: "center",
             align_items: "center",
-            onkeydown: move |k: KeyboardEvent| if let KeyCode::Q = k.key_code {
+            onkeydown: move |k: KeyboardEvent| if let Code::KeyQ = k.code() {
                 tui_ctx.quit();
             },
 

docs/guide/examples/input_controlled.rs

@@ -14,7 +14,7 @@ fn App(cx: Scope) -> Element {
             // we tell the component what to render
             value: "{name}",
             // and what to do when the value changes
-            oninput: move |evt| name.set(evt.value.clone()),
+            oninput: move |evt| name.set(evt.value()),
         }
     })
 }

docs/guide/examples/meme_editor.rs

@@ -28,7 +28,7 @@ fn MemeEditor(cx: Scope) -> Element {
             },
             CaptionEditor {
                 caption: caption,
-                on_input: move |event: FormEvent| {caption.set(event.value.clone());},
+                on_input: move |event: FormEvent| {caption.set(event.value());},
             },
         }
     })

docs/guide/examples/meme_editor_dark_mode.rs

@@ -62,7 +62,7 @@ pub fn DarkModeToggle(cx: Scope) -> Element {
         input {
             r#type: "checkbox",
             oninput: move |event| {
-                let is_enabled = event.value == "true";
+                let is_enabled = event.value() == "true";
                 dark_mode.write().0 = is_enabled;
             },
         },
@@ -97,7 +97,7 @@ fn MemeEditor(cx: Scope) -> Element {
             },
             CaptionEditor {
                 caption: caption,
-                on_input: move |event: FormEvent| {caption.set(event.value.clone());},
+                on_input: move |event: FormEvent| {caption.set(event.value().clone());},
             },
         }
     })

docs/guide/examples/rendering_lists.rs

@@ -40,7 +40,7 @@ cx.render(rsx!(
         },
         input {
             value: "{comment_field}",
-            oninput: |event| comment_field.set(event.value.clone()),
+            oninput: |event| comment_field.set(event.value()),
         }
         input {
             r#type: "submit",
@@ -71,7 +71,7 @@ cx.render(rsx!(
         },
         input {
             value: "{comment_field}",
-            oninput: |event| comment_field.set(event.value.clone()),
+            oninput: |event| comment_field.set(event.value()),
         }
         input {
             r#type: "submit",