feat: deploy table component

Author: LeadcodeDev

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.6.0
+
+- Add `Table` component
+
 ## 1.5.1
 
 - Fix bad selected value when searching in `select` component

README.md

@@ -151,3 +151,30 @@ Future<void> main() async {
   print(value);
 }
 ```
+
+### Table component
+A simple example of using Commander to create a table component :
+
+- ✅ Without column and line borders
+- ✅ With column and line borders
+- ✅ With column borders and without line borders
+- ✅ With line borders and without column borders
+
+```dart
+Future<void> main() async {
+  Table(
+    columns: ['Name', 'Age', 'Country', 'City'],
+    lineSeparator: false,
+    columnSeparator: false,
+    data: [
+      ['Alice', '20', 'USA', 'New York'],
+      ['Bob', '25', 'Canada', 'Toronto'],
+      ['Charlie', '30', 'France', 'Paris'],
+      ['David', '35', 'Germany', 'Berlin'],
+      ['Eve', '40', 'Italy', 'Rome'],
+      ['Frank', '45', 'Japan', 'Tokyo'],
+      ['John', '50', 'China', 'Beijing'],
+    ],
+  );
+}
+```

lib/src/components/table.dart

@@ -28,18 +28,27 @@ final class Table with Tools implements Component {
     final buffer = StringBuffer();
 
     _drawLineSeparator(buffer,
-        left: '┌', middle: columnSeparator ? '┬' : '─', right: '┐', separator: '─');
+        left: '┌',
+        middle: columnSeparator ? '┬' : '─',
+        right: '┐',
+        separator: '─');
     _drawHeader(buffer);
     _drawLineSeparator(buffer,
-        left: '├', middle: columnSeparator ? '┼' : '─', right: '┤', separator: '─');
+        left: '├',
+        middle: columnSeparator ? '┼' : '─',
+        right: '┤',
+        separator: '─');
 
     for (var row in data) {
       final currentIndex = data.indexOf(row);
       _drawLine(buffer, currentIndex, row);
     }
 
     _drawLineSeparator(buffer,
-        left: '└', middle: columnSeparator ? '┴' : '─', right: '┘', separator: '─');
+        left: '└',
+        middle: columnSeparator ? '┴' : '─',
+        right: '┘',
+        separator: '─');
 
     clearFromCursorToEnd();
     restoreCursorPosition();
@@ -114,7 +123,15 @@ final class Table with Tools implements Component {
     final maxColWidths = getMaxCellWidths();
 
     if (![0, data.length].contains(currentIndex) && lineSeparator) {
-      _drawLineSeparator(buffer, left: '├', middle: lineSeparator ? columnSeparator ? '┼' : '─' : '┼', right: '┤', separator: '─');
+      _drawLineSeparator(buffer,
+          left: '├',
+          middle: lineSeparator
+              ? columnSeparator
+                  ? '┼'
+                  : '─'
+              : '┼',
+          right: '┤',
+          separator: '─');
     }
 
     String rowLine = '│';

pubspec.yaml

@@ -1,6 +1,6 @@
 name: commander_ui
 description: Commander is a Dart library for creating user interfaces within the terminal.
-version: 1.5.1
+version: 1.6.0
 repository: https://github.com/LeadcodeDev/commander
 
 topics: