add wrapping example to demo

Author: dmackdev

examples/demo/src/apps/mod.rs

@@ -7,6 +7,7 @@ pub mod custom_input;
 pub mod editor;
 pub mod search;
 pub mod toggle_buttons;
+pub mod wrapping;
 
 pub trait Show {
     fn title(&self) -> &'static str;

examples/demo/src/apps/wrapping.rs

@@ -0,0 +1,90 @@
+use egui::{DragValue, Ui};
+use egui_json_tree::{
+    DefaultExpand, JsonTree, JsonTreeMaxWidth, JsonTreeStyle, JsonTreeWrapping,
+    JsonTreeWrappingParams,
+};
+use serde_json::Value;
+
+use super::Show;
+
+pub struct WrappingExample {
+    value: Value,
+    state: JsonTreeWrapping,
+}
+
+impl WrappingExample {
+    pub fn new(value: Value) -> Self {
+        Self {
+            value,
+            state: JsonTreeWrapping {
+                max_rows: 1,
+                max_width: JsonTreeMaxWidth::UiAvailableWidth,
+            },
+        }
+    }
+}
+
+impl Show for WrappingExample {
+    fn title(&self) -> &'static str {
+        "Wrapping"
+    }
+
+    fn show(&mut self, ui: &mut Ui) {
+        ui.hyperlink_to("Source", "https://github.com/dmackdev/egui_json_tree/blob/master/examples/demo/src/apps/wrapping.rs");
+        ui.add_space(10.0);
+
+        ui.label(egui::RichText::new("Max Rows:").monospace());
+        ui.add(
+            DragValue::new(&mut self.state.max_rows)
+                .speed(0.1)
+                .range(1..=5),
+        );
+
+        ui.label(egui::RichText::new("Max Width:").monospace());
+        ui.horizontal(|ui| {
+            if ui
+                .selectable_label(
+                    matches!(self.state.max_width, JsonTreeMaxWidth::Pt(pts) if pts.is_finite()),
+                    "Points",
+                )
+                .clicked()
+            {
+                self.state.max_width = JsonTreeMaxWidth::Pt(100.0);
+            }
+            if let JsonTreeMaxWidth::Pt(ref mut pts) = &mut self.state.max_width {
+                if pts.is_finite() {
+                    ui.add(DragValue::new(pts).speed(10.0).range(100.0..=10000.0));
+                }
+            }
+        });
+
+        if ui
+            .selectable_label(
+                matches!(self.state.max_width, JsonTreeMaxWidth::UiAvailableWidth),
+                "Available Width",
+            )
+            .clicked()
+        {
+            self.state.max_width = JsonTreeMaxWidth::UiAvailableWidth;
+        }
+
+        if ui
+            .selectable_label(
+                matches!(self.state.max_width, JsonTreeMaxWidth::Pt(pts) if pts.is_infinite()),
+                "Infinite",
+            )
+            .clicked()
+        {
+            self.state.max_width = JsonTreeMaxWidth::Pt(f32::INFINITY);
+        }
+
+        JsonTree::new(self.title(), &self.value)
+            .style(JsonTreeStyle::new().wrap(JsonTreeWrappingParams {
+                value_no_parent: self.state,
+                value_expanded_parent: self.state,
+                value_collapsed_root: self.state,
+            }))
+            .default_expand(DefaultExpand::All)
+            .show(ui);
+    }
+}

examples/demo/src/main.rs

@@ -1,7 +1,7 @@
 use apps::{
     copy_to_clipboard::CopyToClipboardExample, custom_input::CustomExample,
     editor::JsonEditorExample, search::SearchExample,
-    toggle_buttons::ToggleButtonsCustomisationDemo, Example, Show,
+    toggle_buttons::ToggleButtonsCustomisationDemo, wrapping::WrappingExample, Example, Show,
 };
 use serde_json::json;
 
@@ -16,6 +16,20 @@ struct DemoApp {
 impl Default for DemoApp {
     fn default() -> Self {
         let complex_object = json!({"foo": [1, 2, [3]], "bar": { "qux" : false, "thud": { "a/b": [4, 5, { "m~n": "Greetings!" }]}, "grep": 21}, "baz": null});
+        let long_strings_object = json!({
+          "baz": "Ullamco ipsum proident occaecat eiusmod ea aute ex non cupidatat laboris duis amet cupidatat. Ullamco sint do enim consectetur Lorem occaecat mollit. Aliquip voluptate ullamco consectetur adipisicing elit fugiat labore laboris. Occaecat non incididunt duis consectetur aliquip dolore cillum eiusmod. Qui sunt est excepteur laborum.",
+          "bar": [
+            "Laboris id occaecat sit quis aliqua et. Fugiat nisi nulla nostrud voluptate id enim do esse deserunt non culpa incididunt eiusmod. Minim nulla reprehenderit irure duis amet commodo commodo aliquip ut. Lorem amet ipsum excepteur consectetur qui dolore. In occaecat dolor ullamco voluptate dolore qui incididunt occaecat pariatur est qui aliquip labore non.",
+            "Velit ex nisi in et enim veniam ullamco reprehenderit consectetur Lorem. Dolor commodo pariatur Lorem proident. Ad minim aliquip excepteur officia consequat nulla mollit adipisicing ut veniam Lorem. Sint mollit occaecat velit do. Nulla aute Lorem non excepteur.",
+            "Officia culpa in adipisicing sunt qui culpa voluptate ad veniam adipisicing anim ex aute. Laboris ipsum id est cillum minim quis sint ex culpa dolore minim. Lorem excepteur deserunt voluptate minim consequat qui quis enim. Do non irure pariatur exercitation commodo laboris sit. Sunt magna nulla magna Lorem reprehenderit dolore et tempor Lorem esse quis exercitation tempor commodo."
+          ],
+          "qux": {
+            "thud": "Et mollit occaecat et aliqua officia adipisicing adipisicing. Fugiat cillum dolor eu laborum cupidatat aliqua et reprehenderit do laboris velit in. Dolor voluptate Lorem pariatur voluptate enim labore in et pariatur consequat esse elit. Do qui aute proident in aliquip. Ea velit quis ex enim proident tempor laboris exercitation aute consectetur minim.",
+            "fizz": {
+              "buzz": "Sunt Lorem officia reprehenderit ea esse aliqua in veniam. Do irure amet dolore magna amet tempor anim sit irure tempor proident laborum dolore. Aute et ullamco eiusmod culpa et esse. Minim ut elit laboris est. Est mollit et mollit dolore ea adipisicing nostrud excepteur."
+            }
+          }
+        });
 
         Self {
             examples: vec![
@@ -40,6 +54,7 @@ impl Default for DemoApp {
                 Box::new(CopyToClipboardExample::new(complex_object.clone())),
                 Box::new(JsonEditorExample::new(complex_object.clone())),
                 Box::new(ToggleButtonsCustomisationDemo::new(complex_object)),
+                Box::new(WrappingExample::new(long_strings_object)),
             ],
             open_example_idx: None,
             left_sidebar_expanded: true,