Migration to yew 0.18.0

* Migration to yew 0.18.0
* Removed duplicated clones
* Bump version of ybc to 0.2.0

Author: Pscheidl

.gitignore

@@ -1,6 +1,7 @@
 # directory ignores
 dist
 target
+.idea
 
 # file ignores
 Cargo.lock

CHANGELOG.md

@@ -4,6 +4,9 @@ This changelog follows the patterns described here: https://keepachangelog.com/e
 
 ## Unreleased
 
+## 0.2.0 
+- Added support for yew `0.18.x`
+
 ## 0.1.6
 ### changed
 - Updates to the `Navbar` component:

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "ybc"
-version = "0.1.6"
+version = "0.2.0"
 description = "A Yew component library based on the Bulma CSS framework."
 authors = ["Anthony Dodd <dodd.anthonyjosiah@gmail.com>"]
 edition = "2018"
@@ -13,9 +13,9 @@ keywords = ["wasm", "web", "bulma", "sass", "yew"]
 [dependencies]
 derive_more = "0.99.9"
 web-sys = { version="0.3", features=["Element", "File", "HtmlCollection", "HtmlSelectElement"] }
-yew = { version="0.17.3", features=["web_sys"] }
-yewtil = { version="0.3.2", features=["neq"] }
-yew-router = { version="0.14.0", features=["web_sys"], optional=true }
+yew = { version="0.18.0", features=["web_sys"] }
+yewtil = { version="0.4.0", features=["neq"] }
+yew-router = { version="0.15.0", features=["web_sys"], optional=true }
 
 [features]
 default = ["router"]

src/columns/mod.rs

@@ -44,7 +44,7 @@ impl Component for Columns {
     fn view(&self) -> Html {
         let mut classes = Classes::from("columns");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         if self.props.vcentered {
             classes.push("is-vcentered");
@@ -104,7 +104,7 @@ impl Component for Column {
     fn view(&self) -> Html {
         let mut classes = Classes::from("column");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <div class=classes>

src/common.rs

@@ -1,4 +1,6 @@
 use derive_more::Display;
+use std::borrow::Cow;
+use yew::html::IntoOptPropValue;
 
 /// Common alignment classes.
 #[derive(Clone, Debug, Display, PartialEq)]
@@ -25,3 +27,9 @@ pub enum Size {
     #[display(fmt = "large")]
     Large,
 }
+
+impl IntoOptPropValue<Cow<'static, str>> for Size {
+    fn into_opt_prop_value(self) -> Option<Cow<'static, str>> {
+        Some(Cow::from(self.to_string()))
+    }
+}

src/components/breadcrumb.rs

@@ -48,7 +48,7 @@ impl Component for Breadcrumb {
     fn view(&self) -> Html {
         let mut classes = Classes::from("breadcrumb");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         if let Some(size) = &self.props.size {
             classes.push(&size.to_string());

src/components/card.rs

@@ -35,7 +35,7 @@ impl Component for Card {
     fn view(&self) -> Html {
         let mut classes = Classes::from("card");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <div class=classes>
@@ -82,7 +82,7 @@ impl Component for CardHeader {
     fn view(&self) -> Html {
         let mut classes = Classes::from("card-header");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <header class=classes>
@@ -129,7 +129,7 @@ impl Component for CardImage {
     fn view(&self) -> Html {
         let mut classes = Classes::from("card-image");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <div class=classes>
@@ -176,7 +176,7 @@ impl Component for CardContent {
     fn view(&self) -> Html {
         let mut classes = Classes::from("card-content");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <div class=classes>
@@ -223,7 +223,7 @@ impl Component for CardFooter {
     fn view(&self) -> Html {
         let mut classes = Classes::from("card-footer");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <footer class=classes>

src/components/dropdown.rs

@@ -68,7 +68,7 @@ impl Component for Dropdown {
     fn view(&self) -> Html {
         let mut classes = Classes::from("dropdown");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         let opencb = if self.props.hoverable {
             classes.push("is-hoverable");

src/components/menu.rs

@@ -35,7 +35,7 @@ impl Component for Menu {
     fn view(&self) -> Html {
         let mut classes = Classes::from("menu");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <aside class=classes>
@@ -83,7 +83,7 @@ impl Component for MenuList {
     fn view(&self) -> Html {
         let mut classes = Classes::from("menu-list");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <ul class=classes>
@@ -131,7 +131,7 @@ impl Component for MenuLabel {
     fn view(&self) -> Html {
         let mut classes = Classes::from("menu-label");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <p class=classes>

src/components/message.rs

@@ -35,7 +35,7 @@ impl Component for Message {
     fn view(&self) -> Html {
         let mut classes = Classes::from("message");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <article class=classes>
@@ -82,7 +82,7 @@ impl Component for MessageHeader {
     fn view(&self) -> Html {
         let mut classes = Classes::from("message-header");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <div class=classes>
@@ -129,7 +129,7 @@ impl Component for MessageBody {
     fn view(&self) -> Html {
         let mut classes = Classes::from("message-body");
         if let Some(extra) = &self.props.classes {
-            classes = classes.extend(extra);
+            classes.push(extra);
         }
         html! {
             <div class=classes>