Class: HakumiComponents::Empty::Component

Inherits:
BaseComponent
  • Object
show all
Extended by:
T::Sig
Defined in:
app/components/hakumi_components/empty/component.rb

Constant Summary collapse

Image = 
T.type_alias { T.any(Symbol, String, ActiveSupport::SafeBuffer, ViewComponent::Base, ViewComponent::Slot) }
Description = 
T.type_alias { T.any(FalseClass, HakumiComponents::Types::Renderable) }
BUILT_IN_IMAGES = 
T.let([ :default, :simple ].freeze, T::Array[Symbol])
DEFAULT_IMAGE_SVG =

Default SVG image matching Ant Design’s PRESENTED_IMAGE_DEFAULT Uses CSS classes for dark mode theming

T.let(<<~SVG.html_safe, ActiveSupport::SafeBuffer)
  <svg class="hakumi-empty-img-default" width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
    <g fill="none" fill-rule="evenodd">
      <g transform="translate(24 31.67)">
        <ellipse class="hakumi-empty-img-default-ellipse" fill-opacity=".8" cx="67.797" cy="106.89" rx="67.797" ry="12.668"/>
        <path class="hakumi-empty-img-default-path-1" d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"/>
        <path class="hakumi-empty-img-default-path-2" d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" transform="translate(13.56)"/>
        <path class="hakumi-empty-img-default-path-3" d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"/>
        <path class="hakumi-empty-img-default-path-4" d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"/>
      </g>
      <path class="hakumi-empty-img-default-path-5" d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"/>
      <g transform="translate(149.65 15.383)" class="hakumi-empty-img-default-g">
        <ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"/>
        <path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"/>
      </g>
    </g>
  </svg>
SVG
SIMPLE_IMAGE_SVG =

Simple SVG image matching Ant Design’s PRESENTED_IMAGE_SIMPLE

T.let(<<~SVG.html_safe, ActiveSupport::SafeBuffer)
  <svg class="hakumi-empty-img-simple" width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg">
    <g transform="translate(0 1)" fill="none" fill-rule="evenodd">
      <ellipse class="hakumi-empty-img-simple-ellipse" cx="32" cy="33" rx="32" ry="7"/>
      <g class="hakumi-empty-img-simple-g" fill-rule="nonzero">
        <path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"/>
        <path class="hakumi-empty-img-simple-path" d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"/>
      </g>
    </g>
  </svg>
SVG

Constants inherited from BaseComponent

BaseComponent::ControllerOptions, BaseComponent::DateInput, BaseComponent::DateLikeValue, BaseComponent::DimensionInput, BaseComponent::HtmlPayloadInput, BaseComponent::I18nOptionValue, BaseComponent::PresenceArray, BaseComponent::PresenceScalar, BaseComponent::PresenceValue, BaseComponent::RawHtmlInput, BaseComponent::SIZES, BaseComponent::SizeValue, BaseComponent::SymbolInput

Instance Method Summary collapse

Methods inherited from BaseComponent

#append_data_token, boolean_html_param, #build_inline_style, cast_boolean, #cast_boolean, #class_names, #component_classes, #data_attributes_from, #dimension_to_css, #ensure_dom_id!, float_html_param, #generate_id, #html_classes, html_param, html_primitive_param, #html_style, #i18n_scope, integer_html_param, #merge_attributes, #render_value, #size_to_pixels, #stimulus_attrs, string_html_param, string_or_symbol_array_html_param, symbol_html_param, #t_default, #translate_with_default, #validate_inclusion!, #validate_required!, #value_present?

Constructor Details

#initialize(image: :default, image_height: nil, description: nil, **html_options) ⇒ Component

Returns a new instance of Component.



56
57
58
59
60
61
62
63
 
# File 'app/components/hakumi_components/empty/component.rb', line 56

def initialize(image: :default, image_height: nil, description: nil, **html_options)
  @image = T.let(image, Image)
  @image_height = T.let(image_height, T.nilable(T.any(Integer, String)))
  @description = T.let(description, T.nilable(Description))
  @html_options = T.let(html_options, Types::HtmlAttributes)

  validate_props!
end

Instance Method Details

#call ⇒ Object 



72
73
74
75
76
77
78
79
80
 
# File 'app/components/hakumi_components/empty/component.rb', line 72

def call
  content_tag(:div, wrapper_attributes) do
    safe_join([
      image_element,
      description_element,
      footer_element
    ].compact)
  end
end

#resolved_description ⇒ Object 



66
67
68
69
 
# File 'app/components/hakumi_components/empty/component.rb', line 66

def resolved_description
  return nil if @description == false
  @description || t_default(:description, default: "No data")
end

#wrapper_attributes ⇒ Object 



88
89
90
 
# File 'app/components/hakumi_components/empty/component.rb', line 88

def wrapper_attributes
  merge_attributes({ class: wrapper_classes }, @html_options.except(:class))
end

#wrapper_classes ⇒ Object 



83
84
85
 
# File 'app/components/hakumi_components/empty/component.rb', line 83

def wrapper_classes
  component_classes("empty", { normal: @image == :simple }, @html_options)
end