rails-active-ui 0.2.2 → 0.3.0

data/app/javascript/ui/controllers/fui_dropdown_controller.js

@@ -18,6 +18,7 @@ export default class extends Controller {
   static values = {
     clearable:      { type: Boolean, default: false },
     placeholder:    { type: String, default: "" },
+    action:         { type: String, default: "" },
     forceSelection: { type: Boolean, default: false },
     fullTextSearch:  { type: Boolean, default: false },
     duration:       { type: Number, default: 200 },
@@ -45,7 +46,7 @@ export default class extends Controller {
   // -- Private --
 
   _options() {
-    return {
+    const options = {
       clearable:      this.clearableValue,
       placeholder:    this.placeholderValue || false,
       forceSelection: this.forceSelectionValue,
@@ -64,5 +65,11 @@ export default class extends Controller {
         this.dispatch("remove", { detail: { value: removedValue, text: removedText } })
       },
     }
+
+    if (this.actionValue) {
+      options.action = this.actionValue
+    }
+
+    return options
   }
 }

data/app/javascript/ui/controllers/fui_item_list_controller.js

@@ -0,0 +1,40 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Generic list-item selection controller.
+//
+// Mark clickable items with:
+// - data-fui-item-list-target="item"
+// - data-item-id="123"
+//
+// Wire click on link/card with:
+// - data-action="click->fui-item-list#select"
+export default class extends Controller {
+  static targets = ["item"]
+  static values = { selectedId: { type: Number, default: 0 } }
+
+  connect() {
+    this.#applySelected()
+  }
+
+  select(event) {
+    const card =
+      event.target.closest("[data-item-id]") ||
+      event.currentTarget?.closest?.("[data-item-id]") ||
+      event.currentTarget?.querySelector?.("[data-item-id]")
+
+    if (card) {
+      this.selectedIdValue = parseInt(card.dataset.itemId, 10) || 0
+    }
+  }
+
+  selectedIdValueChanged() {
+    this.#applySelected()
+  }
+
+  #applySelected() {
+    this.itemTargets.forEach((item) => {
+      const id = parseInt(item.dataset.itemId, 10) || 0
+      item.classList.toggle("active", id === this.selectedIdValue)
+    })
+  }
+}

data/app/javascript/ui/controllers/navigation_controller.js

@@ -0,0 +1,23 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Navigation back controller.
+//
+// If there is Turbo history to restore, prevent normal navigation and go back.
+// Otherwise fallback to link href.
+export default class extends Controller {
+  back(event) {
+    if (this.#shouldRestore) {
+      event.preventDefault()
+      window.history.back()
+    }
+  }
+
+  get #shouldRestore() {
+    return !this.#isFirstHistoryEntry
+  }
+
+  get #isFirstHistoryEntry() {
+    const state = window.history.state
+    return !state || !state.turbo || state.turbo.restorationIndex === 0
+  }
+}

data/app/javascript/ui/index.js

@@ -50,6 +50,11 @@ import FuiApiController from "ui/controllers/fui_api_controller"
 import FuiStateController from "ui/controllers/fui_state_controller"
 import FuiVisibilityController from "ui/controllers/fui_visibility_controller"
 import FuiEmojiPickerController from "ui/controllers/fui_emoji_picker_controller"
+import NavigationController from "ui/controllers/navigation_controller"
+
+// DataTables
+import FuiDatatableController from "ui/controllers/fui_datatable_controller"
+import FuiItemListController from "ui/controllers/fui_item_list_controller"
 
 const controllers = {
   "fui-site":       FuiSiteController,
@@ -78,6 +83,9 @@ const controllers = {
   "fui-state":      FuiStateController,
   "fui-visibility": FuiVisibilityController,
   "fui-emoji-picker": FuiEmojiPickerController,
+  "fui-datatable": FuiDatatableController,
+  "fui-item-list": FuiItemListController,
+  "navigation": NavigationController,
 }
 
 export function registerFuiControllers(application) {
@@ -114,4 +122,7 @@ export {
   FuiStateController,
   FuiVisibilityController,
   FuiEmojiPickerController,
+  FuiDatatableController,
+  FuiItemListController,
+  NavigationController,
 }

data/app/lib/component.rb

@@ -14,7 +14,7 @@ class Component
   include ActiveModel::Attributes
 
   # HTML pass-through keys that bypass ActiveModel attributes
-  HTML_OPTIONS = %i[id class data style role tabindex title aria].to_set.freeze
+  HTML_OPTIONS = %i[id class data style role tabindex title aria target rel].to_set.freeze
 
   class_attribute :slot_names, default: []
 

data/config/importmap.rb

@@ -26,5 +26,8 @@ pin "ui/controllers/fui_toast_controller", to: "ui/controllers/fui_toast_control
 pin "ui/controllers/fui_transition_controller", to: "ui/controllers/fui_transition_controller.js"
 pin "ui/controllers/fui_visibility_controller", to: "ui/controllers/fui_visibility_controller.js"
 pin "ui/controllers/fui_emoji_picker_controller", to: "ui/controllers/fui_emoji_picker_controller.js"
+pin "ui/controllers/fui_datatable_controller", to: "ui/controllers/fui_datatable_controller.js"
+pin "ui/controllers/fui_item_list_controller", to: "ui/controllers/fui_item_list_controller.js"
+pin "ui/controllers/navigation_controller", to: "ui/controllers/navigation_controller.js"
 
 pin "emoji-picker-element", to: "https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"

data/config/initializers/ruby_template_handler.rb

@@ -26,6 +26,9 @@ ActionView::Template.register_template_handler :ruby, ->(template, source) {
       output_buffer
     RUBY
   else
-    "#{source}\noutput_buffer"
+    <<~RUBY
+      #{source}
+      output_buffer
+    RUBY
   end
 }

data/lib/ui/engine.rb

@@ -3,7 +3,10 @@
 module Ui
   class Engine < ::Rails::Engine
     initializer "ui.autoload_paths" do |app|
-      app.config.autoload_paths += [ root.join("app", "lib").to_s ]
+      app.config.autoload_paths += [
+        root.join("app", "lib").to_s,
+        root.join("app", "blocks").to_s
+      ]
     end
 
     initializer "ui.assets" do |app|
@@ -17,8 +20,10 @@ module Ui
       end
     end
 
-    initializer "ui.helpers" do
+    initializer "ui.helpers", after: :load_config_initializers do
       ActiveSupport.on_load(:action_view) do
+        require_dependency "component_helper"
+        require_dependency "fui_helper"
         include ComponentHelper
         include FuiHelper
       end

data/lib/ui/version.rb

@@ -1,3 +1,3 @@
 module Ui
-  VERSION = "0.2.2"
+  VERSION = "0.3.0"
 end

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: rails-active-ui
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.3.0
 platform: ruby
 authors:
 - nathan
-autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-03-26 00:00:00.000000000 Z
+date: 1980-01-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -39,10 +38,13 @@ extensions: []
 extra_rdoc_files: []
 files:
 - Rakefile
+- app/assets/datatables.css
 - app/assets/stylesheets.css
+- app/blocks/resource_list_block.rb
 - app/components/accordion_component.rb
 - app/components/ad_component.rb
 - app/components/api_component.rb
+- app/components/back_button_component.rb
 - app/components/breadcrumb_component.rb
 - app/components/button_component.rb
 - app/components/button_to_component.rb
@@ -75,7 +77,7 @@ files:
 - app/components/item_component.rb
 - app/components/item_group_component.rb
 - app/components/label_component.rb
-- app/components/link_component.rb
+- app/components/link_to_component.rb
 - app/components/list_component.rb
 - app/components/loader_component.rb
 - app/components/menu_component.rb
@@ -84,6 +86,7 @@ files:
 - app/components/modal_component.rb
 - app/components/nag_component.rb
 - app/components/overlay_component.rb
+- app/components/paragraph_component.rb
 - app/components/placeholder_component.rb
 - app/components/popup_component.rb
 - app/components/progress_component.rb
@@ -112,6 +115,7 @@ files:
 - app/components/table_cell_component.rb
 - app/components/table_component.rb
 - app/components/table_row_component.rb
+- app/components/template_component.rb
 - app/components/text_component.rb
 - app/components/toast_component.rb
 - app/components/transition_component.rb
@@ -128,6 +132,7 @@ files:
 - app/javascript/calendar.min.js
 - app/javascript/checkbox.js
 - app/javascript/checkbox.min.js
+- app/javascript/datatables.js
 - app/javascript/dimmer.js
 - app/javascript/dimmer.min.js
 - app/javascript/dropdown.js
@@ -174,12 +179,14 @@ files:
 - app/javascript/ui/controllers/fui_api_controller.js
 - app/javascript/ui/controllers/fui_calendar_controller.js
 - app/javascript/ui/controllers/fui_checkbox_controller.js
+- app/javascript/ui/controllers/fui_datatable_controller.js
 - app/javascript/ui/controllers/fui_dimmer_controller.js
 - app/javascript/ui/controllers/fui_dropdown_controller.js
 - app/javascript/ui/controllers/fui_embed_controller.js
 - app/javascript/ui/controllers/fui_emoji_picker_controller.js
 - app/javascript/ui/controllers/fui_flyout_controller.js
 - app/javascript/ui/controllers/fui_form_controller.js
+- app/javascript/ui/controllers/fui_item_list_controller.js
 - app/javascript/ui/controllers/fui_modal_controller.js
 - app/javascript/ui/controllers/fui_nag_controller.js
 - app/javascript/ui/controllers/fui_popup_controller.js
@@ -196,6 +203,7 @@ files:
 - app/javascript/ui/controllers/fui_toast_controller.js
 - app/javascript/ui/controllers/fui_transition_controller.js
 - app/javascript/ui/controllers/fui_visibility_controller.js
+- app/javascript/ui/controllers/navigation_controller.js
 - app/javascript/ui/index.js
 - app/javascript/visibility.js
 - app/javascript/visibility.min.js
@@ -216,7 +224,6 @@ metadata:
   homepage_uri: https://github.com/n-at-han-k/rails-active-ui
   source_code_uri: https://github.com/n-at-han-k/rails-active-ui/tree/main
   changelog_uri: https://github.com/n-at-han-k/rails-active-ui/blob/main/CHANGELOG.md
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -231,8 +238,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.15
-signing_key:
+rubygems_version: 3.7.2
 specification_version: 4
 summary: ActiveModel::Attributes-based view components
 test_files: []

data/app/components/link_component.rb

@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-# Link — anchor element.
-#
-# Usage:
-#   Link(href: "/about") { text "About Us" }
-#   Link(href: "/help", target: "_blank") { text "Help" }
-
-class LinkComponent < Component
-  attribute :href,     :string,  default: "#"
-  attribute :target,   :string,  default: nil
-  attribute :rel,      :string,  default: nil
-  attribute :css_class, :string, default: nil
-
-  def to_s
-    opts = { href: href }
-    opts[:class] = css_class if css_class
-    opts[:target] = target if target
-    opts[:rel] = rel if rel
-
-    tag.a(**merge_html_options(**opts)) { @content }
-  end
-end