avo 2.30.1 → 2.30.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7162a2279663c821bd7bd45d46606874d27cec50facbe95868b5e6e9f7cad108
-  data.tar.gz: 364cdaa46a18459fb2193334cce6c9a40b18b46e0570eb0a8f769f2c10237059
+  metadata.gz: fc6bc41d1c4845492b9ee785b1ccd4895d0369ec54d2b307c67835a112059923
+  data.tar.gz: a04214b31f49e408ecf64166c126dd8a114543f4c3ad01383f33ba1d7216c88d
 SHA512:
-  metadata.gz: 42f77ef3c0fd013c1940ecef19ff1e7d6f15386ce7dc211d9ca2eb3b18c162d31579f589ac20ef82b98f10e8bb309a6b76f63cda580186da594a9826b717c274
-  data.tar.gz: 4bddfafbec2fad7372daea55f5926ae7e0bddb34984c1c848f926e5112f0fc86edf452573f9bad7e28a22753dfccd2f2fbabce15aec73fd773c3931524255566
+  metadata.gz: e36a294bc70cd7568ea15c7e5d4323b1d261bfeaf7295ae2439cf581bef67ea0efcebe9995d23bfb416904e89810342df73d20591aa6790d128593ffceca7a16
+  data.tar.gz: d2eac35c9568ed230c05155823be7f52add0e4a86fa0f43ec85dbe2c69e84e5cb6188b7799714c739922269ba16b4919e3a0e7e7eb5f8d79cd4220669e0671ba

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (2.30.1)
+    avo (2.30.2)
       actionview (>= 6.0)
       active_link_to
       activerecord (>= 6.0)

data/app/assets/svgs/failed_to_load.svg

@@ -9,6 +9,5 @@
 <defs>
 <stop stop-color="#E3ECFA"/>
 <stop offset="1" stop-color="#DAE7FF"/>
-</linearGradient>
 </defs>
 </svg>

data/app/assets/svgs/grid-empty-state.svg

@@ -22,7 +22,6 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0.788235 0 0 0 0 0.803922 0 0 0 0 0.85098 0 0 0 0.349 0"/>
 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_577_1090"/>
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_577_1090" result="shape"/>
-</filter>
 <filter id="filter1_d_577_1090" x="38.6401" y="0" width="170.72" height="78.1333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>

data/app/assets/svgs/table-empty-state.svg

@@ -51,6 +51,5 @@
 </filter>
 <stop stop-color="#E3ECFA"/>
 <stop offset="1" stop-color="#DAE7FF"/>
-</linearGradient>
 </defs>
 </svg>

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

@@ -2,7 +2,7 @@
   class: classes,
   style: style,
   data: data do %>
-  <div class="h-full <% if stacked? %> md:pt-4 <% else %> md:pt-0 md:h-14 <% end %> pt-4 flex self-start items-center <%= @field.get_html(:classes, view: view, element: :label) %> w-48 <% if compact? %> md:w-48 xl:w-64 <% else %> md:w-64 <% end %> px-6 uppercase font-semibold text-gray-500 text-sm" data-slot="label">
+  <div class="h-full <% if stacked? %> md:pt-4 <% else %> md:pt-0 md:h-14 <% end %> pt-4 flex self-start items-center flex-shrink-0 <%= @field.get_html(:classes, view: view, element: :label) %> w-48 <% if compact? %> md:w-48 xl:w-64 <% else %> md:w-64 <% end %> px-6 uppercase font-semibold text-gray-500 text-sm" data-slot="label">
     <% if form.present? %>
       <%= form.label field.id, label %>
     <% else %>
@@ -11,7 +11,7 @@
     <% if on_edit? && field.is_required? %> <span class="text-red-600 ml-1">*</span> <% end %>
   </div>
   <div class="flex-1 flex flex-row md:min-h-inherit py-2 <% if stacked? %> pb-4 <% else %><% end %> px-6 <%= @field.get_html(:classes, view: view, element: :content) %>" data-slot="value">
-    <div class="self-center <% if full_width? || compact? || stacked? %> w-full <% else %> md:w-8/12 <% end %>">
+    <div class="self-center w-full <% unless full_width? || compact? || stacked? %> md:w-8/12 <% end %>">
       <% if on_show? %>
         <% if field.value.blank? and dash_if_blank %>
           —

data/app/components/avo/fields/common/files/controls_component.html.erb

@@ -0,0 +1,29 @@
+<div class="flex">
+  <% if can_download_file? %>
+    <%= 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 can_delete_file? %>
+    <%= 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_confirm: t('avo.are_you_sure'),
+        tippy: :tooltip
+      } %>
+  <% end %>
+</div>

data/app/components/avo/fields/common/files/controls_component.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+class Avo::Fields::Common::Files::ControlsComponent < ViewComponent::Base
+  include Avo::ApplicationHelper
+  include Avo::Fields::Concerns::FileAuthorization
+
+  attr_reader :file, :field, :resource
+  delegate :id, to: :field
+
+  def initialize(field:, file:, resource:)
+    @field = field
+    @file = file
+    @resource = resource
+  end
+
+  def destroy_path
+    Avo::Services::URIService.parse(@resource.record_path).append_paths("active_storage_attachments", id, file.id).to_s
+  end
+end

data/app/components/avo/fields/common/files/list_viewer_component.html.erb

@@ -0,0 +1,20 @@
+<%= content_tag :div, class: wrapper_classes do %>
+  <%= turbo_frame_tag @field.id do %>
+    <% unless @field.hide_view_type_switcher %>
+      <div class="justify-self-end flex justify-end items-center space-x-3">
+        <%= render partial: 'avo/partials/view_toggle_button',
+          locals: {
+            available_view_types: available_view_types,
+            view_type: view_type,
+            turbo_frame: @field.id,
+          }
+        %>
+      </div>
+    <% end %>
+    <div class="<%= classes %>">
+      <% @field.value.attachments.each do |file| %>
+        <%= render view_type_component(file) %>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

data/app/components/avo/fields/common/files/list_viewer_component.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+class Avo::Fields::Common::Files::ListViewerComponent < ViewComponent::Base
+  include Turbo::FramesHelper
+
+  attr_reader :field, :resource
+
+  def initialize(field:, resource:)
+    @field = field
+    @resource = resource
+  end
+
+  def classes
+    base_classes = "py-4 rounded-xl max-w-full"
+
+    view_type_classes = if view_type == :list
+      "flex flex-col space-y-2"
+    else
+      "relative grid xs:grid-cols-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6 gap-6"
+    end
+
+    "#{base_classes} #{view_type_classes}"
+  end
+
+  def wrapper_classes
+    (field.stacked && !field.hide_view_type_switcher) ? "-mt-9" : ""
+  end
+
+  def available_view_types
+    [:list, :grid]
+  end
+
+  def view_type_component(file)
+    component = "Avo::Fields::Common::Files::ViewType::#{view_type.to_s.capitalize}Component".constantize
+    component.new(field: field, resource: resource, file: file)
+  end
+
+  def view_type
+    (resource.params.dig(:view_type) || field.view_type).to_sym
+  end
+end

data/app/components/avo/fields/common/files/view_type/grid_component.html.erb

@@ -0,0 +1,27 @@
+<div id="<%= dom_id file %>" class="relative min-h-full max-w-full flex-1 flex flex-col justify-between space-y-2">
+  <% if file.present? %>
+    <div class="flex flex-col justify-between h-full">
+      <% if file.representable? && is_image? %>
+        <%= image_tag helpers.main_app.url_for(file), class: 'rounded-lg object-cover w-full aspect-video' %>
+      <% 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 %>
+      <% if field.display_filename %>
+        <span class="text-gray-500 mt-1 text-sm truncate" title="<%= file.filename %>"><%= file.filename %></span>
+      <% end %>
+    </div>
+    <div class="flex space-x-2">
+      <%= render Avo::Fields::Common::Files::ControlsComponent.new(field: field, file: file, resource: resource) %>
+    </div>
+  <% else %>
+    –
+  <% end %>
+</div>

data/app/components/avo/fields/common/{single_file_viewer_component.rb → files/view_type/grid_component.rb}

@@ -1,10 +1,7 @@
 # frozen_string_literal: true
 
-class Avo::Fields::Common::SingleFileViewerComponent < ViewComponent::Base
-  include Avo::ApplicationHelper
-  include Avo::Fields::Concerns::FileAuthorization
-
-  attr_reader :field
+class Avo::Fields::Common::Files::ViewType::GridComponent < ViewComponent::Base
+  attr_reader :field, :resource
 
   def initialize(field:, resource:, file: nil)
     @file = file
@@ -12,10 +9,6 @@ class Avo::Fields::Common::SingleFileViewerComponent < ViewComponent::Base
     @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

data/app/components/avo/fields/common/files/view_type/list_component.html.erb

@@ -0,0 +1,22 @@
+<div id="<%= dom_id file %>" class="relative min-h-full max-w-full flex-1 flex">
+  <% if file.present? %>
+    <div class="grid grid-cols-6 gap-2 items-center max-w-full w-full">
+      <div class="col-span-4 flex-1 flex flex-row items-center text-gray-700 overflow-x-auto mac-styled-scrollbar ">
+        <div class="rounded-full bg-slate-100 border border-gray-500 p-1.5 flex items-center justify-center">
+          <%= helpers.svg icon_for_file, class: "h-5 text-gray-600" %>
+        </div>
+        <p class="items-center h-full p-2 flex-shrink-0">
+          <%= file.filename %>
+        </p>
+      </div>
+      <div class="text-gray-700 flex-shrink-0 text-sm">
+        <%= helpers.number_to_human_size(file.byte_size) %>
+      </div>
+      <div class="flex space-x-2 justify-end col-span-1 flex-shrink-0">
+        <%= render Avo::Fields::Common::Files::ControlsComponent.new(field: field, file: file, resource: resource) %>
+      </div>
+    </div>
+  <% else %>
+    –
+  <% end %>
+</div>

data/app/components/avo/fields/common/files/view_type/list_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+class Avo::Fields::Common::Files::ViewType::ListComponent < Avo::Fields::Common::Files::ViewType::GridComponent
+  def icon_for_file
+    if is_image?
+      "photo"
+    elsif is_audio?
+      "speaker-wave"
+    elsif is_video?
+      "video-camera"
+    else
+      "document"
+    end
+  end
+end

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

@@ -1,7 +1,7 @@
 <%= field_wrapper **field_wrapper_args do %>
   <% if @field.value.present? %>
     <div class="mb-2">
-      <%= render Avo::Fields::Common::SingleFileViewerComponent.new resource: @resource, field: @field %>
+      <%= render Avo::Fields::Common::Files::ViewType::GridComponent.new resource: @resource, field: @field %>
     </div>
   <% 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::SingleFileViewerComponent.new resource: @resource, field: @field %>
+  <%= render Avo::Fields::Common::Files::ViewType::GridComponent.new resource: @resource, field: @field %>
 <% end %>

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

@@ -1,5 +1,5 @@
 <%= field_wrapper **field_wrapper_args, full_width: true do %>
-  <%= render Avo::Fields::Common::FilesListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
+  <%= render Avo::Fields::Common::Files::ListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
 
   <% if can_upload_file? %>
     <div class="mt-2">

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

@@ -1,3 +1,3 @@
 <%= field_wrapper **field_wrapper_args, full_width: true do %>
-  <%= render Avo::Fields::Common::FilesListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
+  <%= render Avo::Fields::Common::Files::ListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
 <% end %>

data/app/controllers/avo/attachments_controller.rb

@@ -23,17 +23,24 @@ module Avo
     end
 
     def destroy
-      raise Avo::NotAuthorizedError.new unless authorized_to :delete
+      if authorized_to :delete
+        attachment = ActiveStorage::Attachment.find(params[:attachment_id])
 
-      attachment = ActiveStorage::Attachment.find(params[:attachment_id])
-      path = resource_path(model: @model, resource: @resource)
+        flash[:notice] = if attachment.present?
+          @destroyed = attachment.destroy
 
-      if attachment.present?
-        attachment.destroy
-
-        redirect_to params[:referrer] || path, notice: t("avo.attachment_destroyed")
+          t("avo.attachment_destroyed")
+        else
+          t("avo.failed_to_find_attachment")
+        end
       else
-        redirect_back fallback_location: path, notice: t("avo.failed_to_find_attachment")
+        flash[:notice] = t("avo.not_authorized")
+      end
+
+      respond_to do |format|
+        format.turbo_stream do
+          render "destroy"
+        end
       end
     end
 

data/app/helpers/avo/application_helper.rb

@@ -111,6 +111,14 @@ module Avo
       Avo::Engine.routes.find_script_name(params.permit!.to_h.symbolize_keys)
     end
 
+    def decode_filter_params(encoded_params)
+      Avo::Filters::BaseFilter.decode_filters(encoded_params)
+    end
+
+    def encode_filter_params(filter_params)
+      Avo::Filters::BaseFilter.encode_filters(filter_params)
+    end
+
     private
 
     # Taken from the original library

data/app/views/avo/attachments/destroy.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_stream.remove dom_id(@destroyed) if @destroyed.present? %>
+
+<turbo-stream action="append" target="alerts">
+  <template>
+    <%= render Avo::FlashAlertsComponent.new flashes: flash %>
+  </template>
+</turbo-stream>

data/app/views/avo/partials/_view_toggle_button.html.erb

@@ -11,6 +11,10 @@
         new_icon: 'grid-view-type',
         translation_key: 'avo.grid_view',
       },
+      list: {
+        new_view_type: 'list',
+        new_icon: 'queue-list',
+      },
     }
   %>
   <div class="flex">

data/db/factories.rb

@@ -42,6 +42,20 @@ FactoryBot.define do
     progress { Faker::Number.between(from: 0, to: 100) }
   end
 
+  trait :with_files do
+    after(:create) do |project|
+      ["watch.jpg", "dummy-video.mp4"].each do |filename|
+        file = Rails.root.join("db", "seed_files", filename)
+        project.files.attach(io: file.open, filename: filename)
+      end
+
+      ["dummy-file.txt", "dummy-audio.mp3"].each do |filename|
+        file = Avo::Engine.root.join("spec", "dummy", filename)
+        project.files.attach(io: file.open, filename: filename)
+      end
+    end
+  end
+
   factory :comment do
     body { Faker::Lorem.paragraphs(number: rand(4...10)).join(" ") }
     posted_at { Time.now - rand(10...365).days }

data/lib/avo/fields/base_field.rb

@@ -40,7 +40,6 @@ module Avo
       attr_reader :stacked
 
       # Private options
-      attr_reader :updatable
       attr_reader :computable # if allowed to be computable
       attr_reader :computed # if block is present
       attr_reader :computed_value # the value after computation
@@ -257,6 +256,10 @@ module Avo
         !visible_in_reflection?
       end
 
+      def updatable
+        @updatable && visible?
+      end
+
       private
 
       def model_or_class(model)

data/lib/avo/fields/files_field.rb

@@ -6,6 +6,8 @@ module Avo
       attr_accessor :direct_upload
       attr_accessor :accept
       attr_reader :display_filename
+      attr_reader :view_type
+      attr_reader :hide_view_type_switcher
 
       def initialize(id, **args, &block)
         super(id, **args, &block)
@@ -15,6 +17,8 @@ module Avo
         @direct_upload = args[:direct_upload].present? ? args[:direct_upload] : false
         @accept = args[:accept].present? ? args[:accept] : nil
         @display_filename = args[:display_filename].nil? ? true : args[:display_filename]
+        @view_type = args[:view_type] || :grid
+        @hide_view_type_switcher = args[:hide_view_type_switcher]
       end
 
       def view_component_name

data/lib/avo/filters/base_filter.rb

@@ -21,6 +21,10 @@ module Avo
           {}
         end
 
+        def encode_filters(filter_params)
+          Base64.encode64(filter_params.to_json)
+        end
+
         def get_empty_message
           empty_message || I18n.t("avo.no_options_available")
         end

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "2.30.1" unless const_defined?(:VERSION)
+  VERSION = "2.30.2" unless const_defined?(:VERSION)
 end

data/lib/generators/avo/tailwindcss/install_generator.rb

@@ -21,7 +21,7 @@ module Generators
           end
 
           if Rails.root.join("Procfile.dev").exist?
-            append_to_file "Procfile.dev", "avo_css: bin/rails avo:tailwindcss:watch\n"
+            append_to_file "Procfile.dev", "avo_css: yarn avo:tailwindcss --watch\n"
           else
             say "Add default Procfile.dev"
             copy_file template_path("Procfile.dev"), "Procfile.dev"
@@ -38,6 +38,9 @@ module Generators
 
           say "Adding the CSS asset to the partial"
           prepend_to_file Rails.root.join("app", "views", "avo", "partials", "_pre_head.html.erb"), "<%= stylesheet_link_tag \"avo.tailwind.css\", media: \"all\" %>"
+
+          say "Ensure you have the following script in your package.json file.", :yellow
+          say %("scripts": { "avo:tailwindcss": "tailwindcss -i ./app/assets/stylesheets/avo.tailwind.css -o ./app/assets/builds/avo.tailwind.css --minify" }), :green
         end
 
         no_tasks do

data/lib/generators/avo/templates/tailwindcss/Procfile.dev

@@ -1,2 +1,2 @@
 web: bin/rails server -p 3000
-avo_css: bin/rails avo:tailwindcss:watch
+avo_css: yarn avo:tailwindcss --watch

data/public/avo-assets/avo.base.css

@@ -6386,6 +6386,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   grid-column:1 / -1
 }
 
+.col-span-4{
+  grid-column:span 4 / span 4
+}
+
 .float-right{
   float:right
 }
@@ -6595,6 +6599,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-bottom:0.25rem
 }
 
+.-mt-9{
+  margin-top:-2.25rem
+}
+
 .block{
   display:block
 }
@@ -6631,6 +6639,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   aspect-ratio:1 / 1
 }
 
+.aspect-video{
+  aspect-ratio:16 / 9
+}
+
 .h-36{
   height:9rem
 }
@@ -6711,10 +6723,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   height:2.25rem
 }
 
-.max-h-\[42rem\]{
-  max-height:42rem
-}
-
 .max-h-full{
   max-height:100%
 }
@@ -6918,6 +6926,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   grid-template-columns:repeat(1, minmax(0, 1fr))
 }
 
+.grid-cols-6{
+  grid-template-columns:repeat(6, minmax(0, 1fr))
+}
+
 .flex-row{
   flex-direction:row
 }
@@ -6998,10 +7010,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   gap:1.5rem
 }
 
-.gap-3{
-  gap:0.75rem
-}
-
 .gap-1{
   gap:0.25rem
 }
@@ -7066,12 +7074,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
-.space-y-3 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-y-reverse:0;
-  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
-}
-
 .divide-y > :not([hidden]) ~ :not([hidden]){
   --tw-divide-y-reverse:0;
   border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -7561,6 +7563,11 @@ trix-toolbar .trix-button-group:not(:first-child){
   background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
 
+.bg-slate-100{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+}
+
 .bg-opacity-25{
   --tw-bg-opacity:0.25
 }
@@ -7601,6 +7608,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding:0.25rem
 }
 
+.p-1\.5{
+  padding:0.375rem
+}
+
 .px-1{
   padding-left:0.25rem;
   padding-right:0.25rem
@@ -9702,10 +9713,6 @@ trix-editor {
     grid-template-columns:repeat(4, minmax(0, 1fr))
   }
 
-  .xl\:grid-cols-3{
-    grid-template-columns:repeat(3, minmax(0, 1fr))
-  }
-
   .xl\:flex-row{
     flex-direction:row
   }
@@ -9764,8 +9771,4 @@ trix-editor {
   .\32xl\:grid-cols-6{
     grid-template-columns:repeat(6, minmax(0, 1fr))
   }
-
-  .\32xl\:grid-cols-4{
-    grid-template-columns:repeat(4, minmax(0, 1fr))
-  }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 2.30.1
+  version: 2.30.2
 platform: ruby
 authors:
 - Adrian Marin
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-04-17 00:00:00.000000000 Z
+date: 2023-04-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activerecord
@@ -1371,8 +1371,14 @@ files:
 - app/components/avo/fields/common/boolean_check_component.rb
 - app/components/avo/fields/common/boolean_group_component.html.erb
 - app/components/avo/fields/common/boolean_group_component.rb
-- app/components/avo/fields/common/files_list_viewer_component.html.erb
-- app/components/avo/fields/common/files_list_viewer_component.rb
+- app/components/avo/fields/common/files/controls_component.html.erb
+- app/components/avo/fields/common/files/controls_component.rb
+- app/components/avo/fields/common/files/list_viewer_component.html.erb
+- app/components/avo/fields/common/files/list_viewer_component.rb
+- app/components/avo/fields/common/files/view_type/grid_component.html.erb
+- app/components/avo/fields/common/files/view_type/grid_component.rb
+- app/components/avo/fields/common/files/view_type/list_component.html.erb
+- app/components/avo/fields/common/files/view_type/list_component.rb
 - app/components/avo/fields/common/gravatar_viewer_component.html.erb
 - app/components/avo/fields/common/gravatar_viewer_component.rb
 - app/components/avo/fields/common/heading_component.html.erb
@@ -1381,8 +1387,6 @@ files:
 - app/components/avo/fields/common/key_value_component.rb
 - app/components/avo/fields/common/progress_bar_component.html.erb
 - app/components/avo/fields/common/progress_bar_component.rb
-- app/components/avo/fields/common/single_file_viewer_component.html.erb
-- app/components/avo/fields/common/single_file_viewer_component.rb
 - app/components/avo/fields/common/status_viewer_component.html.erb
 - app/components/avo/fields/common/status_viewer_component.rb
 - app/components/avo/fields/concerns/item_labels.rb
@@ -1642,6 +1646,7 @@ files:
 - app/views/avo/actions/keep_modal_open.turbo_stream.erb
 - app/views/avo/actions/show.html.erb
 - app/views/avo/associations/new.html.erb
+- app/views/avo/attachments/destroy.turbo_stream.erb
 - app/views/avo/base/_boolean_filter.html.erb
 - app/views/avo/base/_multiple_select_filter.html.erb
 - app/views/avo/base/_select_filter.html.erb

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

@@ -1,5 +0,0 @@
-<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

@@ -1,8 +0,0 @@
-# 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/single_file_viewer_component.html.erb

@@ -1,57 +0,0 @@
-<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 %>
-      <% if field.display_filename %>
-        <span class="text-gray-500 mt-2 text-sm truncate" title="<%= file.filename %>"><%= file.filename %></span>
-      <% end %>
-    </div>
-    <div class="flex space-x-2">
-      <div class="flex">
-        <% if can_download_file? %>
-          <%= 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 can_delete_file? %>
-          <%= 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_confirm: t('avo.are_you_sure'),
-              tippy: :tooltip
-            } %>
-        <% end %>
-      </div>
-    </div>
-  <% else %>
-    –
-  <% end %>
-</div>