Contents

# frozen_string_literal: true

module Bs5
  class ModalComponent < ViewComponent::Base
    include ViewComponent::SlotableV2
    using HashRefinement

    MODAL_OPTIONS = %i[backdrop keyboard focus].freeze

    renders_one :controller, lambda { |_modal_id: nil|
      Bs5::Modal::ControllerComponent.new(modal_id: modal_id)
    }
    renders_one :header, lambda { |_label_id: nil|
      Bs5::Modal::HeaderComponent.new(label_id: label_id)
    }
    renders_one :body, Bs5::Modal::BodyComponent
    renders_one :footer, Bs5::Modal::FooterComponent

    def initialize(options = {})
      @options = options.symbolize_keys
      extract_options
    end

    private

    def extract_options
      @scroll = @options.delete(:scroll)
      @center = @options.delete(:center)
      @size = @options.delete(:size)
      @fullscreen = @options.delete(:fullscreen)

      extract_modal_options
    end

    def extract_modal_options
      @modal_options = @options.extract!(*MODAL_OPTIONS)
    end

    def modal_attributes
      { class: 'modal fade',
        id: modal_id,
        tabindex: -1,
        aria: { labelledby: label_id, hidden: true },
        data: @modal_options.prefix_keys_with_bs }
    end

    def dialog_classes
      class_names = ['modal-dialog']
      class_names << 'modal-dialog-scrollable' if scroll?
      class_names << 'modal-dialog-centered' if center?
      class_names << "modal-#{@size}" if size?
      class_names << fullscreen_class

      class_names.join(' ')
    end

    def fullscreen_class
      return unless fullscreen?

      class_name = %w[modal fullscreen]
      class_name << [@fullscreen, 'down'] if @fullscreen.is_a?(Symbol)

      class_name.join('-')
    end

    def modal_id
      "modal-#{object_id}"
    end

    def label_id
      "modal-label-#{object_id}"
    end

    %i[scroll center size fullscreen].each do |name|
      define_method("#{name}?") do
        !instance_variable_get("@#{name}").nil?
      end
    end
  end
end

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
bs5-0.0.31	app/components/bs5/modal_component.rb
bs5-0.0.30	app/components/bs5/modal_component.rb
bs5-0.0.29	app/components/bs5/modal_component.rb
bs5-0.0.28	app/components/bs5/modal_component.rb
bs5-0.0.27	app/components/bs5/modal_component.rb