feat: use patternfly-yew v0.7 with yew 0.22 base

MarcAntoine-Arnaud · MarcAntoine-Arnaud · commit 14e50e1fb394 · 2026-02-03T08:50:59.000+01:00
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -14,17 +14,17 @@ chrono = { version = "0.4.30", default-features = false, features = ["wasmbind"]
 gloo-utils = "0.2"
 log = "0.4"
 patternfly-yew = { version = "0.6.1", features = ["tree", "icons-fab"] }
-popper-rs = { version = "0.3.2", features = ["yew", "debug"] }
+popper-rs = { version = "0.4", features = ["yew", "debug"] }
 serde_json = "1"
-strum = { version = "0.26", features = ["derive"] }
+strum = { version = "0.27", features = ["derive"] }
 url = "2"
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 wasm-logger = "0.2"
-yew = { version = "0.21", features = ["csr"] }
-yew-hooks = "0.3"
-yew-more-hooks = { version = "0.3.3", features = ["yew-hooks"] }
-yew-nested-router = "0.7.0"
+yew = { version = "0.22", features = ["csr"] }
+yew-hooks = "0.4"
+yew-more-hooks = { version = "0.4", features = ["yew-hooks"] }
+yew-nested-router = "0.8"
 
 [dependencies.web-sys]
 version = "0.3"
diff --git a/rust-toolchain.toml b/rust-toolchain.toml
diff --git a/src/components/dual_list_selector/dual_list_selector.1.example b/src/components/dual_list_selector/dual_list_selector.1.example
@@ -1,5 +1,5 @@
 {
-    #[function_component(Example)]
+    #[component(Example)]
     fn example() -> Html {
         let available: Vec<Fruit> = vec![
             "Apple",
diff --git a/src/components/dual_list_selector/dual_list_selector.2.example b/src/components/dual_list_selector/dual_list_selector.2.example
@@ -1,5 +1,5 @@
 {
-    #[function_component(Example)]
+    #[component(Example)]
     fn example() -> Html {
         let available: Vec<Fruit> = vec![
             "Apple",
diff --git a/src/components/dual_list_selector/dual_list_selector.3.example b/src/components/dual_list_selector/dual_list_selector.3.example
@@ -1,5 +1,5 @@
 {
-    #[function_component(Example)]
+    #[component(Example)]
     fn example() -> Html {
         let available: Vec<Fruit> = vec![
             "Apple",
diff --git a/src/components/dual_list_selector/mod.rs b/src/components/dual_list_selector/mod.rs
@@ -1,5 +1,6 @@
 use crate::{example, example::ExamplePage};
 use patternfly_yew::prelude::*;
+use yew::html::IntoPropValue;
 use yew::prelude::*;
 
 #[derive(Debug, Clone, PartialEq)]
@@ -17,13 +18,19 @@ impl Fruit {
     }
 }
 
-impl ToHtml for Fruit {
-    fn to_html(&self) -> Html {
+impl IntoPropValue<Html> for Fruit {
+    fn into_prop_value(self) -> Html {
         html! { {self.name.clone() }}
     }
 }
 
-#[function_component(DualListSelectorExample)]
+impl IntoPropValue<Html> for &Fruit {
+    fn into_prop_value(self) -> Html {
+        html! { {self.name.clone() }}
+    }
+}
+
+#[component(DualListSelectorExample)]
 pub fn view() -> Html {
     let example1 = example! {"Basic" => "dual_list_selector.1.example"};
     let example2 = example! {"Advanced" => "dual_list_selector.2.example"};
diff --git a/src/components/label/label.1.example b/src/components/label/label.1.example
@@ -2,7 +2,7 @@
     let onclose = Callback::from(|_|{});
 
     html!(
-        for Color::iter().map(|color|html!{
+        Color::iter().map(|color| html!{
             <Flex>
                 <FlexItem><Label label={format!("{}", color)} color={color}/></FlexItem>
                 <FlexItem><Label label={format!("{} with icon", color)} color={color} icon={Icon::InfoCircle}/></FlexItem>
@@ -11,6 +11,6 @@
                 <FlexItem><Label label={format!("{} clickable", color)} color={color} href="#"/></FlexItem>
                 <FlexItem><Label label={format!("{} clickable, closable with icon", color)} color={color} icon={Icon::InfoCircle} href="#" onclose={onclose.clone()}/></FlexItem>
             </Flex>
-        })
+        }).collect::<Html>()
     )
 }
diff --git a/src/components/label/label.2.example b/src/components/label/label.2.example
@@ -2,7 +2,7 @@
     let onclose = Callback::from(|_|{});
 
     html!(
-        for Color::iter().map(|color|html!{
+        Color::iter().map(|color| html!{
             <Flex>
                 <FlexItem><Label outline=true label={format!("{}", color)} color={color}/></FlexItem>
                 <FlexItem><Label outline=true label={format!("{} with icon", color)} {color} icon={Icon::InfoCircle}/></FlexItem>
@@ -11,6 +11,6 @@
                 <FlexItem><Label outline=true label={format!("{} clickable", color)} {color} href="#"/></FlexItem>
                 <FlexItem><Label outline=true label={format!("{} clickable, closable with icon", color)} {color} icon={Icon::InfoCircle} href="#" onclose={onclose.clone()}/></FlexItem>
             </Flex>
-        })
+        }).collect::<Html>()
     )
 }
diff --git a/src/components/label/mod.rs b/src/components/label/mod.rs
@@ -3,7 +3,7 @@ use patternfly_yew::prelude::*;
 use strum::IntoEnumIterator;
 use yew::prelude::*;
 
-#[function_component(LabelExample)]
+#[component(LabelExample)]
 pub fn label_example() -> Html {
     let example1 = example!("Label" => "label.1.example");
     let example2 = example!("Label (outline)" => "label.2.example");
diff --git a/src/components/search_input/search_input.6.example b/src/components/search_input/search_input.6.example
@@ -134,7 +134,7 @@
                             })
                         };
                         html_nested!(
-                            <MenuAction {onclick}>{ value }</MenuAction>
+                            <MenuAction {onclick}>{ *value }</MenuAction>
                         )
                     })}
                 </Menu>

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- #[function_component(Example)]`
	`2`	`+ #[component(Example)]`
`3`	`3`	`fn example() -> Html {`
`4`	`4`	`let available: Vec<Fruit> = vec![`
`5`	`5`	`"Apple",`