Class: Polaris::CollapsibleComponent

Inherits:
Component
  • Object
show all
Defined in:
app/components/polaris/collapsible_component.rb

Constant Summary

Constants included from ViewHelper

ViewHelper::POLARIS_HELPERS, ViewHelper::POLARIS_TEXT_STYLES

Constants included from FetchOrFallbackHelper

FetchOrFallbackHelper::InvalidValueError

Instance Method Summary collapse

Methods included from ViewHelper

#polaris_body_styles, #polaris_html_classes, #polaris_html_styles, #polaris_icon_source

Methods included from StylesListHelper

#styles_list

Methods included from OptionHelper

#append_option, #prepend_option

Methods included from FetchOrFallbackHelper

#fetch_or_fallback, #fetch_or_fallback_boolean, #fetch_or_fallback_nested

Methods included from ClassNameHelper

#class_names

Constructor Details

#initialize(expand_on_print: false, open: false, **system_arguments) ⇒ CollapsibleComponent

Returns a new instance of CollapsibleComponent.



5
6
7
8
9
10
11
12
13
 
# File 'app/components/polaris/collapsible_component.rb', line 5

def initialize(
  expand_on_print: false,
  open: false,
  **system_arguments
)
  @expand_on_print = expand_on_print
  @open = open
  @system_arguments = system_arguments
end

Instance Method Details

#call ⇒ Object 



33
34
35
 
# File 'app/components/polaris/collapsible_component.rb', line 33

def call
  render(Polaris::BaseComponent.new(**system_arguments)) { content }
end

#system_arguments ⇒ Object 



15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
# File 'app/components/polaris/collapsible_component.rb', line 15

def system_arguments
  @system_arguments.tap do |opts|
    opts[:tag] = "div"
    opts[:data] ||= {}
    prepend_option(opts[:data], :controller, "polaris-collapsible")
    opts[:classes] = class_names(
      @system_arguments[:classes],
      "Polaris-Collapsible",
      "Polaris-Collapsible--isFullyClosed": !@open,
      "Polaris-Collapsible--expandOnPrint": @expand_on_print
    )
    opts[:style] = class_names(
      @open ? "max-height: none;" : "max-height: 0px;",
      @open ? "overflow: visible;" : "overflow: hidden;"
    )
  end
end