rename inner on event to data

examples/all_events.rs

@@ -39,21 +39,21 @@ fn app() -> Element {
     rsx! {
         div { style: "{CONTAINER_STYLE}",
             // focusing is necessary to catch keyboard events
-            div { style: "{RECT_STYLE}", tabindex: "0",
-                onmousemove: move |event| log_event(event.inner().clone()),
-                onclick: move |event| log_event(event.inner().clone()),
-                ondoubleclick: move |event| log_event(event.inner().clone()),
-                onmousedown: move |event| log_event(event.inner().clone()),
-                onmouseup: move |event| log_event(event.inner().clone()),
+            div { style: "{RECT_STYLE}", tabindex: 0,
+                onmousemove: move |event| log_event(event.data()),
+                onclick: move |event| log_event(event.data()),
+                ondoubleclick: move |event| log_event(event.data()),
+                onmousedown: move |event| log_event(event.data()),
+                onmouseup: move |event| log_event(event.data()),
 
-                onwheel: move |event| log_event(event.inner().clone()),
+                onwheel: move |event| log_event(event.data()),
 
-                onkeydown: move |event| log_event(event.inner().clone()),
-                onkeyup: move |event| log_event(event.inner().clone()),
-                onkeypress: move |event| log_event(event.inner().clone()),
+                onkeydown: move |event| log_event(event.data()),
+                onkeyup: move |event| log_event(event.data()),
+                onkeypress: move |event| log_event(event.data()),
 
-                onfocusin: move |event| log_event(event.inner().clone()),
-                onfocusout: move |event| log_event(event.inner().clone()),
+                onfocusin: move |event| log_event(event.data()),
+                onfocusout: move |event| log_event(event.data()),
 
                 "Hover, click, type or scroll to see the info down below"
             }

examples/control_focus.rs

@@ -32,7 +32,7 @@ fn app() -> Element {
                 input {
                     value: "{i}",
                     onmounted: move |cx| {
-                        elements.write().push(cx.inner().clone());
+                        elements.write().push(cx.data());
                     },
                     oninput: move |_| {
                         running.set(false);

examples/crm.rs

@@ -94,7 +94,7 @@ fn ClientAdd() -> Element {
 
                         // when the form mounts, focus the first name input
                         onmounted: move |e| async move {
-                            _ = e.inner().set_focus(true).await;
+                            _ = e.set_focus(true).await;
                         },
                     }
                 }

examples/file_upload.rs

@@ -35,7 +35,7 @@ fn App() -> Element {
             input {
                 r#type: "checkbox",
                 checked: enable_directory_upload,
-                oninput: move |evt| enable_directory_upload.set(evt.value().parse().unwrap()),
+                oninput: move |evt| enable_directory_upload.set(evt.checked()),
             },
             "Enable directory upload"
         }

examples/inputs.rs

@@ -48,7 +48,7 @@ fn app() -> Element {
                         id: "huey",
                         r#type: "radio",
                         value: "huey",
-                        checked: "",
+                        checked: true,
                         name: "drone",
                     }
                     label {
@@ -63,10 +63,7 @@ fn app() -> Element {
                         value: "dewey",
                         name: "drone",
                     }
-                    label {
-                        r#for: "dewey",
-                        "Dewey"
-                    }
+                    label { r#for: "dewey", "Dewey" }
                 }
                 div {
                     input {

examples/read_size.rs

@@ -45,7 +45,7 @@ fn app() -> Element {
             width: "50%",
             height: "50%",
             background_color: "red",
-            onmounted: move |cx| div_element.set(Some(cx.inner().clone())),
+            onmounted: move |cx| div_element.set(Some(cx.data())),
             "This element is {dimensions():?}"
         }
 

examples/scroll_to_top.rs

@@ -10,7 +10,7 @@ fn app() -> Element {
     rsx! {
         div {
             h1 {
-                onmounted: move |cx| header_element.set(Some(cx.inner().clone())),
+                onmounted: move |cx| header_element.set(Some(cx.data())),
                 "Scroll to top example"
             }