feat: update checkbox component to use open-ended structures

Commit also includes changes to other components that make unused props optional.

src/components/checkbox.rs

@@ -1,4 +1,6 @@
+use std::collections::HashMap;
 use leptos::prelude::*;
+use crate::components::ValueType;
 
 #[component]
 pub fn Checkbox(
@@ -42,7 +44,9 @@ pub fn Checkbox(
 
 #[component]
 pub fn CheckboxList(
-    #[prop(default = RwSignal::new(vec![]))] selected: RwSignal<Vec<String>>,
+    #[prop(optional)] selected: RwSignal<Vec<String>>,
+    #[prop(into)] data_member: String,
+    #[prop()] data_map: RwSignal<HashMap<String, ValueType>>,
     #[prop()] items: Vec<String>,
     #[prop(default = RwSignal::new(false))] disabled: RwSignal<bool>,
     #[prop(optional, into)] label: String,
@@ -53,32 +57,57 @@ pub fn CheckboxList(
             {items
                 .into_iter()
                 .map(|item| {
-                    let is_checked = {
+                    let checked_signal = Signal::derive({
                         let item_name = item.clone();
-                        move || { selected.get().contains(&item_name) }
+                        let data_member = data_member.clone();
+                        move || {
+                            data_map.get()  // HashMap
+                                .get(&data_member)  // Option<ValueType>
+                                .unwrap_or(&ValueType::List(None))  // ValueType
+                                .as_list()  // Result<Option<Vec<ValueType>>, ValueType>
+                                .unwrap_or(Some(vec!()))  // Option<Vec<ValueType>>
+                                .unwrap_or(vec!())  // Vec<ValueType>
+                                .contains(&ValueType::String(Some(item_name.clone())))  // bool
+                        }
+                    });
+                
+                    let on_change = {
+                        let item_name = item.clone();
+                        let data_member = data_member.clone();
+                        move || {
+                            let result = ValueType::String(Some(item_name.clone()));
+                            data_map.update(|map| {
+                                if let Some(value_type) = map.get_mut(&data_member) {
+                                    // Get the list from the enum
+                                    if let Some(mut list) = value_type.as_list().unwrap_or(None) {
+                                        // Check if the value exists in the list or not. Both of these branches
+                                        // directly update the value within the hash map, otherwise the change
+                                        // isn't reactive.
+                                        if let Some(index) = list.iter().position(|val| *val == result) {
+                                            // Value is already selected, deselect it.
+                                            list.remove(index);
+                                        } else {
+                                            // Value is not selected, so select it.
+                                            list.push(result);
+                                        }
+                                        *value_type = ValueType::List(Some(list));
+                                    } else {
+                                        // Update the value at the current data_member
+                                        let temp = map.get_mut(&data_member.clone()).unwrap();
+                                        *temp = ValueType::List(Some(vec![result]));
+                                    }
+                                } else {
+                                    // Insert a new list into the hash map
+                                    map.insert(data_member.clone(), ValueType::List(Some(vec![result])));
+                                }
+                            });
+                        }
                     };
-                    let checked_signal = Signal::derive(is_checked);
-                    // Check if this checkbox should be selected
-
+                
                     view! {
                         <Checkbox
                             checked=checked_signal
-                            on_change={
-                                let item_name = item.clone();
-                                move || {
-                                    selected
-                                        .update(|list| {
-                                            if let Some(index) = list
-                                                .iter()
-                                                .position(|val| *val == item_name)
-                                            {
-                                                list.remove(index);
-                                            } else {
-                                                list.push(item_name.clone());
-                                            }
-                                        });
-                                }
-                            }
+                            on_change=on_change
                             // The actual selected values are tracked by this element, not by the checkboxes themselves.
                             value=item.clone()
                             disabled=disabled

src/components/multi_entry/multi_entry.rs

@@ -1,3 +1,4 @@
+use std::collections::HashMap;
 use std::sync::Arc;
 use leptos::either::either;
 use crate::components::{ActionButton, OutlinedTextField};
@@ -15,6 +16,7 @@ fn render_entry_component(entry_data: MultiEntryData, member_info: MultiEntryMem
             <OutlinedTextField
                 label=member_info.display_name
                 data_member=member_info.member_name
+                data_map=RwSignal::new(HashMap::default())
                 placeholder="testing"
                 value=reactive
             />

src/components/multi_entry/value_type.rs

@@ -4,7 +4,7 @@ use std::fmt::Display;
 /// Defines a set of possible input types. They allow for the type and value of every data member
 /// to be stored within a single `HashMap` or `Vec`. This means that even though all the data is
 /// created as a single type, the values are still able to be type safe.
-#[derive(Clone, Serialize, Deserialize, Debug)]
+#[derive(PartialEq, Clone, Serialize, Deserialize, Debug)]
 pub enum ValueType {
     /// Indicates a `String` value.
     String(Option<String>),

src/components/select.rs

@@ -10,14 +10,13 @@ use crate::components::ValueType;
 /// by the `value` prop of the component.
 #[component]
 pub fn Select(
-    #[prop(default = vec!["Test Value".into()])] value_list: Vec<String>,
-    #[prop(default = RwSignal::new("".into()))] value: RwSignal<String>,
+    #[prop()] value_list: Vec<String>,
+    #[prop(optional)] value: RwSignal<String>,
     #[prop(into)] data_member: String,
     #[prop()] data_map: RwSignal<HashMap<String, ValueType>>,
     #[prop(optional, into)] label: String,
     #[prop(default = RwSignal::new(false))] disabled: RwSignal<bool>,
 ) -> impl IntoView {
-    
     let on_change = {
         let data_member = data_member.clone();
         move |e: Targeted<Event, HtmlSelectElement>| {

src/components/text_field.rs

@@ -8,7 +8,7 @@ pub fn OutlinedTextField(
     #[prop(optional, into)] placeholder: String,
     // #[prop()] value: Subfield<TStore, TInner, ValueType>,
     #[prop(into)] data_member: String,  // should this be an RwSignal??
-    #[prop(optional)] data_map: RwSignal<HashMap<String, ValueType>>,
+    #[prop()] data_map: RwSignal<HashMap<String, ValueType>>,
     #[prop(optional)] value: RwSignal<ValueType>,
     #[prop(default = "text".to_owned(), into)] input_type: String,
     #[prop(optional)] disabled: RwSignal<bool>,
@@ -86,13 +86,11 @@ pub fn OutlinedTextField(
                     disabled={disabled}
                     placeholder={placeholder}
                     prop:name=name
-                    prop:value={
-                        data_map
-                            .get()  // HashMap
-                            .get(&data_member)  // Option<ValueType>
-                            .unwrap_or(&ValueType::String(None))  // ValueType
-                            .to_string()
-                    }
+                    prop:value=move || data_map
+                        .get()  // HashMap
+                        .get(&data_member)  // Option<ValueType>
+                        .unwrap_or(&ValueType::String(None))  // ValueType
+                        .to_string()
                     on:input=on_input
                 />
                 <div