avo 2.46.0 → 3.0.0.pre1

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

@@ -1,137 +1,115 @@
-<div data-controller="reload-belongs-to-field"
-     data-action="turbo:before-stream-render@document->reload-belongs-to-field#beforeStreamRender"
-     data-reload-belongs-to-field-polymorphic-value="<%= is_polymorphic? %>"
-     data-reload-belongs-to-field-searchable-value="<%= @field.searchable %>"
-     data-reload-belongs-to-field-relation-name-value="<%= @field.id %>"
-     data-reload-belongs-to-field-target-name-value="<%= form.object_name %>[<%= @field.id_input_foreign_key %>]"
->
-  <% if is_polymorphic? %>
-    <%
-      # Set the model keys so we can pass them over
-      model_keys = @field.types.map do |type|
-        resource = Avo::App.get_resource_by_model_name(type.to_s)
-        [type.to_s, resource.model_key]
-      end.to_h
-    %>
-    <div class="divide-y"
-      data-controller="belongs-to-field"
-      data-searchable="<%= @field.searchable %>"
-      data-association="<%= @field.id %>"
-      data-association-class="<%= @field&.target_resource&.model_class || nil %>"
-    >
-      <%= field_wrapper **field_wrapper_args, help: @field.polymorphic_help || '' do %>
-        <%= @form.select @field.type_input_foreign_key, @field.types.map { |type| [::Avo::App.get_resource_by_model_name(type.to_s).name, type.to_s] },
-        {
-          value: @field.value,
-          include_blank: @field.placeholder,
+<% if is_polymorphic? %>
+  <%
+    # Set the model keys so we can pass them over
+    model_keys = @field.types.map do |type|
+      resource = Avo::App.resources.get_resource_by_model_class(type.to_s)
+      [type.to_s, resource.model_key]
+    end.to_h
+  %>
+  <div class="divide-y"
+    data-controller="belongs-to-field"
+    data-searchable="<%= @field.is_searchable? %>"
+    data-association="<%= @field.id %>"
+    data-association-class="<%= @field&.target_resource&.model_class || nil %>"
+  >
+    <%= field_wrapper **field_wrapper_args, help: @field.polymorphic_help || '' do %>
+      <%= @form.select @field.type_input_foreign_key, @field.types.map { |type| [::Avo::App.resources.get_resource_by_model_class(type.to_s).name, type.to_s] },
+      {
+        value: @field.value,
+        include_blank: @field.placeholder,
+      },
+      {
+        class: classes("w-full"),
+        data: {
+          **@field.get_html(:data, view: view, element: :input),
+          action: "change->belongs-to-field#changeType #{field_html_action}",
+          'belongs-to-field-target': "select",
         },
-        {
-          class: classes("w-full"),
-          data: {
-            **@field.get_html(:data, view: view, element: :input),
-            action: "change->belongs-to-field#changeType #{field_html_action}",
-            'belongs-to-field-target': "select",
-          },
-          disabled: disabled
-        }
-      %>
-        <%
-          # If the select field is disabled, no value will be sent. It's how HTML works.
-          # Thus the extra hidden field to actually send the related id to the server.
-          if disabled %>
-          <%= @form.hidden_field @field.type_input_foreign_key %>
-        <% end %>
-      <% end %>
-      <% @field.types.each do |type| %>
-        <div class="hidden"
-          data-belongs-to-field-target="type"
-          data-type="<%= type %>"
-        >
-          <%= field_wrapper **field_wrapper_args, label: ::Avo::App.get_resource_by_model_name(type.to_s).name do %>
-            <div class="flex flex-col gap-1">
-              <% if @field.searchable %>
-                <%= render Avo::Fields::BelongsToField::AutocompleteComponent.new form: @form,
-                  disabled: disabled,
-                  field: @field,
-                  foreign_key: @field.id_input_foreign_key,
-                  model_key: model_keys[type.to_s],
-                  polymorphic_record: polymorphic_record,
-                  resource: @resource,
-                  style: @field.get_html(:style, view: view, element: :input),
-                  type: type,
-                  classes: classes("w-full"),
-                  view: view
-              %>
-              <% else %>
-                <%= @form.select @field.id_input_foreign_key,
-                options_for_select(@field.values_for_type(type), @resource.present? && @resource.model.present? ? @resource.model[@field.id_input_foreign_key] : nil),
-                {
-                  value: @resource.model[@field.id_input_foreign_key].to_s,
-                  include_blank: @field.placeholder,
-                },
-                {
-                  class: classes("w-full"),
-                  data: @field.get_html(:data, view: view, element: :input),
-                  disabled: disabled
-                }
-              %>
-                <%
-                # If the select field is disabled, no value will be sent. It's how HTML works.
-                # Thus the extra hidden field to actually send the related id to the server.
-                if disabled %>
-                  <%= @form.hidden_field @field.id_input_foreign_key %>
-                <% end %>
-              <% end %>
-              <% create_href = create_path(::Avo::App.get_resource_by_model_name(type.to_s)) %>
-              <% if !disabled && create_href.present? %>
-                <%= link_to t("avo.create_new_item", item: type.to_s.downcase),
-                            create_href,
-                            class: "text-sm"
-                %>
-              <% end %>
-            </div>
-          <% end %>
-        </div>
+        disabled: disabled
+      }
+    %>
+      <%
+        # If the select field is disabled, no value will be sent. It's how HTML works.
+        # Thus the extra hidden field to actually send the related id to the server.
+        if disabled %>
+        <%= @form.hidden_field @field.type_input_foreign_key %>
       <% end %>
-    </div>
-  <% else %>
-    <%= field_wrapper **field_wrapper_args do %>
-      <div class="flex flex-col gap-1">
-        <% if @field.searchable %>
-          <%= render Avo::Fields::BelongsToField::AutocompleteComponent.new form: @form,
-            field: @field,
-            model_key: @field.target_resource&.model_key,
-            foreign_key: @field.id_input_foreign_key,
-            resource: @resource,
-            disabled: disabled,
-            classes: classes("w-full"),
-            view: view,
-            style: @field.get_html(:style, view: view, element: :input)
+    <% end %>
+    <% @field.types.each do |type| %>
+      <div class="hidden"
+        data-belongs-to-field-target="type"
+        data-type="<%= type %>"
+      >
+        <%= field_wrapper **field_wrapper_args, label: ::Avo::App.resources.get_resource_by_model_class(type.to_s).name do %>
+          <% if @field.is_searchable? %>
+            <%= render AvoPro::SearchableAssociations::AutocompleteComponent.new form: @form,
+              disabled: disabled,
+              field: @field,
+              foreign_key: @field.id_input_foreign_key,
+              model_key: model_keys[type.to_s],
+              polymorphic_record: polymorphic_record,
+              resource: @resource,
+              style: @field.get_html(:style, view: view, element: :input),
+              type: type,
+              classes: classes("w-full"),
+              view: view
           %>
-        <% else %>
-          <%= @form.select @field.id_input_foreign_key, @field.options,
+          <% else %>
+            <%= @form.select @field.id_input_foreign_key,
+            options_for_select(@field.values_for_type(type), @resource.present? && @resource.record.present? ? @resource.record[@field.id_input_foreign_key] : nil),
             {
+              value: @resource.record[@field.id_input_foreign_key].to_s,
               include_blank: @field.placeholder,
-              value: @field.value
             },
             {
               class: classes("w-full"),
               data: @field.get_html(:data, view: view, element: :input),
-              disabled: disabled,
-              style: @field.get_html(:style, view: view, element: :input)
+              disabled: disabled
             }
           %>
-          <%
+            <%
             # If the select field is disabled, no value will be sent. It's how HTML works.
             # Thus the extra hidden field to actually send the related id to the server.
             if disabled %>
-            <%= @form.hidden_field @field.id_input_foreign_key %>
+              <%= @form.hidden_field @field.id_input_foreign_key %>
+            <% end %>
           <% end %>
         <% end %>
-        <% if !disabled && create_path.present? %>
-          <%= link_to t("avo.create_new_item", item: @field.name.downcase), create_path, class: "text-sm" %>
-        <% end %>
       </div>
     <% end %>
+  </div>
+<% else %>
+  <%= field_wrapper **field_wrapper_args do %>
+    <% if @field.is_searchable? %>
+      <%= render AvoPro::SearchableAssociations::AutocompleteComponent.new form: @form,
+        field: @field,
+        model_key: @field.target_resource&.model_key,
+        foreign_key: @field.id_input_foreign_key,
+        resource: @resource,
+        disabled: disabled,
+        classes: classes("w-full"),
+        view: view,
+        style: @field.get_html(:style, view: view, element: :input)
+      %>
+    <% else %>
+      <%= @form.select @field.id_input_foreign_key, @field.options,
+        {
+          include_blank: @field.placeholder,
+          value: @field.value
+        },
+        {
+          class: classes("w-full"),
+          data: @field.get_html(:data, view: view, element: :input),
+          disabled: disabled,
+          style: @field.get_html(:style, view: view, element: :input)
+        }
+      %>
+      <%
+        # If the select field is disabled, no value will be sent. It's how HTML works.
+        # Thus the extra hidden field to actually send the related id to the server.
+        if disabled %>
+        <%= @form.hidden_field @field.id_input_foreign_key %>
+      <% end %>
+    <% end %>
   <% end %>
-</div>
+<% end %>

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

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
 class Avo::Fields::BelongsToField::EditComponent < Avo::Fields::EditComponent
-  def initialize(**args)
-    super(**args)
+  def initialize(field: nil, resource: nil, index: 0, form: nil, compact: false, **args)
+    super field: field, resource: resource, index: index, form: form, compact: compact, **args
 
     @polymorphic_record = nil
   end
@@ -28,16 +28,12 @@ class Avo::Fields::BelongsToField::EditComponent < Avo::Fields::EditComponent
 
   # Get the polymorphic class
   def polymorphic_class
-    @resource.model["#{@field.foreign_key}_type"]
-  end
-
-  def polymorphic_resource
-    ::Avo::App.get_resource_by_model_name(polymorphic_class)
+    @resource.record["#{@field.foreign_key}_type"]
   end
 
   # Get the polymorphic id
   def polymorphic_id
-    @resource.model["#{@field.foreign_key}_id"]
+    @resource.record["#{@field.foreign_key}_id"]
   end
 
   # Get the actual resource
@@ -48,7 +44,7 @@ class Avo::Fields::BelongsToField::EditComponent < Avo::Fields::EditComponent
 
     return @polymorphic_record if @polymorphic_record.present?
 
-    @polymorphic_record = polymorphic_resource.find_record polymorphic_id, query: polymorphic_class.safe_constantize, params: params
+    @polymorphic_record = @resource.find_record polymorphic_id, query: polymorphic_class.safe_constantize, params: params
 
     @polymorphic_record
   end
@@ -57,17 +53,6 @@ class Avo::Fields::BelongsToField::EditComponent < Avo::Fields::EditComponent
     @field.get_html(:data, view: view, element: :input).fetch(:action, nil)
   end
 
-  def create_path(target_resource = nil)
-    return nil if @resource.blank?
-
-    helpers.new_resource_path(**{
-      via_relation: @field.id.to_s,
-      resource: target_resource || @field.target_resource,
-      via_resource_id: resource.model.persisted? ? resource.model.to_param : nil,
-      via_belongs_to_resource_class: resource.class.name
-    }.compact)
-  end
-
   private
 
   def visit_through_association?

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

@@ -1,4 +1,4 @@
 <%= index_field_wrapper **field_wrapper_args do %>
-  <%= link_to @field.label, helpers.resource_view_path(model: @field.value, resource: @field.target_resource)
+  <%= link_to @field.label, helpers.resource_view_path(record: @field.value, resource: @field.target_resource)
  %>
 <% end %>

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

@@ -3,10 +3,10 @@
 class Avo::Fields::BelongsToField::ShowComponent < Avo::Fields::ShowComponent
   def resource_view_path
     helpers.resource_view_path(
-      model: @field.value,
+      record: @field.value,
       resource: @field.target_resource,
       via_resource_class: @resource.class.to_s,
-      via_resource_id: @resource.model.to_param
+      via_record_id: @resource.record.to_param
     )
   end
 end

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

@@ -1,9 +1,8 @@
 <%= field_wrapper **field_wrapper_args, dash_if_blank: false do %>
   <div class="h-8 flex items-center">
     <%= @form.check_box @field.id,
-      value: @field.value,
       checked: @field.value,
-      class: "text-lg h-4 w-4 checked:bg-primary-400 focus:checked:!bg-primary-400 #{@field.get_html(:classes, view: view, element: :input)}",
+      class: "text-lg h-4 w-4 checked:bg-primary-400 focus:checked:!bg-primary-400 rounded #{@field.get_html(:classes, view: view, element: :input)}",
       data: @field.get_html(:data, view: view, element: :input),
       disabled: disabled?,
       style: @field.get_html(:style, view: view, element: :input)

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

@@ -1,8 +1,8 @@
 <%= field_wrapper **field_wrapper_args do %>
   <div class="flex items-center">
     <div class="space-y-2">
-      <% model_param_key = model_name_from_record_or_class(@resource.model).param_key %>
-      <%= check_box_tag "#{model_name_from_record_or_class(@resource.model).param_key}[#{@field.id}][]", '', true, { class: "hidden" } %>
+      <% model_param_key = model_name_from_record_or_class(@resource.record).param_key %>
+      <%= check_box_tag "#{model_name_from_record_or_class(@resource.record).param_key}[#{@field.id}][]", '', true, { class: "hidden" } %>
       <% @field.options.each do |id, label| %>
         <%
           checked = false
@@ -18,7 +18,7 @@
         %>
         <label class="block">
           <%= check_box_tag "#{model_param_key}[#{@field.id}][]", id, checked, {
-              class: "w-4 h-4 #{@field.get_html(:classes, view: view, element: :input)}",
+              class: "w-4 h-4 rounded checked:bg-primary-400 focus:checked:!bg-primary-400 #{@field.get_html(:classes, view: view, element: :input)}",
               data: @field.get_html(:data, view: view, element: :input),
               disabled: disabled?,
               id: "#{model_param_key}_#{@field.id}_#{id}",

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

@@ -1,7 +1,6 @@
 <%= field_wrapper **field_wrapper_args, full_width: true do %>
   <div data-controller="code-field">
     <%= @form.text_area @field.id,
-      value: @field.value,
       class: classes("w-full"),
       data: {
         'code-field-target': 'element',

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

@@ -1 +1,24 @@
-<span class="<%= classes %>" style="max-width: 120px;"><%= @value %></span>
+<%
+  backgrounds = {
+    info: 'bg-blue-500',
+    success: 'bg-green-500',
+    danger: 'bg-red-500',
+    warning: 'bg-yellow-500',
+  }
+
+  label = @value
+  background = :info
+
+  @options.invert.each do |values, type|
+    if [values].flatten.map { |value| value }.include? @value
+      label = @value
+      background = type.to_sym
+      next
+    end
+  end
+
+  classes = 'whitespace-nowrap rounded-md uppercase px-2 py-1 text-xs font-bold block text-center truncate '
+
+  classes += "#{backgrounds[background]} text-white" if backgrounds[background].present?
+%>
+<span class="<%= classes %>" style="max-width: 120px;"><%= label %></span>

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

@@ -4,29 +4,5 @@ class Avo::Fields::Common::BadgeViewerComponent < ViewComponent::Base
   def initialize(value:, options:)
     @value = value
     @options = options
-    @backgrounds = {
-      info: "bg-blue-500",
-      success: "bg-green-500",
-      danger: "bg-red-500",
-      warning: "bg-yellow-500",
-      neutral: "bg-gray-500"
-    }
-  end
-
-  def classes
-    background = :info
-
-    @options.invert.each do |values, type|
-      if [values].flatten.map { |value| value }.include? @value
-        background = type.to_sym
-        next
-      end
-    end
-
-    classes = "whitespace-nowrap rounded-md uppercase px-2 py-1 text-xs font-bold block text-center truncate "
-
-    classes += "#{@backgrounds[background]} text-white" if @backgrounds[background].present?
-
-    classes
   end
 end

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

@@ -6,8 +6,8 @@
         @options.each do |id, label|
           checked = @value.present? && @value[id.to_s].present?
       %>
-      <div class="flex flex-nowrap">
-        <%= render Avo::Fields::Common::BooleanCheckComponent.new checked: checked %>
+        <div class="flex flex-nowrap">
+          <%= render Avo::Fields::Common::BooleanCheckComponent.new checked: checked %>
           <div class="ml-px text-left py-px"><%= label %></div>
         </div>
       <% end %>

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

@@ -0,0 +1,5 @@
+<div class="relative py-3 grid xs:grid-cols-2 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3 rounded-xl">
+  <% @field.value.attachments.each do |file| %>
+    <%= render Avo::Fields::Common::SingleFileViewerComponent.new field: @field, resource: @resource, file: file %>
+  <% end %>
+</div>

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

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+class Avo::Fields::Common::FilesListViewerComponent < ViewComponent::Base
+  def initialize(field:, resource:)
+    @field = field
+    @resource = resource
+  end
+end

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

@@ -3,7 +3,7 @@
     <% if empty %>
     <% elsif value.present? %>
       <% if as_html %>
-        <%= sanitize value %>
+        <%== value %>
       <% else %>
         <div class="font-semibold uppercase"><%= value %></div>
       <% end %>

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

@@ -0,0 +1,56 @@
+<div class="relative min-h-full max-w-full flex-1 flex flex-col justify-between space-y-3">
+  <% if file.present? %>
+    <div class="flex flex-col justify-between h-full">
+      <% if file.representable? && is_image? %>
+        <div class="max-h-[42rem] h-full flex">
+          <%= image_tag helpers.main_app.url_for(file), class: 'rounded-lg object-cover' %>
+        </div>
+      <% elsif is_audio? %>
+        <%= audio_tag(helpers.main_app.url_for(file), controls: true, preload: false, class: 'w-full') %>
+      <% elsif is_video? %>
+        <%= video_tag(helpers.main_app.url_for(file), controls: true, preload: false, class: 'w-full') %>
+      <% else %>
+        <div class="relative flex flex-col justify-evenly items-center px-2 rounded-lg border bg-white border-gray-500 min-h-24">
+          <div class="flex flex-col justify-center items-center w-full">
+            <%= helpers.svg 'document-text', class: 'h-10 text-gray-600 mb-2' %>
+          </div>
+        </div>
+      <% end %>
+      <span class="text-gray-500 mt-2 text-sm truncate" title="<%= file.filename %>"><%= file.filename %></span>
+    </div>
+    <div class="flex space-x-2">
+      <div class="flex">
+        <% if @resource.authorization.authorize_action(:download_attachments?, raise_exception: false) %>
+          <%= a_link Rails.application.routes.url_helpers.rails_blob_path(file, only_path: true, disposition: :attachment),
+            icon: 'heroicons/outline/download',
+            color: :primary,
+            download: true,
+            class: 'text-center',
+            title: t('avo.download_file'),
+            data: { tippy: :tooltip },
+            compact: true,
+            size: :xs %>
+        <% end %>
+      </div>
+      <div>
+        <% if @resource.authorization.authorize_action(:delete_attachments?, raise_exception: false) %>
+          <%= a_link destroy_path,
+            icon: 'heroicons/outline/trash',
+            color: :red,
+            compact: true,
+            size: :xs,
+            class: 'text-center',
+            title: t('avo.delete_file', item: file.filename),
+            data: {
+              turbo_method: :delete,
+              turbo_frame: 'destroy_attachment_form',
+              turbo_confirm: t('avo.are_you_sure'),
+              tippy: :tooltip
+            } %>
+        <% end %>
+      </div>
+    </div>
+  <% else %>
+    –
+  <% end %>
+</div>

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

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+class Avo::Fields::Common::SingleFileViewerComponent < ViewComponent::Base
+  include Avo::ApplicationHelper
+
+  def initialize(file: nil, field:, resource:)
+    @file = file
+    @field = field
+    @resource = resource
+  end
+
+  def destroy_path
+    Avo::Services::URIService.parse(@resource.record_path).append_paths("active_storage_attachments", id, file.id).to_s
+  end
+
+  def id
+    @field.id
+  end
+
+  def file
+    @file || @field.value.attachment
+  rescue
+    nil
+  end
+
+  def is_image?
+    file.image? || @field.is_image
+  rescue
+    false
+  end
+
+  def is_audio?
+    file.audio? || @field.is_audio
+  rescue
+    false
+  end
+
+  def is_video?
+    file.video? || @field.is_video
+  rescue
+    false
+  end
+
+  def render?
+    record_persisted?
+  end
+
+   # If record is not persistent blob is automatically destroyed otherwise it can be "lost" on storage
+  def record_persisted?
+    return true if @resource.record.persisted?
+
+    ActiveStorage::Blob.destroy(file.blob_id) if file.blob_id.present?
+    false
+  end
+end

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

@@ -1,6 +1,5 @@
 <%= field_wrapper **field_wrapper_args do %>
   <%= @form.select @field.id, @field.select_options, {
-      value: @field.value,
       selected: @field.value,
       include_blank: @field.include_blank
     },
@@ -11,7 +10,6 @@
     data: @field.get_html(:data, view: view, element: :input),
     disabled: disabled?,
     style: @field.get_html(:style, view: view, element: :input),
-    placeholder: @field.include_blank.present? ? nil : @field.placeholder,
-    autocomplete: @field.autocomplete
+    placeholder: @field.include_blank.present? ? nil : @field.placeholder
   %>
 <% end %>

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

@@ -24,7 +24,7 @@ class Avo::Fields::EditComponent < ViewComponent::Base
   end
 
   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))
+    helpers.input_classes("#{@field.get_html(:classes, view: view, element: :input)} #{extra_classes}", has_error: @field.record_errors.include?(@field.id))
   end
 
   def render?

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

@@ -1,11 +1,11 @@
 <%= field_wrapper **field_wrapper_args do %>
   <% if @field.value.present? %>
     <div class="mb-2">
-      <%= render Avo::Fields::Common::Files::ViewType::GridItemComponent.new resource: @resource, field: @field %>
+      <%= render Avo::Fields::Common::SingleFileViewerComponent.new resource: @resource, field: @field %>
     </div>
   <% end %>
 
-  <% if can_upload_file? %>
+  <% if @resource.authorization.authorize_action(:upload_attachments?, raise_exception: false) %>
     <%= @form.file_field @field.id,
       accept: @field.accept,
       data: @field.get_html(:data, view: view, element: :input),
@@ -14,7 +14,5 @@
       style: @field.get_html(:style, view: view, element: :input),
       class: "w-full"
     %>
-  <% else %>
-    —
   <% end %>
 <% end %>

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

@@ -1,5 +1,4 @@
 # frozen_string_literal: true
 
 class Avo::Fields::FileField::EditComponent < Avo::Fields::EditComponent
-  include Avo::Fields::Concerns::FileAuthorization
 end

data/app/components/avo/fields/file_field/index_component.rb

@@ -6,10 +6,10 @@ class Avo::Fields::FileField::IndexComponent < Avo::Fields::IndexComponent
   end
 
   def has_image_tag?
-    field.value.present? && field.value.attached? && field.value.representable? && field.is_image
+    @field.value.attached? && @field.value.representable? && @field.is_image
   end
 
   def has_audio_tag?
-    field.value.present? && field.value.attached? && field.is_audio
+    @field.value.attached? && @field.is_audio
   end
 end

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

@@ -1,3 +1,3 @@
 <%= field_wrapper **field_wrapper_args do %>
-  <%= render Avo::Fields::Common::Files::ViewType::GridItemComponent.new resource: @resource, field: @field %>
+  <%= render Avo::Fields::Common::SingleFileViewerComponent.new resource: @resource, field: @field %>
 <% end %>

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

@@ -1,7 +1,7 @@
 <%= field_wrapper **field_wrapper_args, full_width: true do %>
-  <%= render Avo::Fields::Common::Files::ListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
+  <%= render Avo::Fields::Common::FilesListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
 
-  <% if can_upload_file? %>
+  <% if @resource.authorization.authorize_action(:upload_attachments?, raise_exception: false) %>
     <div class="mt-2">
       <%= @form.file_field @field.id,
         accept: @field.accept,
@@ -13,7 +13,5 @@
         class: "w-full"
       %>
     </div>
-  <% else %>
-    —
   <% end %>
 <% end %>