avo 2.9.2.pre1 → 2.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ec2fea3d7eaa7759c9864553df3ed3e2375691e8e77616526a3bdf24a9b7c095
-  data.tar.gz: f958e3660b85e7f55352ca3680b1cbc6db6f5241a4b67335cc734c32f042c4b6
+  metadata.gz: 75872d452d6a4918c39857b6dbc0075477f13a87fa42d6bba3cc1da5fa924be0
+  data.tar.gz: e3b24ecd70d7fc005a33fd4b4fd34b79fd1c228db6125be80574968f639677b8
 SHA512:
-  metadata.gz: 184f093da1d7adec6414db22ca03f8222103768c35c382c3c0806311665094e02f0573889769f42ff100e3eb82a0f1e3d43a77fd10ad6c22d5357c6ec1a4fdbf
-  data.tar.gz: 03b309a8cff875d3aa1459a51d1196881ac03eae9935b3a4edf152125216bacbfbc0d468afdeb0e1f4da7998adcb468c0639615e396b4f5554e1f597b6f67ee2
+  metadata.gz: 88ba446afaeca394f7231314e12e87d535c995fc92009f1f9010729a43a817680fd2290e8513bc643a5b4c446c3f4323b4db15f3f073b536b138ca8751a8d2dc
+  data.tar.gz: f3e4ca2474e497d4693c68cb899d724ce511bba93a55db8d2c9666658c3f46c4744d635ed489001e9a9ca4e3921979fc503329a64b8686e875e2072a3033ce84

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (2.9.2.pre1)
+    avo (2.10.0)
       active_link_to
       addressable
       breadcrumbs_on_rails
@@ -138,7 +138,7 @@ GEM
       xpath (~> 3.2)
     chartkick (4.2.0)
     childprocess (4.1.0)
-    concurrent-ruby (1.1.9)
+    concurrent-ruby (1.1.10)
     countries (4.2.1)
       i18n_data (~> 0.15.0)
       sixarm_ruby_unaccent (~> 1.1)
@@ -238,7 +238,7 @@ GEM
     mini_magick (4.11.0)
     mini_mime (1.1.2)
     mini_portile2 (2.8.0)
-    minitest (5.15.0)
+    minitest (5.16.2)
     msgpack (1.4.4)
     multi_xml (0.6.0)
     net-protocol (0.1.2)
@@ -252,8 +252,6 @@ GEM
     nokogiri (1.13.4)
       mini_portile2 (~> 2.8.0)
       racc (~> 1.4)
-    nokogiri (1.13.4-x86_64-linux)
-      racc (~> 1.4)
     orm_adapter (0.5.0)
     pagy (5.10.1)
       activesupport
@@ -393,7 +391,7 @@ GEM
     tzinfo (2.0.4)
       concurrent-ruby (~> 1.0)
     unicode-display_width (2.1.0)
-    view_component (2.49.1)
+    view_component (2.57.1)
       activesupport (>= 5.0.0, < 8.0)
       method_source (~> 1.0)
     warden (1.2.9)
@@ -416,7 +414,7 @@ GEM
     websocket-extensions (0.1.5)
     xpath (3.2.0)
       nokogiri (~> 1.8)
-    zeitwerk (2.5.4)
+    zeitwerk (2.6.0)
 
 PLATFORMS
   ruby

data/README.md

@@ -69,6 +69,10 @@ Please read [CONTRIBUTING.MD](./CONTRIBUTING.MD)
 
 Please read the [UPGRADE_GUIDE.MD](https://docs.avohq.io/2.0/upgrade.html)
 
+# Release schedule
+
+Please read the [RELEASE.MD](./RELEASE.MD)
+
 # ✨ Contributors
 
 <a href="https://github.com/avo-hq/avo/graphs/contributors">

data/app/assets/stylesheets/css/buttons.css

@@ -1,8 +1,11 @@
 .button-group {
   @apply flex;
+
   .button-component {
+    @apply -mr-px;
+
     &:first-child {
-      @apply rounded-l -mr-px;
+      @apply rounded-l;
     }
 
     &:last-child {

data/app/components/avo/actions_component.rb

@@ -43,10 +43,14 @@ class Avo::ActionsComponent < ViewComponent::Base
   end
 
   def single_record_path(id)
-    "#{@resource.record_path}/actions/#{id}"
+    Avo::Services::URIService.parse(@resource.record_path)
+      .append_paths("actions", id)
+      .to_s
   end
 
   def many_records_path(id)
-    "#{@resource.records_path}/actions/#{id}"
+    Avo::Services::URIService.parse(@resource.records_path)
+      .append_paths("actions", id)
+      .to_s
   end
 end

data/app/components/avo/base_component.rb

@@ -1,6 +1,8 @@
 # frozen_string_literal: true
 
 class Avo::BaseComponent < ViewComponent::Base
+  include Turbo::FramesHelper
+
   def has_with_trial(ability)
     ::Avo::App.license.has_with_trial(ability)
   end

data/app/components/avo/button_component.rb

@@ -26,9 +26,11 @@ class Avo::ButtonComponent < ViewComponent::Base
   def args
     if @args[:loading]
       @args[:"data-controller"] = "loading-button"
+      @args[:"data-loading-button-confirmed-value"] = false
+      @args[:"data-action"] = "click->loading-button#attemptSubmit"
 
       if @args[:confirm]
-        @args[:"data-avo-confirm"] = @args.delete(:confirm)
+        @args[:"data-loading-button-confirmation-message-value"] = @args.delete(:confirm)
       end
     end
 

data/app/components/avo/fields/common/key_value_component.html.erb

@@ -3,7 +3,7 @@
   data-key-value-target="controller"
   data-options="<%= @field.options.to_json %>"
   data-input-classes="<%= input_classes %>"
-  data-editable="<%= @view.in?([:edit, :create]) %>"
+  data-editable="<%= @view.in?([:edit, :new]) %>"
 >
   <div class="w-full flex flex-col">
     <div class="flex w-full">
@@ -14,7 +14,7 @@
         <div class="w-1/2 py-3 px-3 uppercase font-semibold text-xs text-white">
           <%= @field.value_label %>
         </div>
-        <% if @view.in?([:edit, :create]) %>
+        <% if @view.in?([:edit, :new]) %>
           <div class="flex items-center justify-center p-2 px-3 border-l border-gray-600">
             <a href="javascript:void(0);"
               title="<%= @field.action_text %>"

data/app/components/avo/fields/common/single_file_viewer_component.rb

@@ -10,7 +10,7 @@ class Avo::Fields::Common::SingleFileViewerComponent < ViewComponent::Base
   end
 
   def destroy_path
-    "#{@resource.record_path}/active_storage_attachments/#{id}/#{file.id}"
+    Avo::Services::URIService.parse(@resource.record_path).append_paths("active_storage_attachments", id, file.id).to_s
   end
 
   def id

data/app/components/avo/fields/date_field/edit_component.html.erb

@@ -6,6 +6,7 @@
         'date-field-target': 'input',
         'first-day-of-week': @field.first_day_of_week,
         'picker-format': @field.picker_format,
+        'disable-mobile': @field.disable_mobile,
         'enable-time': false,
         format: @field.format,
         placeholder: @field.placeholder,

data/app/components/avo/fields/date_time_field/edit_component.html.erb

@@ -1,31 +1,16 @@
 <%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
-  <%= content_tag :div, data: {
-      controller: "date-field",
-      date_field_view_value: @view,
-      date_field_enable_time_value: true,
-      date_field_picker_format_value: @field.picker_format,
-      date_field_first_day_of_week_value: @field.first_day_of_week,
-      date_field_time24_hr_value: @field.time_24hr,
-      date_field_timezone_value: @field.timezone,
-  } do %>
-    <%= datetime_field "fake_#{@field.id}", "fake",
-      value: @field.edit_formatted_value,
+  <div data-controller="date-field">
+    <%= @form.datetime_field @field.id,
       class: classes("w-full"),
-      data: {
-        'date-field-target': 'fakeInput',
-        placeholder: @field.placeholder,
-        relative: @field.relative,
-        **@field.get_html(:data, view: view, element: :input)
-      },
-      disabled: @field.readonly,
-      placeholder: @field.placeholder,
-      style: @field.get_html(:style, view: view, element: :input)
-    %>
-    <%= @form.text_field @field.id,
-      value: @field.edit_formatted_value,
-      class: classes("w-full hidden"),
       data: {
         'date-field-target': 'input',
+        'first-day-of-week': @field.first_day_of_week,
+        'picker-format': @field.picker_format,
+        'disable-mobile': @field.disable_mobile,
+        'enable-time': true,
+        time24hr: @field.time_24hr,
+        timezone: @field.timezone,
+        format: @field.format,
         placeholder: @field.placeholder,
         relative: @field.relative,
         **@field.get_html(:data, view: view, element: :input)
@@ -34,5 +19,5 @@
       placeholder: @field.placeholder,
       style: @field.get_html(:style, view: view, element: :input)
     %>
-  <% end %>
+  </div>
 <% end %>

data/app/components/avo/fields/date_time_field/index_component.html.erb

@@ -1,11 +1,3 @@
 <%= index_field_wrapper field: @field, resource: @resource do %>
-   <%= content_tag :div, data: {
-    controller: "date-field",
-    date_field_view_value: @view,
-    date_field_format_value: @field.format,
-    date_field_timezone_value: @field.timezone,
-    date_field_picker_format_value: @field.picker_format,
-  } do %>
-    <%= @field.formatted_value %>
-  <% end %>
+  <%= @field.formatted_value %>
 <% end %>

data/app/components/avo/fields/date_time_field/show_component.html.erb

@@ -1,11 +1,3 @@
 <%= show_field_wrapper field: @field, resource: @resource, index: @index do %>
-  <%= content_tag :div, data: {
-    controller: "date-field",
-    date_field_view_value: @view,
-    date_field_format_value: @field.format,
-    date_field_timezone_value: @field.timezone,
-    date_field_picker_format_value: @field.picker_format,
-  } do %>
-    <%= @field.formatted_value %>
-  <% end %>
+  <%= @field.formatted_value %>
 <% end %>

data/app/components/avo/fields/edit_component.rb

@@ -3,6 +3,7 @@
 class Avo::Fields::EditComponent < ViewComponent::Base
   include Avo::ResourcesHelper
 
+  attr_reader :field
   attr_reader :view
 
   def initialize(field: nil, resource: nil, index: 0, form: nil, displayed_in_modal: false)
@@ -17,4 +18,8 @@ class Avo::Fields::EditComponent < ViewComponent::Base
   def classes(extra_classes = "")
     helpers.input_classes("#{@field.get_html(:classes, view: view, element: :input)} #{extra_classes}", has_error: @field.model_errors.include?(@field.id))
   end
+
+  def render?
+    !field.computed
+  end
 end

data/app/components/avo/fields/show_component.rb

@@ -5,7 +5,7 @@ class Avo::Fields::ShowComponent < ViewComponent::Base
 
   attr_reader :view
 
-  def initialize(field: nil, resource: nil, index: 0)
+  def initialize(field: nil, resource: nil, index: 0, form: nil)
     @field = field
     @resource = resource
     @index = index

data/app/components/avo/index/ordering/button_component.rb

@@ -19,19 +19,9 @@ class Avo::Index::Ordering::ButtonComponent < Avo::Index::Ordering::BaseComponen
 
   def order_path(args)
     if reflection.present?
-      path = "#{::Avo::App.root_path}/resources/#{reflection_parent_resource.route_key}/#{params[:id]}/#{field.id}/#{resource.model.id}/order"
+      Avo::App.view_context.avo.associations_order_path(reflection_parent_resource.route_key, params[:id], field.id, resource.model.id, **args)
     else
-      path = "#{::Avo::App.root_path}/resources/#{resource.route_key}/#{resource.model.id}/order"
+      Avo::App.view_context.avo.resources_order_path(resource.route_key, resource.model.id, **args)
     end
-
-    if args.present?
-      string_args = args.map do |key, value|
-        "#{key}=#{value}"
-      end.join('&')
-
-      path = "#{path}?#{string_args}"
-    end
-
-    path
   end
 end

data/app/components/avo/index/resource_controls_component.html.erb

@@ -46,7 +46,7 @@
         }
       %>
       <%= hidden_field_tag :turbo_frame, params[:turbo_frame], id: "turbo_frame_detach_#{@resource.model.id}" if params[:turbo_frame] %>
-      <%= hidden_field_tag :referrer, request.fullpath, id: "referrer_detach_#{@resource.model.id}" if params[:turbo_frame] %>
+      <%= hidden_field_tag :referrer, referrer_path, id: "referrer_detach_#{@resource.model.id}" if params[:turbo_frame] %>
     <% end %>
   <% end %>
 
@@ -71,7 +71,7 @@
       %>
       <%= form.hidden_field :view_type, value: params[:view_type], id: "turbo_view_type_#{@resource.model.id}" if params[:view_type] %>
       <%= form.hidden_field :turbo_frame, value: params[:turbo_frame], id: "turbo_frame_destroy_#{@resource.model.id}" if params[:turbo_frame] %>
-      <%= form.hidden_field :referrer, value: request.fullpath, id: "referrer_destroy_#{@resource.model.id}" if params[:turbo_frame] %>
+      <%= form.hidden_field :referrer, value: referrer_path, id: "referrer_destroy_#{@resource.model.id}" if params[:turbo_frame] %>
     <% end %>
   <% end %>
 </div>

data/app/components/avo/index/resource_controls_component.rb

@@ -41,7 +41,7 @@ class Avo::Index::ResourceControlsComponent < Avo::ResourceComponent
   end
 
   def edit_path
-    #Add the `view` param to let Avo know where to redirect back when the user clicks the `Cancel` button.
+    # Add the `view` param to let Avo know where to redirect back when the user clicks the `Cancel` button.
     args = {via_view: 'index'}
 
     if @parent_model.present?
@@ -71,4 +71,8 @@ class Avo::Index::ResourceControlsComponent < Avo::ResourceComponent
   def is_has_many_association
     @reflection.is_a?(::ActiveRecord::Reflection::HasManyReflection) || @reflection.is_a?(::ActiveRecord::Reflection::ThroughReflection)
   end
+
+  def referrer_path
+    Avo::App.root_path(paths: ['resources', params[:resource_name], params[:id], params[:related_name]], query: request.query_parameters.to_h)
+  end
 end

data/app/components/avo/index/resource_table_component.html.erb

@@ -1,6 +1,6 @@
 <div class="w-full ">
   <table class="w-full px-4 bg-white" data-resource-name='<%= @resource.model_key %>' data-controller='item-select-all'>
-    <%= render partial: 'avo/partials/table_header', locals: {fields: @resource.get_fields(reflection: @reflection)} %>
+    <%= render partial: 'avo/partials/table_header', locals: {fields: @resource.get_fields(reflection: @reflection, only_root: true)} %>
     <tbody class="divide-y">
       <% @resources.each_with_index do |resource, index| %>
         <% cache_if Avo.configuration.cache_resources_on_index_view, resource.cache_hash(@parent_model), expires_in: 1.day do %>

data/app/components/avo/index/table_row_component.html.erb

@@ -9,7 +9,7 @@
       </div>
     </td>
   <% end %>
-  <% @resource.get_fields(reflection: @reflection).each_with_index do |field, index| %>
+  <% @resource.get_fields(reflection: @reflection, only_root: true).each_with_index do |field, index| %>
     <%= render field.component_for_view(:index).new(field: field, resource: @resource, index: index, parent_model: @parent_model) %>
   <% end %>
   <td class="text-right whitespace-nowrap px-2">

data/app/components/avo/item_switcher_component.html.erb

@@ -0,0 +1,19 @@
+<% if item.is_tool? %>
+  <% if item&.partial.present? %>
+    <%= render item.partial, tool: item %>
+  <% end %>
+<% elsif item.is_panel? %>
+  <%= render Avo::PanelComponent.new(title: item.name, description: item.description, index: index, view: view) do |c| %>
+    <% c.body do %>
+      <div class="divide-y">
+        <% item.items.each_with_index do |field, index| %>
+          <%= render field.hydrate(resource: @resource, model: @resource.model, user: resource.user, view: view).component_for_view(view).new(field: field, resource: @resource, index: index, form: form) %>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+<% elsif item.is_tab_group? %>
+  <%= render tab_group_component %>
+<% elsif item.is_field? %>
+  <%= render field_component %>
+<% end %>

data/app/components/avo/item_switcher_component.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+class Avo::ItemSwitcherComponent < Avo::BaseComponent
+  include Turbo::FramesHelper
+
+  attr_reader :resource
+  attr_reader :reflection
+  attr_reader :index
+  attr_reader :item
+  attr_reader :view
+
+  def initialize(resource: nil, reflection: nil, item: nil, index: nil, view: nil, form: nil)
+    @resource = resource
+    @reflection = reflection
+    @form = form
+    @index = index
+    @item = item
+    @view = view
+  end
+
+  def form
+    @form || nil
+  end
+
+  def render?
+    # Stops rendering if the field should be hidden in reflections
+    if item.is_field?
+      return false if in_reflection? && item.hidden_in_reflection?
+    end
+
+    true
+  end
+
+  def in_reflection?
+    @reflection.present?
+  end
+
+  def tab_group_component
+    Avo::TabGroupComponent.new resource: @resource, group: item.hydrate(view: view), index: index, params: params, form: form, view: view
+  end
+
+  def field_component
+    item.component_for_view(@view).new(field: item.hydrate(resource: @resource, view: @view, model: @resource.model), resource: @resource, index: index, form: form)
+  end
+end

data/app/components/avo/panel_component.html.erb

@@ -1,4 +1,4 @@
-<div <%== data_attributes %>>
+<%= content_tag :div, data: data_attributes, class: classes do %>
   <% if render_header? %>
     <div class="flex-1 flex flex-col xl:flex-row justify-between mb-4">
       <div class="overflow-hidden flex flex-col">
@@ -7,18 +7,15 @@
             <%= helpers.render_breadcrumbs(separator: helpers.svg('chevron-right', class: 'inline-block h-3 stroke-current relative top-[-1px] ml-1' )) if Avo.configuration.display_breadcrumbs %>
           </div>
         <% end %>
-
         <div class="text-2xl tracking-normal font-semibold text-gray-800 truncate items-center flex flex-1" data-target="title">
-          <span><%= @title %></span>
+          <span><%= @name %></span>
         </div>
-
         <% if description.present? %>
-        <div class="text-sm tracking-normal font-medium text-gray-600" data-target="description">
-          <%== description %>
-        </div>
+          <div class="text-sm tracking-normal font-medium text-gray-600" data-target="description">
+            <%== description %>
+          </div>
         <% end %>
       </div>
-
       <% if tools.present? %>
         <div class="flex-1 w-full flex flex-col sm:flex-row xl:justify-end sm:items-end space-y-2 sm:space-y-0 sm:space-x-2 mt-4 xl:mt-0">
           <%= tools %>
@@ -26,26 +23,28 @@
       <% end %>
     </div>
   <% end %>
-
-  <div class="relative <%= white_panel_classes %> <%= @body_classes %>">
-    <%= body %>
-  </div>
-
-  <div class="relative">
-    <%= bare_content %>
-  </div>
-
-  <% if footer_tools.present? %>
+  <% if body? %>
+    <div class="relative <%= white_panel_classes %> <%= @body_classes %>">
+      <%= body %>
+    </div>
+  <% end %>
+  <% if bare_content? %>
+    <div class="relative">
+      <%= bare_content %>
+    </div>
+  <% end %>
+  <% if footer_tools? %>
     <div class="<%= white_panel_classes %> p-4 flex-1 flex flex-col xl:flex-row justify-between mt-6">
       <div class="flex-1 w-full flex flex-col sm:flex-row xl:justify-end sm:items-end space-y-2 sm:space-y-0 sm:space-x-2 mt-4 xl:mt-0">
         <%= footer_tools %>
       </div>
     </div>
   <% end %>
-
-  <div class="flex justify-end w-full">
-    <div>
-      <%= footer %>
+  <% if footer? %>
+    <div class="flex justify-end w-full">
+      <div>
+        <%= footer %>
+      </div>
     </div>
-  </div>
-</div>
+  <% end %>
+<% end %>

data/app/components/avo/panel_component.rb

@@ -2,6 +2,8 @@
 
 class Avo::PanelComponent < ViewComponent::Base
   attr_reader :title
+  attr_reader :name
+  attr_reader :classes
 
   renders_one :tools
   renders_one :body
@@ -9,13 +11,17 @@ class Avo::PanelComponent < ViewComponent::Base
   renders_one :footer_tools
   renders_one :footer
 
-  def initialize(title: nil, description: nil, body_classes: nil, data: {}, display_breadcrumbs: false, index: nil)
+  def initialize(title: nil, name: nil, description: nil, body_classes: nil, data: {}, display_breadcrumbs: false, index: nil, classes: nil, view: nil)
+    # deprecating title in favor of name
     @title = title
+    @name = name || title
     @description = description
+    @classes = classes
     @body_classes = body_classes
     @data = data
     @display_breadcrumbs = display_breadcrumbs
     @index = index
+    @view = view
   end
 
   private
@@ -26,9 +32,6 @@ class Avo::PanelComponent < ViewComponent::Base
 
   def data_attributes
     @data.merge({"panel-index": @index})
-      .map do |key, value|
-        " data-#{key}=\"#{value}\""
-      end.join
   end
 
   def display_breadcrumbs?
@@ -42,7 +45,7 @@ class Avo::PanelComponent < ViewComponent::Base
   end
 
   def render_header?
-    @title.present? || description.present? || tools.present? || display_breadcrumbs?
+    @name.present? || description.present? || tools.present? || display_breadcrumbs?
   end
 
   def render_footer_tools?

data/app/components/avo/tab_group_component.html.erb

@@ -0,0 +1,53 @@
+<%= content_tag :div,
+  data: {
+    target: "tab-group",
+    index: index,
+    controller: "tabs",
+    tabs_view_value: view,
+    tabs_active_tab_value: active_tab_name
+  },
+  class: 'space-y-12' do %>
+  <% visible_tabs.each_with_index do |tab, index| %>
+    <%
+      args = {
+        # Hide the turbo frames that aren't in the current tab
+        # This way we can lazy load the un-selected tabs on the show view
+        class: "block #{'hidden' unless tab.name == active_tab_name}",
+        data: {
+          # Add a marker to know if we already loaded a turbo frame
+          loaded: tab.name == active_tab_name,
+          tabs_target: :tab,
+          tab_id: tab.name,
+        }
+      }
+
+      is_current_tab = active_tab_name.to_s == tab.name.to_s
+
+      # On edit screens we want to load each tab because we wnst the DOM to have the fields present on form submission.
+      # If you have a field which is in the second tab and it's required, the form submission will fail because the required field is not in view, and we don't want that.
+      # We also want to load the current tab
+      should_lazy_load = if @view.to_s.in?(['edit', 'new'])
+        false
+      else
+        !is_current_tab
+      end
+
+      if should_lazy_load
+        args[:src] = helpers.resource_path(resource: @resource, model: @resource.model, keep_query_params: true, active_tab_name: tab.name, tab_turbo_frame: group.turbo_frame_id)
+        args[:loading] = :lazy
+      end
+    %>
+    <%= turbo_frame_tag tab.turbo_frame_id(parent: @group), **args do %>
+      <div class="border rounded-lg p-2 -mx-2 -my-2 lg:p-4 lg:-mx-4 lg:-my-4 space-y-4">
+        <%= render Avo::TabSwitcherComponent.new resource: @resource, current_tab: tab, group: group, active_tab_name: active_tab_name, view: view %>
+        <% if !should_lazy_load && !tab.empty? %>
+          <div class="space-y-12">
+            <% tab.visible_items.each do |item| %>
+              <%= render Avo::ItemSwitcherComponent.new resource: @resource, item: item, index: index, form: form, view: @view %>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/avo/tab_group_component.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+class Avo::TabGroupComponent < Avo::BaseComponent
+  attr_reader :group
+  attr_reader :index
+  attr_reader :view
+  attr_reader :form
+
+  def initialize(resource:, group:, index:, form:, params:, view:)
+    @resource = resource
+    @group = group
+    @index = index
+    @form = form
+    @params = params
+    @view = view
+
+    @group.index = index
+  end
+
+  def render?
+    tabs_have_content? && visible_tabs.present?
+  end
+
+  def tabs_have_content?
+    visible_tabs.present?
+  end
+
+  def active_tab_name
+    params[:active_tab_name] || group.visible_items&.first&.name
+  end
+
+  def tabs
+    @group.items.map do |tab|
+      tab.hydrate(view: view)
+    end
+  end
+
+  def visible_tabs
+    tabs.select do |tab|
+      !tab.empty?
+    end
+  end
+
+  def active_tab
+    return if group.visible_items.blank?
+
+    group.visible_items.find do |tab|
+      tab.name.to_s == active_tab_name.to_s
+    end
+  end
+end