ahoy_captain 0.11.1 → 0.76

data/app/assets/javascript/ahoy_captain/helpers/number_formatters.js

@@ -1,55 +0,0 @@
-const THOUSAND = 1000
-const HUNDRED_THOUSAND = 100000
-const MILLION = 1000000
-const HUNDRED_MILLION = 100000000
-const BILLION = 1000000000
-const HUNDRED_BILLION = 100000000000
-const TRILLION = 1000000000000
-
-export function numberFormatter(num) {
-  if (num >= THOUSAND && num < MILLION) {
-    const thousands = num / THOUSAND
-    if (thousands === Math.floor(thousands) || num >= HUNDRED_THOUSAND) {
-      return Math.floor(thousands) + 'k'
-    } else {
-      return (Math.floor(thousands * 10) / 10) + 'k'
-    }
-  } else if (num >= MILLION && num < BILLION) {
-    const millions = num / MILLION
-    if (millions === Math.floor(millions) || num >= HUNDRED_MILLION) {
-      return Math.floor(millions) + 'M'
-    } else {
-      return (Math.floor(millions * 10) / 10) + 'M'
-    }
-  } else if (num >= BILLION && num < TRILLION) {
-    const billions = num / BILLION
-    if (billions === Math.floor(billions) || num >= HUNDRED_BILLION) {
-      return Math.floor(billions) + 'B'
-    } else {
-      return (Math.floor(billions * 10) / 10) + 'B'
-    }
-  } else {
-    return num
-  }
-}
-
-function pad(num, size) {
-  return ('000' + num).slice(size * -1);
-}
-
-export function durationFormatter(duration) {
-  const hours = Math.floor(duration / 60 / 60)
-  const minutes = Math.floor(duration / 60) % 60
-  const seconds = Math.floor(duration - (minutes * 60) - (hours * 60 * 60))
-  if (hours > 0) {
-    return `${hours}h ${minutes}m ${seconds}s`
-  } else if (minutes > 0) {
-    return `${minutes}m ${pad(seconds, 2)}s`
-  } else {
-    return `${seconds}s`
-  }
-}
-
-export function percentageFormatter(float) {
-  return Number(float/100).toLocaleString(undefined,{style: 'percent', minimumFractionDigits:2});
-}

data/app/components/ahoy_captain/combobox_component.html.erb

@@ -1,33 +0,0 @@
-<div data-controller="combobox"
-     data-combobox-single-option-value="<%= !@multiple %>"
-     data-combobox-placeholder-value="Select an option..."
-     data-combobox-is-disabled-value="false"
-     data-combobox-url-value="<%= @url %>"
-     data-combobox-disabled-value="<%= @disabled %>"
-     data-combobox-query-value="q[<%= @column %>_i_cont]"
-     data-combobox-selected-value="<%= @value.map { |value| { text: value, value: value } }.to_json %>"
-     class=" w-full "
->
-  <div data-action="click->combobox#toggleOpen" data-combobox-target="box"
-       class="
-        bg-gray-900 ring-0  focus-within:ring-0 focus-within:ring-0 focus:ring-0 focus:outline-none w-full rounded-md py-2 text-sm
-        w-full"
-       data-combobox-box-open-class="border-secondary-500 ring-1 ring-secondary-500">
-    <select data-combobox-target="select" style="display:none;"
-            data-predicate-select-target="select"
-            name="<%= @name %>"
-            id="<%= @select_html[:id] || "filter_#{@name}" %>"
-            <% @select_html.each do |k,v| %><%=k %>="<%=v %>"<% end %>
-    ><% @value.each do |value| %><option value="<%= value %>" selected><%= value %></option><% end %></select>
-    <div data-combobox-target="selected" class="px-2" style="display:none;"></div>
-    <input data-combobox-target="input"
-           data-action="input->combobox#onInput"
-           class="input input-sm input-ghost w-full inline-block rounded-md focus:outline-none focus:ring-0 focus:bg-gray-900"
-           type="text"
-           placeholder="Select an option...">
-  </div>
-  <ul data-combobox-target="list"
-      class="z-50 absolute mt-1 max-h-60 w-full overflow-auto rounded-md py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm bg-gray-800 text-gray-350"
-      style="display: none;">
-  </ul>
-</div>

data/app/components/ahoy_captain/combobox_component.rb

@@ -1,13 +0,0 @@
-module AhoyCaptain
-  class ComboboxComponent < ViewComponent::Base
-    def initialize(name:, multiple: false, disabled: false, column:, url:, value: [], select_html: {})
-      @name = name
-      @multiple = multiple
-      @column = column
-      @url = url
-      @value = Array(value)
-      @select_html = select_html
-      @disabled = disabled
-    end
-  end
-end

data/app/components/ahoy_captain/comparison_link_component.html.erb

@@ -1,17 +0,0 @@
-<div class="dropdown dropdown-end" data-controller='dropdown-label'>
-  <label
-    tabindex="0"
-    class="cursor-pointer flex <%= classes %>"
-    data-action='click->dropdown-label#removeHidden'
-    >
-    <span data-dropdown-label-target="label"><%= title %></span>
-
-  </label>
-  <ul class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52" data-dropdown-label-target="close">
-    <% links.each do |link| %>
-      <li data-action="click->dropdown-label#setLabel">
-        <%= link %>
-      <li>
-    <% end %>
-  </ul>
-</div>

data/app/components/ahoy_captain/comparison_link_component.rb

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-class AhoyCaptain::ComparisonLinkComponent < ViewComponent::Base
-  include ::AhoyCaptain::CompareMode
-  include ::AhoyCaptain::RangeOptions
-  include ::AhoyCaptain::Rangeable
-
-  renders_many :links
-  renders_one :header
-
-  attr_reader :title, :classes
-  def initialize(title: "", classes: "btn btn-sm btn-base-100 no-underline hover:bg-base-100")
-    @classes = classes
-  end
-
-  # cheating
-  def title
-    self.with_link_content(options_for_option)
-
-    comparison_mode.label
-  end
-
-  def render?
-    comparison_mode.enabled?
-  end
-
-  def options_for_option
-    [
-      (link_to "Custom period", "javascript:customComparisonModal.showModal()", class: selected(:custom)),
-      (link_to "Year-over-year", AhoyCaptain::Engine.routes.url_helpers.root_path(**helpers.search_params.merge(comparison: :year)), class: selected(:year)),
-      (link_to "Previous period", AhoyCaptain::Engine.routes.url_helpers.root_path(**helpers.search_params.merge(comparison: :previous)), class: selected(:previous, :true)),
-      (link_to "Disable Comparison", AhoyCaptain::Engine.routes.url_helpers.root_path(**helpers.search_params.merge(comparison: false))),
-
-    ].reverse.join.html_safe
-  end
-
-  private
-
-  def selected(*types)
-    return "font-bold" if comparison_mode.type.in?(types)
-
-    nil
-  end
-end

data/app/components/ahoy_captain/filter/dropdown_component.html.erb

@@ -1,50 +0,0 @@
-<div class="dropdown dropdown-end">
-  <label
-    tabindex="0"
-    class="btn btn-sm btn-ghost dark:hover:bg-neutral flex"
-  >
-    <%= header_icon %>
-    <span><%= title %></span>
-  </label>
-
-  <ul class="w-72 dropdown-content z-[1] p-2 shadow bg-base-100 rounded-box" data-controller='toggle' data-toggle-enable-value="<%= advanced_filter_menu? %>">
-    <% if advanced_filter_menu? %>
-      <div id="advanced-filters" class="w-full text-sm leading-tight" >
-        <button class='w-full cursor-pointer block pl-4 pt-1 text-left hover:text-primary' data-action="click->toggle#trigger">+ Add filter</button>
-        <div class="divider my-1"></div>
-        <% filters.each do |_, filter| %>
-          <li class='flex flex-inline px-4 items-center' data-toggle-target='toggleable'>
-            <button title="Edit filter: <%= filter.title %>"
-                    class="flex w-full justify-between link no-underline items-center group <% if filter.modal %>cursor-pointer<% else %>cursor-text<% end %> text-left"
-                    onclick="<% if filter.modal %><%= filter.modal %>.showModal() <% end %>">
-              <span class="truncate w-48  ">
-                <%= filter.column.titleize %> <%= filter.predicate.titleize %>
-                <%= filter.values.to_sentence %>
-              </span>
-              <% if filter.modal %>
-              <span class="group-hover:text-primary hover:text-primary ">
-                <%= edit_icon %>
-              </span>
-              <% end %>
-            </button>
-            <a title="Remove filter: <%= filter.title %>"
-               class="hover:text-primary link no-underline pl-2" href="<%= filter.url %>">
-              <%= remove_icon %>
-            </a>
-          </li>
-          <div class="divider my-1" data-toggle-target='toggleable'></div>
-        <% end %>
-        <li data-toggle-target='toggleable'>
-          <a class="block mx-auto pl-4 pb-1 " href="<%= AhoyCaptain::Engine.app.url_helpers.root_path %>">Clear all filters</a>
-        </li>
-      </div>
-    <% end %>
-
-    <ul id="core-filters" class="menu <%= 'hidden' if advanced_filter_menu? %> pt-0" data-toggle-target='toggleable'>
-      <% AhoyCaptain.config.filters.each do |label, filter_group| %>
-        <li><button onClick="<%= filter_group.modal_name %>.showModal()" class='link no-underline' data-action="click->toggle#trigger"><%= label %></button></li>
-      <% end %>
-      <li><button onClick="customPropertyFilterModal.showModal()" class='link no-underline' data-action="click->toggle#trigger">Property</button></li>
-    </ul>
-  </ul>
-</div>

data/app/components/ahoy_captain/filter/dropdown_component.rb

@@ -1,51 +0,0 @@
-# frozen_string_literal: true
-
-class AhoyCaptain::Filter::DropdownComponent < ViewComponent::Base
-  def initialize(filters:)
-    @filters = filters
-  end
-
-  private
-
-  attr_reader :filters
-
-  def header_icon
-    advanced_filter_menu? ? filters_icon : magnifier_icon
-  end
-
-  def title
-    advanced_filter_menu? ?  "#{filters.size} Filters" : 'Filter'
-  end
-
-  def advanced_filter_menu?
-    filter_categories.count >= ::AhoyCaptain::FilterParser::FILTER_MENU_MAX_SIZE
-  end
-
-  def filter_categories
-    filters.values.map(&:values).flatten
-  end
-
-  def magnifier_icon
-    %Q(
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-ml-1 mr-1 h-4 w-4 md:h-4 md:w-4"><path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd"></path></svg>
-    ).html_safe
-  end
-
-  def filters_icon
-    %Q(
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-ml-1 mr-1 h-4 w-4"><path d="M17 2.75a.75.75 0 00-1.5 0v5.5a.75.75 0 001.5 0v-5.5zM17 15.75a.75.75 0 00-1.5 0v1.5a.75.75 0 001.5 0v-1.5zM3.75 15a.75.75 0 01.75.75v1.5a.75.75 0 01-1.5 0v-1.5a.75.75 0 01.75-.75zM4.5 2.75a.75.75 0 00-1.5 0v5.5a.75.75 0 001.5 0v-5.5zM10 11a.75.75 0 01.75.75v5.5a.75.75 0 01-1.5 0v-5.5A.75.75 0 0110 11zM10.75 2.75a.75.75 0 00-1.5 0v1.5a.75.75 0 001.5 0v-1.5zM10 6a2 2 0 100 4 2 2 0 000-4zM3.75 10a2 2 0 100 4 2 2 0 000-4zM16.25 10a2 2 0 100 4 2 2 0 000-4z"></path></svg>
-    ).html_safe
-  end
-
-  def edit_icon
-    %Q(
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-4 h-4 ml-1 cursor-pointer"><path d="M5.433 13.917l1.262-3.155A4 4 0 017.58 9.42l6.92-6.918a2.121 2.121 0 013 3l-6.92 6.918c-.383.383-.84.685-1.343.886l-3.154 1.262a.5.5 0 01-.65-.65z"></path><path d="M3.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 0010 3H4.75A2.75 2.75 0 002 5.75v9.5A2.75 2.75 0 004.75 18h9.5A2.75 2.75 0 0017 15.25V10a.75.75 0 00-1.5 0v5.25c0 .69-.56 1.25-1.25 1.25h-9.5c-.69 0-1.25-.56-1.25-1.25v-9.5z"></path></svg>
-    ).html_safe
-  end
-
-  def remove_icon
-    %Q(
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-4 h-4"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg>
-    ).html_safe
-  end
-end

data/app/components/ahoy_captain/previous_next_component.html.erb

@@ -1,8 +0,0 @@
-<div class="rounded shadow bg-white cursor-pointer dark:bg-gray-800 flex h-8">
-  <button class="flex items-center px-1 sm:px-2 border-r border-gray-300 rounded-l dark:border-gray-500 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-900" type="button">
-    <svg class="feather h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>
-  </button>
-  <button class="flex items-center px-1 sm:px-2 rounded-r dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-900" type="button">
-    <svg class="feather h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>
-  </button>
-</div>

data/app/components/ahoy_captain/previous_next_component.rb

@@ -1,11 +0,0 @@
-module AhoyCaptain
-  class PreviousNextComponent < ViewComponent::Base
-    def initialize(range)
-      @range = range
-    end
-
-    def render?
-      false
-    end
-  end
-end

data/app/components/ahoy_captain/stats/comparable_container_component.html.erb

@@ -1,25 +0,0 @@
-<a href="<%= @url %>" class="relative px-4 md:px-6 w-1/2 my-4 w-auto group cursor-pointer" data-controller="frame-link" data-turbo-frame="chart">
-  <div>
-    <h5 class="text-sm font-bold uppercase whitespace-nowrap flex w-content border-transparent tooltip tooltip-bottom	"
-        data-active-links-target="link" data-tip="<%= tooltip %>">
-      <%= @label %>
-      <div class="<%= klass %> ms-2"><%= arrow %></div>
-    </h5>
-    <div class="md:block flex gap-4">
-      <div>
-        <span class="flex items-center justify-between whitespace-nowrap">
-          <p class="font-bold text-xl"><%= formatted(value.current) %></p>
-        </span>
-        <% if compare_mode? %>
-        <p class="text-xs"><%= range_string %></p>
-        <% end %>
-      </div>
-      <% if compare_mode? %>
-      <div>
-        <p class="font-bold text-xl text-gray-500"><%= formatted(value.compared_to) %></p>
-        <p class="text-xs text-gray-500"><%= compare_range_string %></p>
-      </div>
-      <% end %>
-    </div>
-  </div>
-</a>

data/app/components/ahoy_captain/stats/comparable_container_component.rb

@@ -1,86 +0,0 @@
-module AhoyCaptain
-  module Stats
-    class ComparableContainerComponent < ViewComponent::Base
-      include CompareMode
-      include Rangeable
-
-      def initialize(url, label, comparable, formatter = nil, selected = false, compare = false)
-        @url = url
-        @label = label
-        @comparable = comparable
-        @formatter = formatter
-        @selected = selected
-        @compare = compare
-      end
-
-      def compare?
-        @compare
-      end
-
-      def klass
-        if percentage.negative?
-          "text-red-400"
-        else
-          "text-green-400"
-        end
-      end
-
-      # 〰 ↓ ↑
-      def arrow
-        if percentage.negative?
-          "↓"
-        elsif percentage.positive?
-          "↑"
-        else
-          "〰"
-        end
-      end
-
-      def percentage
-        begin
-          diff = value.current - value.compared_to
-          if diff.zero?
-            return 0
-          end
-          (value.current / diff).round(2) * 100
-        rescue ZeroDivisionError
-          0
-        end
-      end
-
-      def number_to_duration(duration)
-        if duration
-          "#{duration.in_minutes.to_i}M #{duration.parts[:seconds].to_i}S"
-        else
-          "0M 0S"
-        end
-      end
-
-      def compare_range_string
-        range_to_string(@comparable.compare_range)
-      end
-
-      def range_string
-        range_to_string(@comparable.range)
-      end
-
-      def value
-        @comparable.result
-      end
-
-      def tooltip
-        "#{formatted(value.current)} vs #{formatted(value.compared_to)} — #{number_to_percentage percentage} (#{arrow}) "
-      end
-
-      def formatted(value)
-        public_send(@formatter, value)
-      end
-
-      private
-
-      def range_to_string(range)
-        [range[0], range[1]].map { |item| item.strftime('%m %B') }.join(' - ')
-      end
-    end
-  end
-end

data/app/components/ahoy_captain/stats/container_component.html.erb

@@ -1,15 +0,0 @@
-<a href="<%= @url %>" class="relative px-4 md:px-6 w-1/2 my-4 lg:w-auto group cursor-pointer" data-controller="frame-link" data-turbo-frame="chart">
-  <div>
-    <h5 class="text-sm font-bold uppercase whitespace-nowrap flex w-content border-transparent tooltip tooltip-bottom	"
-        data-active-links-target="link">
-      <%= @label %>
-    </h5>
-    <div class="my-1 space-y-2">
-      <div>
-        <span class="flex items-center justify-between whitespace-nowrap">
-          <p class="font-bold text-xl"><%= formatted(@value) %></p>
-        </span>
-      </div>
-    </div>
-  </div>
-</a>

data/app/components/ahoy_captain/stats/container_component.rb

@@ -1,26 +0,0 @@
-module AhoyCaptain
-  module Stats
-    class ContainerComponent < ViewComponent::Base
-      def initialize(url, label, value, formatter, selected = false)
-        @url = url
-        @label = label
-        @value = value
-        @formatter = formatter
-        @selected = selected
-      end
-
-      def formatted(value)
-        public_send(@formatter, value)
-      end
-
-
-      def number_to_duration(duration)
-        if duration
-          "#{duration.in_minutes.to_i}M #{duration.parts[:seconds].to_i}S"
-        else
-          "0M 0S"
-        end
-      end
-    end
-  end
-end

data/app/components/ahoy_captain/tables/devices_table_component.rb

@@ -1,11 +0,0 @@
-module AhoyCaptain
-  module Tables
-    class DevicesTableComponent < DynamicTable
-      register do
-        progress_bar :display_name, value: :count, max: :total_count, title: "Device"
-        number :count, title: "Visitors"
-      end
-
-    end
-  end
-end

data/app/components/ahoy_captain/tables/dynamic_table.rb

@@ -1,13 +0,0 @@
-module AhoyCaptain
-  module Tables
-    class DynamicTable
-      def self.register(options = {}, &block)
-        @table ||= DynamicTableComponent.build(self, options, &block)
-      end
-
-      def self.table
-        @table
-      end
-    end
-  end
-end

data/app/components/ahoy_captain/tables/dynamic_table_component.rb

@@ -1,204 +0,0 @@
-module AhoyCaptain
-  module Tables
-    class DynamicTableComponent < ViewComponent::Base
-      class TableDefinition
-        attr_reader :rows
-        class Row
-          attr_reader :attribute, :view_context
-          attr_reader :item
-          def initialize(attribute, options = {}, &block)
-            @attribute = attribute
-            @options = options
-            @block = block
-            @view_context = nil
-          end
-
-          def render(item, view_context)
-            @view_context = view_context
-            @item = item
-            if @options[:type] == :progress_bar
-              progress_bar(item)
-            else
-              if @block
-                column(@block.call(item))
-              else
-                column(item.public_send(attribute).presence)
-              end
-            end
-
-          end
-
-          def header
-            @options[:title] || @attribute.to_s.titleize
-          end
-
-          def link_to(*args)
-            @view_context.link_to(*args)
-          end
-
-          def request
-            @view_context.request
-          end
-
-          def h
-            @view_context.helpers
-          end
-
-          def search_params
-            @view_context.search_params
-          end
-
-          # needed for tricky instance_eval with blocks and view_context
-          def method_missing(method, *args, &block)
-            if klass.respond_to?(method)
-              klass.send(method, *args, &block)
-            else
-              @item.send method, *args, &block
-            end
-          end
-
-          def klass
-            @options[:klass]
-          end
-
-          def progress_bar(item)
-            @item = item
-            value = if @options[:value]
-                      build_option(item, @options[:value]).to_s
-                    else
-                      item.public_send(@attribute)
-                    end
-
-            max = build_option(item, @options[:max]).to_s
-            label = if @block
-                      instance_eval(&@block)
-                    else
-                      item.public_send(@attribute)
-                    end.to_s
-
-            items = []
-            items << view_context.content_tag(:progress, "", class: "progress-primary bg-base-100 h-8 grow", value: value, max: max)
-            items << view_context.content_tag(:span, class: "grow text-elipsis overflow-hidden absolute left-4 bottom-3 h-8 text-primary-content") do
-              label
-            end
-
-            items.join.html_safe
-          end
-
-          def build_option(item, value)
-            if value.is_a?(Symbol)
-              item.public_send(value)
-            else
-              value
-            end
-          end
-
-          def column(value = nil, &block)
-            view_context.content_tag(:span, class: "w-8 ml-8 text-right") do
-              if value
-                if @options[:formatter]
-                  if respond_to?(@options[:formatter])
-                    public_send(@options[:formatter], value)
-                  else
-                    view_context.public_send(@options[:formatter], value)
-                  end
-                else
-                  value.to_s
-                end
-              else
-                view_context.capture(&block).to_s
-              end
-            end
-          end
-
-          def number_to_human(amount)
-            tooltip(amount) do
-              view_context.number_to_human(amount, format: '%n%u', precision: 2, units: { thousand: 'k', million: 'm', billion: 'b' })
-            end
-          end
-
-          def percent_total(item)
-            '%.1f' % ((item.unit_amount.to_i * 1.0 / total)*100.0)
-          end
-
-          def tooltip(value)
-            AhoyCaptain::TooltipComponent.new(amount: value).render_in(view_context)
-          end
-        end
-
-        def initialize(klass)
-          @klass = klass
-          @rows = []
-        end
-
-        def column(key = nil, options = {}, &block)
-          options[:klass] = @klass
-          @rows << Row.new(key, options, &block)
-
-          self
-        end
-
-        def progress_bar(*args, &block)
-          options = args.extract_options!
-          options.assert_valid_keys(:value, :max, :title)
-          options[:klass] = @klass
-
-          @rows << Row.new(args[0], options.merge(type: :progress_bar), &block)
-
-          self
-        end
-
-        def number(key = nil, options = {}, &block)
-          options[:klass] = @klass
-
-          @rows << Row.new(key, options.merge(formatter: :number_to_human), &block)
-
-          self
-        end
-
-        def percent(key = nil, options = {}, &block)
-          options[:klass] = @klass
-
-          @rows << Row.new(key, options.merge(formatter: :number_to_percentage), &block)
-
-          self
-        end
-
-        def row(item, view_context)
-          items = []
-          @rows.each do |row|
-            items << row.render(item, view_context)
-          end
-          items.join.html_safe
-        end
-      end
-
-      def self.build(klass, options = {}, &block)
-        if options.key?(:fixed_height)
-          options[:header_options] = { fixed_height: options.delete(:fixed_height) }
-        end
-        table = TableDefinition.new(klass).instance_exec(&block)
-        new(klass, table, options)
-      end
-
-      def initialize(klass, table, options = {})
-        @klass = klass
-        @table = table
-        @options = options
-      end
-
-      def for(item)
-        @item = item
-        self
-      end
-
-      def row(item, view_context)
-        @table.row(item, view_context)
-      end
-
-      def headers
-        HeaderComponent.new(@table.rows.map.with_index { |row, index| { label: row.header, grow: index.zero? } }, @options[:header_options] || {})
-      end
-    end
-  end
-end