tui_widget_list/
lib.rs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
//! # A versatile widget list for Ratatui
//!
//!<div align="center">
//!     
//! [![Continuous Integration](https://github.com/preiter93/tui-widget-list/actions/workflows/ci.yml/badge.svg)](https://github.com/preiter93/tui-widget-list/actions/workflows/ci.yml)
//!
//! </div>
//!
//! This crate provides a stateful widget [`ListView`] implementation for `Ratatui`. The associated [`ListState`], offers functionalities such as navigating to the next and previous items.
//! The list view support both horizontal and vertical scrolling.
//!
//! ## Configuration
//! The [`ListView`] can be customized with the following options:
//! - [`ListView::scroll_axis`]: Specifies whether the list is vertically or horizontally scrollable.
//!
//! - [`ListView::scroll_padding`]: Specifies whether content should remain visible while scrolling, ensuring that a specified amount of padding is preserved above/below the selected item during scrolling.
//! - [`ListView::infinite_scrolling`]: Allows the list to wrap around when scrolling past the first or last element.
//! - [`ListView::style`]: Defines the base style of the list.
//! - [`ListView::block`]: Optional outer block surrounding the list.
//!
//! ## Example
//!```
//! use ratatui::prelude::*;
//! use tui_widget_list::{ListBuilder, ListState, ListView};
//!
//! #[derive(Debug, Clone)]
//! pub struct ListItem {
//!     text: String,
//!     style: Style,
//! }
//!
//! impl ListItem {
//!     pub fn new<T: Into<String>>(text: T) -> Self {
//!         Self {
//!             text: text.into(),
//!             style: Style::default(),
//!         }
//!     }
//! }
//!
//! impl Widget for ListItem {
//!     fn render(self, area: Rect, buf: &mut Buffer) {
//!         Line::from(self.text).style(self.style).render(area, buf);
//!     }
//! }
//!
//! pub struct App {
//!     state: ListState,
//! }
//!
//! impl Widget for &mut App {
//!     fn render(self, area: Rect, buf: &mut Buffer) {
//!         let builder = ListBuilder::new(|context| {
//!            let mut item = ListItem::new(&format!("Item {:0}", context.index));
//!
//!            // Alternating styles
//!            if context.index % 2 == 0 {
//!                item.style = Style::default().bg(Color::Rgb(28, 28, 32));
//!            } else {
//!                item.style = Style::default().bg(Color::Rgb(0, 0, 0));
//!            }
//!
//!            // Style the selected element
//!            if context.is_selected {
//!                item.style = Style::default()
//!                    .bg(Color::Rgb(255, 153, 0))
//!                    .fg(Color::Rgb(28, 28, 32));
//!            };
//!
//!            // Return the size of the widget along the main axis.
//!            let main_axis_size = 1;
//!
//!            (item, main_axis_size)
//!         });
//!
//!         let item_count = 2;
//!         let list = ListView::new(builder, item_count);
//!         let state = &mut self.state;
//!
//!         list.render(area, buf, state);
//!     }
//! }
//!```
//!
//! For more examples see [tui-widget-list](https://github.com/preiter93/tui-widget-list/tree/main/examples).
//!
//! ## Documentation
//! [docs.rs](https://docs.rs/tui-widget-list/)
//!
//! ## Demos
//!
//! ### Demo
//!
//!![](examples/tapes/demo.gif?v=1)
//!
//! ### Infinite scrolling, scroll padding, horizontal scrolling
//!
//!![](examples/tapes/variants.gif?v=1)
pub(crate) mod legacy;
pub(crate) mod state;
pub(crate) mod utils;
pub(crate) mod view;

pub use state::ListState;
pub use view::{ListBuildContext, ListBuilder, ListView, ScrollAxis};

#[allow(deprecated)]
pub use legacy::{
    traits::{PreRender, PreRenderContext},
    widget::List,
};