baldur 0.1.7 → 0.2.0

data/test/confirmation_modal_helper_test.rb

@@ -0,0 +1,241 @@
+require_relative "test_helper"
+require "action_controller"
+require_relative "../lib/generators/baldur/install/install_generator"
+
+class BaldurConfirmationModalHelperTest < Minitest::Test
+  class TestController < ActionController::Base
+    append_view_path File.expand_path("../app/views", __dir__)
+    helper Baldur::UiHelper
+    helper Baldur::RenderHelper
+  end
+
+  def test_ui_modal_host_renders_host_wrapper
+    html = TestController.render(
+      inline: <<~ERB,
+        <%= ui_modal_host(id: "test-modal") do %>
+          <p>Modal content</p>
+        <% end %>
+      ERB
+      formats: [:html]
+    )
+
+    assert_includes html, 'id="test-modal"'
+    assert_includes html, 'data-controller="modal"'
+    assert_includes html, 'data-modal-selector-value="#test-modal"'
+    assert_includes html, 'data-modal="true"'
+    assert_includes html, 'aria-hidden="true"'
+    assert_includes html, "Modal content"
+    assert_includes html, 'class="fixed inset-0 z-50'
+  end
+
+  def test_ui_modal_host_with_custom_classes
+    html = TestController.render(
+      inline: <<~ERB,
+        <%= ui_modal_host(id: "custom-modal", classes: "my-extra-class") do %>
+          <p>Custom</p>
+        <% end %>
+      ERB
+      formats: [:html]
+    )
+
+    assert_includes html, "my-extra-class"
+    assert_includes html, "Custom"
+  end
+
+  def test_ui_confirmation_modal_renders_basic_structure
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "delete-modal",
+          dialog_id: "delete-dialog",
+          title: "Delete item?"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, 'id="delete-modal"'
+    assert_includes html, 'id="delete-dialog"'
+    assert_includes html, 'data-controller="modal"'
+    assert_includes html, "Delete item?"
+    assert_includes html, "Confirm"
+    assert_includes html, "Cancel"
+    assert_includes html, 'data-modal-close="true"'
+  end
+
+  def test_ui_confirmation_modal_with_danger_tone_shows_icon
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "danger-modal",
+          dialog_id: "danger-dialog",
+          title: "Discard collection?",
+          tone: :danger
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "color-error"
+    assert_includes html, "Discard collection?"
+  end
+
+  def test_ui_confirmation_modal_default_tone_no_icon
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "default-modal",
+          dialog_id: "default-dialog",
+          title: "Proceed?"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    refute_includes html, "color-error"
+    assert_includes html, "Proceed?"
+  end
+
+  def test_ui_confirmation_modal_danger_tone_sets_danger_button_variant
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "danger-btn-modal",
+          dialog_id: "danger-btn-dialog",
+          title: "Discard?",
+          tone: :danger
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "button--error"
+  end
+
+  def test_ui_confirmation_modal_default_tone_sets_primary_button_variant
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "primary-btn-modal",
+          dialog_id: "primary-btn-dialog",
+          title: "Proceed?"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "button--filled"
+    refute_includes html, "button--error"
+  end
+
+  def test_ui_confirmation_modal_with_type_to_confirm
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "flush-modal",
+          dialog_id: "flush-dialog",
+          title: "Flush All Data",
+          description: "This cannot be undone.",
+          tone: :danger,
+          confirm_label: "Confirm",
+          type_to_confirm: {
+            expected_text: "confirm",
+            label: "Type confirm to continue",
+            placeholder: "confirm",
+            hint: "This permanently removes all data."
+          }
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "modal confirmation"
+    assert_includes html, "confirmation-case-sensitive-value"
+    assert_includes html, 'data-confirmation-target="input"'
+    assert_includes html, 'data-confirmation-target="submit"'
+    assert_includes html, "confirmation#validate"
+    assert_includes html, "Type confirm to continue"
+    assert_includes html, "This permanently removes all data."
+    assert_includes html, "Flush All Data"
+    assert_includes html, "Confirm"
+  end
+
+  def test_ui_confirmation_modal_type_to_confirm_disables_submit
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "disabled-modal",
+          dialog_id: "disabled-dialog",
+          title: "Delete?",
+          type_to_confirm: {
+            expected_text: "DELETE",
+            label: "Type DELETE"
+          }
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "disabled"
+    assert_includes html, "Type DELETE"
+  end
+
+  def test_ui_confirmation_modal_type_to_confirm_case_insensitive
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "ci-modal",
+          dialog_id: "ci-dialog",
+          title: "Delete?",
+          type_to_confirm: {
+            expected_text: "delete",
+            case_sensitive: false
+          }
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "confirmation-case-sensitive-value"
+    refute_includes html, "case-sensitive-value=\"true\""
+    assert_includes html, "case-sensitive-value=&quot;false&quot;"
+  end
+
+  def test_ui_confirmation_modal_without_type_to_confirm_has_no_confirmation_controller
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "simple-modal",
+          dialog_id: "simple-dialog",
+          title: "Are you sure?"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, 'data-controller="modal"'
+    refute_includes html, "confirmation"
+  end
+
+  def test_ui_confirmation_modal_custom_labels
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "custom-modal",
+          dialog_id: "custom-dialog",
+          title: "Discard?",
+          confirm_label: "Discard",
+          cancel_label: "Go back"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "Discard"
+    assert_includes html, "Go back"
+  end
+
+  def test_install_generator_includes_confirmation_controller
+    assert_includes Baldur::Generators::InstallGenerator::CORE_CONTROLLERS, "confirmation"
+  end
+end

data/test/test_helper.rb

@@ -13,4 +13,4 @@ require_relative "../app/helpers/baldur/ui_helper_unavailable"
 require_relative "../app/helpers/baldur/ui_helper_forms"
 require_relative "../app/helpers/baldur/marketing_helper"
 require_relative "../app/helpers/baldur/ui_helper_sidebar"
-require_relative "../app/helpers/baldur/ui_helper"
+require_relative "../app/helpers/baldur/ui_helper"

data/test/tmp/install_generator/app/javascript/controllers/confirmation_controller.js

@@ -0,0 +1 @@
+export { default } from "baldur/controllers/confirmation_controller"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: baldur
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.2.0
 platform: ruby
 authors:
 - Varun Murkar
@@ -43,30 +43,31 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 8.1.0
+        version: 7.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 8.1.0
+        version: 7.0.0
 - !ruby/object:Gem::Dependency
   name: tailwindcss-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.4.0
+        version: 4.3.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.4.0
-description: Baldur packages reusable Rails view helpers, components, styles, and
-  Stimulus controllers.
+        version: 4.3.0
+description: Baldur helps Rails teams ship polished UI faster with install generators,
+  reusable ui_* helpers, Tailwind components, and Stimulus wiring for apps using Propshaft,
+  importmap-rails, stimulus-rails, and tailwindcss-rails.
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -78,6 +79,7 @@ files:
 - TODO.md
 - app/assets/javascripts/baldur/controllers/accordion_controller.js
 - app/assets/javascripts/baldur/controllers/alert_controller.js
+- app/assets/javascripts/baldur/controllers/confirmation_controller.js
 - app/assets/javascripts/baldur/controllers/date_field_controller.js
 - app/assets/javascripts/baldur/controllers/details_menu_controller.js
 - app/assets/javascripts/baldur/controllers/form_submit_controller.js
@@ -111,6 +113,7 @@ files:
 - app/assets/stylesheets/baldur/application/components/card.css
 - app/assets/stylesheets/baldur/application/components/chart.css
 - app/assets/stylesheets/baldur/application/components/chip.css
+- app/assets/stylesheets/baldur/application/components/confirmation.css
 - app/assets/stylesheets/baldur/application/components/dialog.css
 - app/assets/stylesheets/baldur/application/components/forms.css
 - app/assets/stylesheets/baldur/application/components/layout.css
@@ -157,12 +160,14 @@ files:
 - app/views/baldur/components/_card.html.erb
 - app/views/baldur/components/_chart_card.html.erb
 - app/views/baldur/components/_checkbox.html.erb
+- app/views/baldur/components/_confirmation_modal.html.erb
 - app/views/baldur/components/_date_field.html.erb
 - app/views/baldur/components/_google_sign_in_button.html.erb
 - app/views/baldur/components/_kebab_menu.html.erb
 - app/views/baldur/components/_kpi.html.erb
 - app/views/baldur/components/_menu_select.html.erb
 - app/views/baldur/components/_modal.html.erb
+- app/views/baldur/components/_modal_host.html.erb
 - app/views/baldur/components/_pagination.html.erb
 - app/views/baldur/components/_segmented_buttons.html.erb
 - app/views/baldur/components/_settings_nav.html.erb
@@ -202,6 +207,7 @@ files:
 - lib/generators/baldur/install_panel_right/install_panel_right_generator.rb
 - lib/generators/baldur/install_panel_secondary/install_panel_secondary_generator.rb
 - script/verify_host_install
+- test/confirmation_modal_helper_test.rb
 - test/csp_rendering_test.rb
 - test/gemspec_test.rb
 - test/install_generator_test.rb
@@ -215,6 +221,7 @@ files:
 - test/tmp/install_generator/app/assets/tailwind/application.css
 - test/tmp/install_generator/app/helpers/ui_helper.rb
 - test/tmp/install_generator/app/javascript/controllers/accordion_controller.js
+- test/tmp/install_generator/app/javascript/controllers/confirmation_controller.js
 - test/tmp/install_generator/app/javascript/controllers/date_field_controller.js
 - test/tmp/install_generator/app/javascript/controllers/details_menu_controller.js
 - test/tmp/install_generator/app/javascript/controllers/form_submit_controller.js
@@ -264,5 +271,6 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 rubygems_version: 4.0.6
 specification_version: 4
-summary: Reusable Rails UI engine for same-stack application interfaces
+summary: Batteries-included Rails UI engine for the importmap, Stimulus, Tailwind
+  stack
 test_files: []