rs-activeadmin-searchable_select 4.0.5

data/spec/internal/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "internal",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "copy:select2": "mkdir -p public/select2 && cp -r node_modules/select2/dist/css/* public/select2/",
+    "build:js": "node esbuild.config.js",
+    "build:css:activeadmin": "node build_activeadmin_css.js",
+    "build:assets": "npm run copy:select2 && npm run build:js && npm run build:css:activeadmin",
+    "build": "npm run build:assets",
+    "watch:js": "node esbuild.config.js --watch",
+    "watch": "npm run watch:js",
+    "start": "npm run watch"
+  },
+  "dependencies": {
+    "@activeadmin/activeadmin": "^4.0.0-beta10",
+    "@rails/ujs": "^7.1.400",
+    "@rocket-sensei/activeadmin-searchable_select": "file:package",
+    "esbuild": "^0.24.2",
+    "jquery": "^3.7.1",
+    "select2": "^4.1.0-rc.0"
+  },
+  "devDependencies": {
+    "tailwindcss": "^3.4.17"
+  }
+}

data/spec/internal/spec/internal/app/css/active_admin_source.css

@@ -0,0 +1,38 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Searchable Select Styles */
+.searchable_select.input .select2-container {
+  min-width: 30%;
+}
+
+/* Custom Select2 overrides */
+.select2-container {
+  @apply w-full;
+}
+
+.select2-selection {
+  @apply border border-gray-300 rounded-md min-h-[40px];
+}
+
+.select2-selection__rendered {
+  @apply p-2;
+}
+
+/* Dark mode support */
+.dark .select2-selection {
+  @apply border-gray-600 bg-gray-800 text-gray-100;
+}
+
+.dark .select2-dropdown {
+  @apply bg-gray-800 border-gray-600;
+}
+
+.dark .select2-results__option {
+  @apply text-gray-100;
+}
+
+.dark .select2-results__option--highlighted {
+  @apply bg-gray-700;
+}

data/spec/internal/tailwind-active_admin.config.js

@@ -0,0 +1,53 @@
+const execSync = require('child_process').execSync;
+const activeAdminPath = execSync('bundle show activeadmin', { encoding: 'utf-8' }).trim();
+
+module.exports = {
+  content: [
+    `${activeAdminPath}/vendor/javascript/flowbite.js`,
+    `${activeAdminPath}/plugin.js`,
+    `${activeAdminPath}/app/views/**/*.{arb,erb,html,rb}`,
+    './app/admin/**/*.{arb,erb,html,rb}',
+    './app/views/active_admin/**/*.{arb,erb,html,rb}',
+    './app/views/admin/**/*.{arb,erb,html,rb}',
+    './app/javascript/**/*.js',
+    './app/js/**/*.js'
+  ],
+  darkMode: "selector",
+  plugins: [
+    require(`@activeadmin/activeadmin/plugin`)
+  ],
+  // CRITICAL: Safelist for ActiveAdmin 4 dynamic classes
+  safelist: [
+    // Grid and layout
+    'grid', 'gap-4', 'gap-6', 'lg:grid-cols-3', 'md:grid-cols-2',
+    'col-span-2', 'col-span-3', 'lg:col-span-2', 'lg:col-span-1',
+    // Flexbox
+    'flex', 'flex-col', 'flex-row', 'flex-wrap', 'items-center',
+    'justify-between', 'justify-center', 'items-start', 'items-end',
+    // Spacing
+    'p-4', 'p-6', 'px-4', 'px-6', 'py-2', 'py-4', 'm-0', 'mx-auto',
+    'mt-4', 'mb-4', 'ml-auto', 'mr-auto', 'space-y-4', 'space-x-4',
+    // Display
+    'block', 'inline-block', 'hidden', 'lg:hidden', 'lg:block', 'lg:flex',
+    // Width/Height
+    'w-full', 'w-auto', 'w-64', 'h-full', 'min-h-screen', 'max-w-7xl',
+    // Typography
+    'text-sm', 'text-base', 'text-lg', 'text-xl', 'font-medium', 'font-semibold',
+    // Colors
+    'bg-white', 'bg-gray-50', 'bg-gray-100', 'text-gray-900', 'text-gray-600',
+    'dark:bg-gray-800', 'dark:bg-gray-900', 'dark:text-white', 'dark:text-gray-300',
+    // Borders
+    'border', 'border-gray-200', 'dark:border-gray-700', 'rounded-lg', 'rounded-md',
+    // Forms
+    'form-input', 'form-select', 'form-checkbox',
+    // Position & Z-index
+    'relative', 'absolute', 'fixed', 'sticky', 'top-0', 'left-0', 'right-0',
+    'z-10', 'z-20', 'z-30', 'z-40', 'z-50',
+    // Shadows
+    'shadow', 'shadow-md', 'shadow-lg',
+    // Tables
+    'table-auto', 'border-collapse',
+    // Buttons
+    'inline-flex', 'cursor-pointer'
+  ]
+}

data/spec/rails_helper.rb

@@ -0,0 +1,86 @@
+require_relative 'spec_helper'
+
+ENV['RAILS_ENV'] ||= 'test'
+
+require 'combustion'
+require 'propshaft'
+
+# Fix for FrozenError - initialize Combustion with proper configuration
+Combustion.path = 'spec/internal'
+# Always include Propshaft so test app serves assets from app/assets/builds
+Combustion.initialize!(
+  :active_record,
+  :action_controller,
+  :action_view,
+  :propshaft
+) do
+  config.load_defaults Rails::VERSION::STRING.to_f if Rails::VERSION::MAJOR >= 7
+end
+
+require 'rspec/rails'
+require 'capybara/rails'
+require 'capybara-playwright-driver'
+require 'database_cleaner/active_record'
+
+# Load ActiveAdmin and models
+require_relative 'internal/config/initializers/active_admin'
+
+# Ensure ActiveAdmin loads properly with batch actions
+ActiveAdmin.application.load!
+
+require_relative 'internal/app/models/category'
+require_relative 'internal/app/models/post'
+require_relative 'internal/app/models/user'
+require_relative 'internal/app/models/rgb_color'
+require_relative 'internal/app/models/internal_tag_name'
+require_relative 'internal/app/models/internal/tag_name'
+require_relative 'internal/app/models/option_type'
+require_relative 'internal/app/models/option_value'
+require_relative 'internal/app/models/product'
+require_relative 'internal/app/models/variant'
+
+# Load admin files - this is crucial for static admin resources to be registered
+Dir[File.expand_path('internal/app/admin/*.rb', __dir__)].each { |f| require f }
+
+Dir[File.expand_path('support/**/*.rb', __dir__)].each { |f| require_relative f }
+
+# Configure Capybara with Playwright for modern browser testing
+Capybara.register_driver :playwright do |app|
+  Capybara::Playwright::Driver.new(app,
+                                   browser_type: :chromium,
+                                   headless: ENV['HEADLESS'] != 'false')
+end
+
+Capybara.default_driver = :rack_test
+Capybara.javascript_driver = :playwright
+Capybara.default_max_wait_time = 5
+
+RSpec.configure do |config|
+  config.use_transactional_fixtures = false
+  config.infer_spec_type_from_file_location!
+  config.filter_rails_from_backtrace!
+
+  # Database cleaner setup
+  config.before(:suite) do
+    DatabaseCleaner.clean_with(:truncation)
+  end
+
+  config.before(:each) do
+    DatabaseCleaner.strategy = :transaction
+  end
+
+  config.before(:each, js: true) do
+    DatabaseCleaner.strategy = :truncation
+  end
+
+  config.before(:each) do
+    DatabaseCleaner.start
+  end
+
+  config.after(:each) do
+    DatabaseCleaner.clean
+  end
+
+  # Include Capybara DSL in feature specs
+  config.include Capybara::DSL, type: :feature
+end

data/spec/spec_helper.rb

@@ -0,0 +1,137 @@
+# SimpleCov must be started before any application code is loaded
+# Make SimpleCov optional so tests can run without it (e.g., in Appraisal gemfiles)
+begin
+  require 'simplecov'
+  require 'simplecov-cobertura'
+
+  SimpleCov.start do
+    # Use multiple formatters to generate both HTML and Cobertura XML reports
+    formatter SimpleCov::Formatter::MultiFormatter.new([
+                                                         SimpleCov::Formatter::HTMLFormatter,
+                                                         SimpleCov::Formatter::CoberturaFormatter
+                                                       ])
+
+    # Configure coverage directory
+    coverage_dir 'coverage'
+
+    # Add filters to exclude non-application code
+    add_filter '/spec/'
+    add_filter '/vendor/'
+    add_filter '/config/'
+    add_filter '/app/assets/builds/' # Exclude built assets
+    add_filter '/spec/internal/app/assets/builds/'
+    add_filter '/spec/internal/public/'
+    add_filter '/spec/internal/node_modules/'
+    add_filter '/spec/internal/package/' # Since these are now symlinks
+
+    # Track all files in lib and app directories
+    track_files 'lib/**/*.rb'
+    track_files 'app/**/*.rb'
+
+    # Set minimum coverage percentage (optional but recommended)
+    minimum_coverage 80
+  end
+rescue LoadError
+  # SimpleCov not available, continue without coverage
+  # This allows tests to run in environments where SimpleCov is not installed
+end
+
+# This file was generated by the `rspec --init` command. Conventionally, all
+# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
+# The generated `.rspec` file contains `--require spec_helper` which will cause
+# this file to always be loaded, without a need to explicitly require it in any
+# files.
+#
+# Given that it is always loaded, you are encouraged to keep this file as
+# light-weight as possible. Requiring heavyweight dependencies from this file
+# will add to the boot time of your test suite on EVERY test run, even for an
+# individual file that may not need all of that loaded. Instead, consider making
+# a separate helper file that requires the additional dependencies and performs
+# the additional setup, and require it from the spec files that actually need
+# it.
+#
+# See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
+RSpec.configure do |config|
+  # Exclude vendor and node_modules directories from spec discovery
+  # This prevents RSpec from picking up specs from dependencies
+  config.exclude_pattern = '**/vendor/**/*,**/node_modules/**/*'
+  # rspec-expectations config goes here. You can use an alternate
+  # assertion/expectation library such as wrong or the stdlib/minitest
+  # assertions if you prefer.
+  config.expect_with :rspec do |expectations|
+    # This option will default to `true` in RSpec 4. It makes the `description`
+    # and `failure_message` of custom matchers include text for helper methods
+    # defined using `chain`, e.g.:
+    #     be_bigger_than(2).and_smaller_than(4).description
+    #     # => "be bigger than 2 and smaller than 4"
+    # ...rather than:
+    #     # => "be bigger than 2"
+    expectations.include_chain_clauses_in_custom_matcher_descriptions = true
+  end
+
+  # rspec-mocks config goes here. You can use an alternate test double
+  # library (such as bogus or mocha) by changing the `mock_with` option here.
+  config.mock_with :rspec do |mocks|
+    # Prevents you from mocking or stubbing a method that does not exist on
+    # a real object. This is generally recommended, and will default to
+    # `true` in RSpec 4.
+    mocks.verify_partial_doubles = true
+  end
+
+  # This option will default to `:apply_to_host_groups` in RSpec 4 (and will
+  # have no way to turn it off -- the option exists only for backwards
+  # compatibility in RSpec 3). It causes shared context metadata to be
+  # inherited by the metadata hash of host groups and examples, rather than
+  # triggering implicit auto-inclusion in groups with matching metadata.
+  config.shared_context_metadata_behavior = :apply_to_host_groups
+
+  # This allows you to limit a spec run to individual examples or groups
+  # you care about by tagging them with `:focus` metadata. When nothing
+  # is tagged with `:focus`, all examples get run. RSpec also provides
+  # aliases for `it`, `describe`, and `context` that include `:focus`
+  # metadata: `fit`, `fdescribe` and `fcontext`, respectively.
+  config.filter_run_when_matching :focus
+
+  # Allows RSpec to persist some state between runs in order to support
+  # the `--only-failures` and `--next-failure` CLI options. We recommend
+  # you configure your source control system to ignore this file.
+  config.example_status_persistence_file_path = 'spec/examples.txt'
+
+  # Limits the available syntax to the non-monkey patched syntax that is
+  # recommended. For more details, see:
+  #   - http://rspec.info/blog/2012/06/rspecs-new-expectation-syntax/
+  #   - http://www.teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/
+  #   - http://rspec.info/blog/2014/05/notable-changes-in-rspec-3/#zero-monkey-patching-mode
+  config.disable_monkey_patching!
+
+  # This setting enables warnings. It's recommended, but in some cases may
+  # be too noisy due to issues in dependencies.
+  config.warnings = false
+
+  # Many RSpec users commonly either run the entire suite or an individual
+  # file, and it's useful to allow more verbose output when running an
+  # individual spec file.
+  if config.files_to_run.one?
+    # Use the documentation formatter for detailed output,
+    # unless a formatter has already been configured
+    # (e.g. via a command-line flag).
+    config.default_formatter = 'doc'
+  end
+
+  # Print the 2 slowest examples at the
+  # end of the spec run, to help surface which specs are running
+  # particularly slow. No groups to save space in logs.
+  config.profile_examples = 2
+
+  # Run specs in random order to surface order dependencies. If you find an
+  # order dependency and want to debug it, you can fix the order by providing
+  # the seed, which is printed after each run.
+  #     --seed 1234
+  config.order = :random
+
+  # Seed global randomization in this process using the `--seed` CLI option.
+  # Setting this allows you to use `--seed` to deterministically reproduce
+  # test failures related to randomization by passing the same `--seed` value
+  # as the one that triggered the failure.
+  Kernel.srand config.seed
+end

data/spec/support/active_admin_helpers.rb

@@ -0,0 +1,17 @@
+module ActiveAdminHelpers
+  module_function
+
+  def reload_routes!
+    return unless Rails.application
+
+    Rails.application.reload_routes!
+  end
+
+  def setup
+    # Since we can't easily override static registrations,
+    # just yield to let tests define additional config if needed
+    # Most tests will need to be updated to work with existing static admin files
+    yield if block_given?
+    reload_routes!
+  end
+end

data/spec/support/capybara.rb

@@ -0,0 +1,8 @@
+require 'capybara/rspec'
+
+# Capybara configuration is now in rails_helper.rb
+# Using Playwright driver for modern browser testing
+
+RSpec.configure do |config|
+  config.include Capybara::RSpecMatchers, type: :request
+end

data/spec/support/models.rb

@@ -0,0 +1,88 @@
+require 'database_cleaner-active_record'
+
+class User < ActiveRecord::Base
+  def self.ransackable_attributes(_auth_object = nil)
+    %w[name email]
+  end
+
+  def self.ransackable_associations(_auth_object = nil)
+    []
+  end
+
+  def to_s
+    name.presence || "User #{id}"
+  end
+end
+
+class Category < ActiveRecord::Base
+  belongs_to :created_by, class_name: 'User', optional: true
+
+  def self.ransackable_attributes(_auth_object = nil)
+    ['name']
+  end
+
+  def self.ransackable_associations(_auth_object = nil)
+    []
+  end
+end
+
+class Post < ActiveRecord::Base
+  belongs_to :category, optional: true
+  belongs_to :user, optional: true
+
+  scope(:published, -> { where(published: true) })
+
+  def self.ransackable_attributes(_auth_object = nil)
+    %w[category_id title user_id]
+  end
+
+  def self.ransackable_associations(_auth_object = nil)
+    []
+  end
+end
+
+module Internal
+  class TagName < ActiveRecord::Base
+    self.table_name = :internal_tag_names
+    belongs_to :color, class_name: 'RgbColor', foreign_key: :color_id, optional: true
+
+    def self.ransackable_attributes(_auth_object = nil)
+      ['color_id']
+    end
+
+    def self.ransackable_associations(_auth_object = nil)
+      []
+    end
+  end
+end
+
+class OptionType < ActiveRecord::Base; end
+
+class OptionValue < ActiveRecord::Base
+  belongs_to :option_type, optional: true
+
+  def self.ransackable_attributes(_auth_object = nil)
+    ['value']
+  end
+
+  def self.ransackable_associations(_auth_object = nil)
+    []
+  end
+end
+
+class Product < ActiveRecord::Base
+  belongs_to :option_type, optional: true
+  has_many :variants
+end
+
+class Variant < ActiveRecord::Base
+  belongs_to :product, optional: true
+  belongs_to :option_value, optional: true
+end
+
+RSpec.configure do |config|
+  config.after do
+    DatabaseCleaner.strategy = :truncation
+    DatabaseCleaner.clean
+  end
+end

data/spec/support/pluck_polyfill.rb

@@ -0,0 +1,12 @@
+# Required for ActiveSupport < 5
+unless [].respond_to?(:pluck)
+  module Enumerable
+    def pluck(*keys)
+      if keys.many?
+        map { |element| keys.map { |key| element[key] } }
+      else
+        map { |element| element[keys.first] }
+      end
+    end
+  end
+end

data/spec/support/reset_settings.rb

@@ -0,0 +1,5 @@
+RSpec.configure do |config|
+  config.before(:each) do
+    ActiveAdmin::SearchableSelect.inline_ajax_options = false
+  end
+end

data/src/index.js

@@ -0,0 +1,77 @@
+// ES Module version for ActiveAdmin 4+ with esbuild/webpack
+// The consuming app must import jQuery and Select2 BEFORE importing this module
+
+// Core initialization function
+export function initSearchableSelects(inputs, extra) {
+  const $ = window.jQuery || window.$;
+  
+  if (!$?.fn) {
+    console.error('ActiveAdmin Searchable Select: jQuery not found');
+    return;
+  }
+  
+  // Ensure select2 is available
+  if (!$.fn.select2) {
+    console.error('ActiveAdmin Searchable Select: Select2 is not loaded. Please ensure select2 is properly imported.');
+    return;
+  }
+  
+  inputs.each(function() {
+    const item = $(this);
+
+    // reading from data allows <input data-searchable_select='{"tags": ['some']}'>
+    // to be passed to select2
+    const options = $.extend(extra || {}, item.data('searchableSelect'));
+    const url = item.data('ajaxUrl');
+
+    if (url) {
+      $.extend(options, {
+        ajax: {
+          url: url,
+          dataType: 'json',
+
+          data: function (params) {
+            return {
+              term: params.term,
+              page: pageParamWithBaseZero(params)
+            };
+          }
+        }
+      });
+    }
+
+    item.select2(options);
+  });
+}
+
+function pageParamWithBaseZero(params) {
+  return params.page ? params.page - 1 : undefined;
+}
+
+// Auto-initialize on common events  
+export function setupAutoInit() {
+  const $ = window.jQuery || window.$;
+  if (!$) {
+    console.error('ActiveAdmin Searchable Select: jQuery not found for auto-init');
+    return;
+  }
+
+  // Initialize on DOM ready
+  $(function() {
+    initSearchableSelects($(".searchable-select-input"));
+  });
+
+  // Support Turbo (Rails 7+)
+  document.addEventListener('turbo:load', function() {
+    initSearchableSelects($(".searchable-select-input"), {placeholder: ""});
+  });
+
+  // ActiveAdmin 4 uses .has-many-add button click for dynamic content
+  $(document).on('click', '.has-many-add', function() {
+    setTimeout(function() {
+      initSearchableSelects($(".searchable-select-input:not(.select2-hidden-accessible)"));
+    }, 10);
+  });
+
+  console.log('ActiveAdmin Searchable Select initialized');
+}

data/src/searchable_select/init.js

@@ -0,0 +1,58 @@
+(function() {
+  // Wait for jQuery to be available
+  if (typeof $ === 'undefined' && typeof jQuery !== 'undefined') {
+    window.$ = jQuery;
+  }
+  
+  function initSearchableSelects(inputs, extra) {
+    // Ensure select2 is available
+    if (!$.fn.select2) {
+      console.error('Select2 is not loaded. Please ensure select2 is properly imported.');
+      return;
+    }
+    
+    inputs.each(function() {
+      const item = $(this);
+
+      // reading from data allows <input data-searchable_select='{"tags": ['some']}'>
+      // to be passed to select2
+      const options = $.extend(extra || {}, item.data('searchableSelect'));
+      const url = item.data('ajaxUrl');
+
+      if (url) {
+        $.extend(options, {
+          ajax: {
+            url: url,
+            dataType: 'json',
+
+            data: function (params) {
+              return {
+                term: params.term,
+                page: pageParamWithBaseZero(params)
+              };
+            }
+          }
+        });
+      }
+
+      item.select2(options);
+    });
+  }
+
+  function pageParamWithBaseZero(params) {
+    return params.page ? params.page - 1 : undefined;
+  }
+
+  $(document).on('has_many_add:after', '.has_many_container', function(e, fieldset) {
+    initSearchableSelects(fieldset.find('.searchable-select-input'));
+  });
+
+  // Support both Turbolinks and Turbo
+  $(document).on('page:load turbolinks:load turbo:load', function() {
+    initSearchableSelects($(".searchable-select-input"), {placeholder: ""});
+  });
+
+  $(function() {
+    initSearchableSelects($(".searchable-select-input"));
+  });
+}());

data/src/searchable_select.css

@@ -0,0 +1,5 @@
+.searchable_select.input .select2-container {
+  min-width: 30%;
+}
+
+/*# sourceMappingURL=searchable_select.css.map */

data/src/searchable_select.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["searchable_select.scss"],"names":[],"mappings":"AAEA;EACE","file":"searchable_select.css"}