relay_ui 0.4.0 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5bd18a48694c8b8d66e4183e74a7bee705ace0d0b821adba7e037750a49124cb
-  data.tar.gz: d972223721bae1f638121a4ec446cf4eb26ed70f4a6358ab956e1e0273e1d709
+  metadata.gz: ac008514b4c6294d178fbcb34b555bbb87f55e71a58ae882f772da69766e9afa
+  data.tar.gz: 49972be6884ac11eb5a932afb0b2e1fa803dcac29f7fc5690f54db358f74bd20
 SHA512:
-  metadata.gz: 7429340803af5c5c886cec99ae2bd8c78a65033c3f1037318359acdf275c0907f67fb09423ecf3c8ba29a6916b62d3c3e82576863b0de8f10f47eef43e273e39
-  data.tar.gz: 595e27eab36b6c538b96fe30aff5d8d3b3637516a5723e48ff907a39dd845e683af8df449688f49cf79a59febad94dc0ad8eb09cf92c9726c06e8b14b449771d
+  metadata.gz: e13a3dc12a61096d944ce0d88da1416a9a4a9e05127b1d4cc37a77dbb414629ceee63a02a5d0f87a74cb8488ced3f2d2eda080f49e5f65b5d1abe0f9f5d7d59e
+  data.tar.gz: 5d9f7449fd5c1cb535527fa54ca04e531e4f55b961f18eed4e5f2b02bdb0b6603ab92bb0a0a56ebbbac1df6fdb3b59d04ae68be3670a60a4f148febfe4a2f115

data/lib/relay_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RUI
-  VERSION = "0.4.0"
+  VERSION = "0.4.1"
 end

data/lib/rui/flash.rb

@@ -38,14 +38,4 @@ class RUI::Flash < RUI::Base
       div(class: "fixed left-0 lg:left-auto bottom-0 right-0 m-5 lg:m-10 flex flex-col gap-3", &)
     end
   end
-
-  module Helper
-    def success(message)
-      flash[:success] = message
-    end
-
-    def failure(message)
-      flash[:failure] = message
-    end
-  end
 end

data/lib/rui/links/base.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
 class RUI::Links::Base < RUI::Base
-  def initialize(href: "#", icon: nil, data: {})
+  def initialize(href: "#", icon: nil, **attrs)
     @href = href
     @icon = icon
-    @data = data
+    @attrs = attrs
   end
 
   def view_template
-    a(href: @href, class: classes, data: @data) do
+    a(href: @href, class: classes, **@attrs) do
       div(class: "flex flex-row items-center gap-2") do
         if @icon
           div(class: "size-4 my-1") do

data/lib/rui/slideout.rb

@@ -9,9 +9,18 @@ class RUI::Slideout < RUI::Base
         a(href: "#", class: "cursor-default", data: { action: "slideout#hide" }) do
           div(id: "modal-curtain", class: "w-screen h-screen bg-black transition-opacity opacity-75", data: { slideout_target: "curtain" })
         end
-        div(class: "right-0 fixed inset-y-0 flex max-w-1/2 pointer-events-none") do
-          div(class: "w-screen pointer-events-auto", data: { slideout_target: "slideout" }) do
-            div(class: "w-full h-full bg-white shadow", &)
+        div(class: "fixed right-0 inset-y-0 w-1/2 h-full bg-white shadow flex flex-col pointer-events-auto", data: { slideout_target: "slideout" }) do
+          div class: "flex-grow flex flex-col gap-3 overflow-y-scroll p-10" do
+            div(class: "flex flex-row justify-between items-center") do
+              render RUI::Markdown::Safe.new { "## #{@title}" }
+
+              render RUI::Links::Destructive.new(
+                href: "#",
+                icon: "x",
+                data: { action: "slideout#hide" }
+              )
+            end
+            yield
           end
         end
       end

data/lib/rui/table.rb

@@ -1,13 +1,16 @@
 class RUI::Table < RUI::Base
-  def initialize(rows)
+  include Phlex::Rails::Helpers::DOMID
+
+  def initialize(rows, **attrs)
     @rows = rows
     @columns = []
+    @attrs = attrs
   end
 
   def view_template(&)
     vanish(&)
 
-    table(class: "bg-white w-full table-auto border-collapse rounded") do
+    table(class: "bg-white w-full table-auto border-collapse rounded", **@attrs) do
       thead(class: "bg-blue-50") do
         @columns.each do |column|
           th(class: classes(column[:attrs][:class])) do
@@ -18,13 +21,7 @@ class RUI::Table < RUI::Base
 
       tbody do
         @rows.each do |row|
-          tr(class: "odd:bg-white even:bg-zinc-100 hover:bg-zinc-200") do
-            @columns.each do |column|
-              td(class: classes(column[:attrs][:class])) do
-                column[:content].call(row)
-              end
-            end
-          end
+          render Row.new(row:, columns: @columns)
         end
       end
     end
@@ -34,6 +31,33 @@ class RUI::Table < RUI::Base
     @columns << { header:, attrs:, content: }
   end
 
+  class Row < RUI::Base
+    include Phlex::Rails::Helpers::DOMID
+
+    def initialize(row:, columns:)
+      @row = row
+      @columns = columns
+    end
+
+    def view_template
+      tr(id: dom_id(@row), class: "odd:bg-white even:bg-zinc-100 hover:bg-zinc-200") do
+        @columns.each do |column|
+          td(class: classes(column[:attrs][:class])) do
+            column[:content].call(@row)
+          end
+        end
+      end
+    end
+
+    private
+
+    def base_classes = "border border-zinc-300 py-1 px-2 text-left"
+
+    def classes(custom_classes)
+      RUI::TailwindMerger.instance.merge(base_classes, custom_classes)
+    end
+  end
+
   private
 
   def base_classes = "border border-zinc-300 py-1 px-2 text-left"

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: relay_ui
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.4.1
 platform: ruby
 authors:
 - logicrelay
 bindir: bin
 cert_chain: []
-date: 2025-04-04 00:00:00.000000000 Z
+date: 2025-04-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex