Color Input (#565)

* initial working prototype

* clean up component

* Fix alignment

* Code review tweaks

Co-authored-by: Keavon Chambers <keavon@keavon.com>

editor/src/layout/layout_message_handler.rs

@@ -80,17 +80,23 @@ impl MessageHandler<LayoutMessage, ()> for LayoutMessageHandler {
 						responses.push_back(callback_message);
 					}
 					Widget::RadioInput(radio_input) => {
-						let update_value = value.as_u64().expect("OptionalInput update was not of type: u64");
+						let update_value = value.as_u64().expect("RadioInput update was not of type: u64");
 						radio_input.selected_index = update_value as u32;
 						let callback_message = (radio_input.entries[update_value as usize].on_update.callback)(&());
 						responses.push_back(callback_message);
 					}
 					Widget::TextInput(text_input) => {
-						let update_value = value.as_str().expect("OptionalInput update was not of type: string");
+						let update_value = value.as_str().expect("TextInput update was not of type: string");
 						text_input.value = update_value.into();
 						let callback_message = (text_input.on_update.callback)(text_input);
 						responses.push_back(callback_message);
 					}
+					Widget::ColorInput(color_input) => {
+						let update_value = value.as_str().expect("ColorInput update was not of type: string");
+						color_input.value = update_value.into();
+						let callback_message = (color_input.on_update.callback)(color_input);
+						responses.push_back(callback_message);
+					}
 					Widget::TextLabel(_) => {}
 				};
 				self.send_layout(layout_target, responses);

editor/src/layout/widgets.rs

@@ -150,6 +150,7 @@ impl<T> Default for WidgetCallback<T> {
 #[remain::sorted]
 #[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
 pub enum Widget {
+	ColorInput(ColorInput),
 	IconButton(IconButton),
 	IconLabel(IconLabel),
 	NumberInput(NumberInput),
@@ -199,6 +200,15 @@ pub struct TextInput {
 	pub on_update: WidgetCallback<TextInput>,
 }
 
+#[derive(Clone, Serialize, Deserialize, Derivative)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct ColorInput {
+	pub value: String,
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<ColorInput>,
+}
+
 #[derive(Clone, Serialize, Deserialize, Debug, PartialEq)]
 pub enum NumberInputIncrementBehavior {
 	Add,