Migrate table

lib/phlex_ui/table.rb → lib/rbui/table/table.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module PhlexUI
+module RBUI
   class Table < Base
     def view_template(&block)
       div(class: "relative w-full overflow-auto") do

lib/phlex_ui/table/table_body.rb → lib/rbui/table/table_body.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module PhlexUI
+module RBUI
   class TableBody < Base
     def view_template(&)
       tbody(**attrs, &)

lib/phlex_ui/table/table_caption.rb → lib/rbui/table/table_caption.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module PhlexUI
+module RBUI
   class TableCaption < Base
     def view_template(&)
       caption(**attrs, &)

lib/phlex_ui/table/table_cell.rb → lib/rbui/table/table_cell.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module PhlexUI
+module RBUI
   class TableCell < Base
     def view_template(&)
       td(**attrs, &)

lib/phlex_ui/table/table_footer.rb → lib/rbui/table/table_footer.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module PhlexUI
+module RBUI
   class TableFooter < Base
     def view_template(&)
       tfoot(**attrs, &)

lib/phlex_ui/table/table_head.rb → lib/rbui/table/table_head.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module PhlexUI
+module RBUI
   class TableHead < Base
     def view_template(&)
       th(**attrs, &)

lib/phlex_ui/table/table_header.rb → lib/rbui/table/table_header.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module PhlexUI
+module RBUI
   class TableHeader < Base
     def view_template(&)
       thead(**attrs, &)

lib/phlex_ui/table/table_row.rb → lib/rbui/table/table_row.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module PhlexUI
+module RBUI
   class TableRow < Base
     def view_template(&)
       tr(**attrs, &)

test/rbui/table_test.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+require "test_helper"
+
+class RBUI::TableTest < Minitest::Test
+  include Phlex::Testing::ViewHelper
+
+  def test_render_with_all_items
+    invoices = [
+      {identifier: "INV-0001", status: "Active", method: "Credit Card", amount: 100},
+      {identifier: "INV-0002", status: "Active", method: "Bank Transfer", amount: 230},
+      {identifier: "INV-0003", status: "Pending", method: "PayPal", amount: 350},
+      {identifier: "INV-0004", status: "Inactive", method: "Credit Card", amount: 100}
+    ]
+
+    output = phlex_context do
+      RBUI.Table do
+        RBUI.TableCaption { "Employees at Acme inc." }
+        RBUI.TableHeader do
+          RBUI.TableRow do
+            RBUI.TableHead { "Name" }
+            RBUI.TableHead { "Email" }
+            RBUI.TableHead { "Status" }
+            RBUI.TableHead(class: "text-right") { "Role" }
+          end
+        end
+        RBUI.TableBody do
+          invoices.each do |invoice|
+            RBUI.TableRow do
+              RBUI.TableCell(class: "font-medium") { invoice[:identifier] }
+              RBUI.TableCell { invoice[:status] }
+              RBUI.TableCell { invoice[:method] }
+              RBUI.TableCell(class: "text-right") { invoice[:amount] }
+            end
+          end
+        end
+        RBUI.TableFooter do
+          RBUI.TableRow do
+            RBUI.TableHead(class: "font-medium", colspan: 3) { "Total" }
+            RBUI.TableHead(class: "font-medium text-right") { invoices.sum { |invoice| invoice[:amount] } }
+          end
+        end
+      end
+    end
+
+    assert_match(/Total/, output)
+  end
+end