avo 2.17.1.pre.4.issue.1342 → 2.17.1.pre.5.stackedlayout

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0cb67ed800f6808830e072dfeaf5acb53a9c8960d7ca1b1fc01a5ac27ab478b4
-  data.tar.gz: 861965614539773f8c6242e211bb7e3449b8393ad2306cf3aa1bcbb030a36212
+  metadata.gz: ff184a72962903e95adcf3441d0e964f69d25664ea4c2b2e3581b520220339a2
+  data.tar.gz: f2eebedd7b8ec0eb879116109e47b772cdf66d2ece017f532a1bf920cd6a4813
 SHA512:
-  metadata.gz: 5a2d565a8a5839e25f23cd4bdac2308c07a5b89dacadd090b8ddcaf5180b58fa4d7f844ebafbd02c167d60d9f0f5193c6b7cd2790c61f538fc8aadfa50e6f32b
-  data.tar.gz: e1a6e356003227ff73440bd51a8aecdce3f4522be2c4cb0829fbd35a88d9916ffcb860638428f19296d66e054396f8683f759852282c22559b6f76fd415a8d81
+  metadata.gz: 6548dc91057871f9529223985d8b42b26dc6253af4b4f5c98fba3c73ec04f9db4ed2eeaae759b40e8884323e5ed62703c4e430bec15a95c703998885ae78af71
+  data.tar.gz: 8a47d790300bc6529cd143e6981630eb4f4077ef07b679c47132b0425e4b23e2310993466a0e761118e9cce1c633aa3af9ccf21dce30625089148f0f7976880b

data/Gemfile

@@ -17,16 +17,12 @@ gemspec
 gem 'jsbundling-rails'
 gem 'cssbundling-rails'
 
-gem "countries"
-
-# Authorization
-gem "pundit"
-
 #
 # Dependencies for dummy_app
 #
 # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
-gem "rails", "~> 6.1.0"
+# gem "rails", "~> 6.1.0"
+
 # Use postgresql as the database for Active Record
 gem "pg", ">= 0.18", "< 2.0"
 # Use Puma as the app server
@@ -38,9 +34,6 @@ gem 'redis', '~> 4.0'
 # Use Active Model has_secure_password
 # gem 'bcrypt', '~> 3.1.7'
 
-# Use Active Storage variant
-gem "image_processing", "~> 1.12"
-
 # Reduces boot times through caching; required in config/boot.rb
 gem "bootsnap", ">= 1.4.2", require: false
 # Call 'byebug' anywhere in the code to stop execution and get a debugger console
@@ -109,6 +102,8 @@ group :test do
   gem "launchy", require: false
 
   gem "test-prof"
+
+  gem "sprockets-rails"
 end
 
 gem "rubocop"
@@ -153,3 +148,19 @@ gem 'acts-as-taggable-on', '~> 9.0'
 gem "bundler-integrity", "~> 1.0"
 
 gem 'erb-formatter'
+
+# Avo authorization requires this gem
+gem "pundit"
+
+# Avo country field requires this gem
+gem "countries"
+
+# Avo dashbaords requires this gem
+gem "chartkick"
+
+# Avo file filed requires this gem
+gem "activestorage"
+
+# Avo file filed requires this gem
+# Use Active Storage variant
+gem "image_processing", "~> 1.12"

data/Gemfile.lock

@@ -1,21 +1,18 @@
 PATH
   remote: .
   specs:
-    avo (2.17.1.pre.4.issue.1342)
+    avo (2.17.1.pre.5.stackedlayout)
+      actionview (>= 6.0)
       active_link_to
+      activerecord (>= 6.0)
       addressable
       breadcrumbs_on_rails
-      chartkick
-      countries
       docile
       dry-initializer
       httparty
-      image_processing
       inline_svg
       meta-tags
       pagy
-      pundit
-      rails (>= 6.0)
       turbo-rails
       view_component
       zeitwerk
@@ -91,8 +88,8 @@ GEM
       activerecord (>= 6.0, < 7.1)
     acts_as_list (1.0.4)
       activerecord (>= 4.2)
-    addressable (2.8.1)
-      public_suffix (>= 2.0.2, < 6.0)
+    addressable (2.8.0)
+      public_suffix (>= 2.0.2, < 5.0)
     annotate (3.2.0)
       activerecord (>= 3.2, < 8.0)
       rake (>= 10.4, < 14.0)
@@ -103,22 +100,22 @@ GEM
     ast (2.4.2)
     awesome_print (1.9.2)
     aws-eventstream (1.2.0)
-    aws-partitions (1.621.0)
-    aws-sdk-core (3.134.0)
+    aws-partitions (1.551.0)
+    aws-sdk-core (3.125.5)
       aws-eventstream (~> 1, >= 1.0.2)
       aws-partitions (~> 1, >= 1.525.0)
       aws-sigv4 (~> 1.1)
-      jmespath (~> 1, >= 1.6.1)
-    aws-sdk-kms (1.58.0)
-      aws-sdk-core (~> 3, >= 3.127.0)
+      jmespath (~> 1.0)
+    aws-sdk-kms (1.53.0)
+      aws-sdk-core (~> 3, >= 3.125.0)
       aws-sigv4 (~> 1.1)
-    aws-sdk-s3 (1.114.0)
-      aws-sdk-core (~> 3, >= 3.127.0)
+    aws-sdk-s3 (1.111.3)
+      aws-sdk-core (~> 3, >= 3.125.0)
       aws-sdk-kms (~> 1)
       aws-sigv4 (~> 1.4)
-    aws-sigv4 (1.5.1)
+    aws-sigv4 (1.4.0)
       aws-eventstream (~> 1, >= 1.0.2)
-    bcrypt (3.1.18)
+    bcrypt (3.1.16)
     better_html (2.0.1)
       actionview (>= 6.0)
       activesupport (>= 6.0)
@@ -134,7 +131,7 @@ GEM
       railties (>= 5.0)
     builder (3.2.4)
     bump (0.10.0)
-    bundler-integrity (1.0.9)
+    bundler-integrity (1.0.7)
     byebug (11.1.3)
     capybara (3.36.0)
       addressable
@@ -153,7 +150,7 @@ GEM
     crack (0.4.5)
       rexml
     crass (1.0.6)
-    cssbundling-rails (1.1.1)
+    cssbundling-rails (1.0.0)
       railties (>= 6.0.0)
     database_cleaner (2.0.1)
       database_cleaner-active_record (~> 2.0.0)
@@ -170,20 +167,20 @@ GEM
     diff-lcs (1.5.0)
     digest (3.1.0)
     docile (1.4.0)
-    dotenv (2.8.1)
-    dotenv-rails (2.8.1)
-      dotenv (= 2.8.1)
+    dotenv (2.7.6)
+    dotenv-rails (2.7.6)
+      dotenv (= 2.7.6)
       railties (>= 3.2)
     dry-initializer (3.1.1)
     erb-formatter (0.3.0)
     erubi (1.11.0)
-    factory_bot (6.2.1)
+    factory_bot (6.2.0)
       activesupport (>= 5.0.0)
     factory_bot_rails (6.2.0)
       factory_bot (~> 6.2.0)
       railties (>= 5.0.0)
-    faker (2.22.0)
-      i18n (>= 1.8.11, < 2)
+    faker (2.19.0)
+      i18n (>= 1.6, < 2)
     ffi (1.15.5)
     friendly_id (5.4.2)
       activerecord (>= 4.0.0)
@@ -193,16 +190,16 @@ GEM
     gem-release (2.2.2)
     globalid (1.0.0)
       activesupport (>= 5.0)
-    groupdate (6.1.0)
-      activesupport (>= 5.2)
+    groupdate (5.2.4)
+      activesupport (>= 5)
     hashdiff (1.0.1)
     highline (2.0.3)
     hightop (0.3.0)
       activesupport (>= 5.2)
-    hotwire-livereload (1.2.2)
+    hotwire-livereload (1.1.0)
       listen (>= 3.0.0)
       rails (>= 6.0.0)
-    htmlbeautifier (1.4.2)
+    htmlbeautifier (1.4.1)
     httparty (0.20.0)
       mime-types (~> 3.0)
       multi_xml (>= 0.5.2)
@@ -225,12 +222,12 @@ GEM
     inline_svg (1.8.0)
       activesupport (>= 3.0)
       nokogiri (>= 1.6)
+    io-wait (0.2.1)
     iso (0.4.0)
       i18n
     jmespath (1.6.1)
-    jsbundling-rails (1.0.3)
+    jsbundling-rails (1.0.0)
       railties (>= 6.0.0)
-    json (2.6.2)
     launchy (2.5.0)
       addressable (~> 2.7)
     listen (3.7.1)
@@ -246,7 +243,7 @@ GEM
       zeitwerk
     marcel (1.0.2)
     matrix (0.4.2)
-    meta-tags (2.17.0)
+    meta-tags (2.16.0)
       actionpack (>= 3.2.0, < 7.1)
     method_source (1.0.0)
     mime-types (3.4.1)
@@ -256,9 +253,10 @@ GEM
     mini_mime (1.1.2)
     mini_portile2 (2.8.0)
     minitest (5.16.3)
-    msgpack (1.5.6)
+    msgpack (1.6.0)
     multi_xml (0.6.0)
-    net-protocol (0.1.3)
+    net-protocol (0.1.2)
+      io-wait
       timeout
     net-smtp (0.3.1)
       digest
@@ -268,15 +266,17 @@ GEM
     nokogiri (1.13.9)
       mini_portile2 (~> 2.8.0)
       racc (~> 1.4)
+    nokogiri (1.13.9-x86_64-linux)
+      racc (~> 1.4)
     orm_adapter (0.5.0)
     pagy (5.10.1)
       activesupport
-    parallel (1.22.1)
-    parser (3.1.2.1)
+    parallel (1.21.0)
+    parser (3.1.0.0)
       ast (~> 2.4.1)
-    pg (1.4.3)
-    public_suffix (5.0.0)
-    puma (5.6.5)
+    pg (1.3.1)
+    public_suffix (4.0.6)
+    puma (5.6.4)
       nio4r (~> 2.0)
     pundit (2.2.0)
       activesupport (>= 3.0.0)
@@ -319,27 +319,27 @@ GEM
       thor (~> 1.0)
     rainbow (3.1.1)
     rake (13.0.6)
-    ransack (3.2.1)
-      activerecord (>= 6.1.5)
-      activesupport (>= 6.1.5)
+    ransack (2.5.0)
+      activerecord (>= 5.2.4)
+      activesupport (>= 5.2.4)
       i18n
-    rb-fsevent (0.11.1)
+    rb-fsevent (0.11.0)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    redis (4.8.0)
-    regexp_parser (2.5.0)
+    redis (4.6.0)
+    regexp_parser (2.2.0)
     responders (3.0.1)
       actionpack (>= 5.0)
       railties (>= 5.0)
     rexml (3.2.5)
-    rspec-core (3.11.0)
-      rspec-support (~> 3.11.0)
-    rspec-expectations (3.11.0)
+    rspec-core (3.10.2)
+      rspec-support (~> 3.10.0)
+    rspec-expectations (3.10.2)
       diff-lcs (>= 1.2.0, < 2.0)
-      rspec-support (~> 3.11.0)
-    rspec-mocks (3.11.1)
+      rspec-support (~> 3.10.0)
+    rspec-mocks (3.10.3)
       diff-lcs (>= 1.2.0, < 2.0)
-      rspec-support (~> 3.11.0)
+      rspec-support (~> 3.10.0)
     rspec-rails (4.0.2)
       actionpack (>= 4.2)
       activesupport (>= 4.2)
@@ -348,35 +348,33 @@ GEM
       rspec-expectations (~> 3.10)
       rspec-mocks (~> 3.10)
       rspec-support (~> 3.10)
-    rspec-support (3.11.0)
-    rubocop (1.35.0)
-      json (~> 2.3)
+    rspec-support (3.10.3)
+    rubocop (1.25.0)
       parallel (~> 1.10)
-      parser (>= 3.1.2.1)
+      parser (>= 3.1.0.0)
       rainbow (>= 2.2.2, < 4.0)
       regexp_parser (>= 1.8, < 3.0)
-      rexml (>= 3.2.5, < 4.0)
-      rubocop-ast (>= 1.20.1, < 2.0)
+      rexml
+      rubocop-ast (>= 1.15.1, < 2.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 1.4.0, < 3.0)
-    rubocop-ast (1.21.0)
-      parser (>= 3.1.1.0)
-    rubocop-performance (1.14.3)
+    rubocop-ast (1.15.1)
+      parser (>= 3.0.1.1)
+    rubocop-performance (1.13.2)
       rubocop (>= 1.7.0, < 2.0)
       rubocop-ast (>= 0.4.0)
-    rubocop-shopify (2.9.0)
-      rubocop (~> 1.33)
+    rubocop-shopify (2.5.0)
+      rubocop (~> 1.25)
     ruby-debug-ide (0.7.3)
       rake (>= 0.8.1)
     ruby-progressbar (1.11.0)
     ruby-vips (2.1.4)
       ffi (~> 1.12)
     rubyzip (2.3.2)
-    selenium-webdriver (4.5.0)
+    selenium-webdriver (4.1.0)
       childprocess (>= 0.5, < 5.0)
       rexml (~> 3.2, >= 3.2.5)
-      rubyzip (>= 1.2.2, < 3.0)
-      websocket (~> 1.0)
+      rubyzip (>= 1.2.2)
     simplecov (0.21.2)
       docile (~> 1.1)
       simplecov-html (~> 0.11)
@@ -385,7 +383,7 @@ GEM
       rexml
       simplecov (~> 0.19)
     simplecov-html (0.12.3)
-    simplecov_json_formatter (0.1.4)
+    simplecov_json_formatter (0.1.3)
     sixarm_ruby_unaccent (1.2.0)
     smart_properties (1.17.0)
     spring (4.0.0)
@@ -398,21 +396,21 @@ GEM
       actionpack (>= 5.2)
       activesupport (>= 5.2)
       sprockets (>= 3.0.0)
-    standard (1.16.0)
-      rubocop (= 1.35.0)
-      rubocop-performance (= 1.14.3)
+    standard (1.7.0)
+      rubocop (= 1.25.0)
+      rubocop-performance (= 1.13.2)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
-    test-prof (1.0.10)
+    test-prof (1.0.7)
     thor (1.2.1)
-    timeout (0.3.0)
-    turbo-rails (1.3.0)
+    timeout (0.2.0)
+    turbo-rails (1.3.2)
       actionpack (>= 6.0.0)
       activejob (>= 6.0.0)
       railties (>= 6.0.0)
     tzinfo (2.0.5)
       concurrent-ruby (~> 1.0)
-    unicode-display_width (2.2.0)
+    unicode-display_width (2.1.0)
     view_component (2.74.1)
       activesupport (>= 5.0.0, < 8.0)
       concurrent-ruby (~> 1.0)
@@ -424,21 +422,20 @@ GEM
       activemodel (>= 6.0.0)
       bindex (>= 0.4.0)
       railties (>= 6.0.0)
-    webdrivers (5.2.0)
+    webdrivers (5.0.0)
       nokogiri (~> 1.6)
       rubyzip (>= 1.3.0)
       selenium-webdriver (~> 4.0)
-    webmock (3.18.1)
+    webmock (3.14.0)
       addressable (>= 2.8.0)
       crack (>= 0.3.2)
       hashdiff (>= 0.4.0, < 2.0.0)
-    websocket (1.2.9)
     websocket-driver (0.7.5)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.5)
     xpath (3.2.0)
       nokogiri (~> 1.8)
-    zeitwerk (2.6.1)
+    zeitwerk (2.6.0)
 
 PLATFORMS
   ruby
@@ -447,6 +444,7 @@ PLATFORMS
 DEPENDENCIES
   active_link_to
   active_median
+  activestorage
   acts-as-taggable-on (~> 9.0)
   acts_as_list
   addressable
@@ -462,6 +460,7 @@ DEPENDENCIES
   bundler-integrity (~> 1.0)
   byebug
   capybara (= 3.36)
+  chartkick
   countries
   cssbundling-rails
   database_cleaner
@@ -490,7 +489,6 @@ DEPENDENCIES
   pg (>= 0.18, < 2.0)
   puma (~> 5.6.4)
   pundit
-  rails (~> 6.1.0)
   rails-controller-testing
   ransack
   redis (~> 4.0)
@@ -503,6 +501,7 @@ DEPENDENCIES
   simplecov-cobertura
   spring
   spring-commands-rspec
+  sprockets-rails
   standard
   test-prof
   tzinfo-data
@@ -512,4 +511,4 @@ DEPENDENCIES
   zeitwerk (~> 2.3)
 
 BUNDLED WITH
-   2.3.5
+   2.3.23

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

@@ -2,18 +2,16 @@
   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 text-slate-800">
-    <div class="w-48 <% if compact? %> md:w-48 xl:w-64 <% else %> md:w-64 <% end %> px-6 flex uppercase font-semibold text-gray-500 text-sm" data-slot="label">
-      <% if form.present? %>
-        <%= form.label field.id, label %>
-      <% else %>
-        <%= field.name %>
-      <% end %>
-      <% if on_edit? && field.is_required? %> <span class="text-red-600 ml-1">*</span> <% end %>
-    </div>
+  <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">
+    <% if form.present? %>
+      <%= form.label field.id, label %>
+    <% else %>
+      <%= field.name %>
+    <% end %>
+    <% 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">
-    <div class="self-center <% if full_width? || compact? || stacked? %> w-full <% else %> md:w-8/12 <% end %>" data-slot="value">
+  <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 %>">
       <% if on_show? %>
         <% if field.value.blank? and dash_if_blank %>
           —

data/app/components/avo/field_wrapper_component.rb

@@ -19,7 +19,7 @@ class Avo::FieldWrapperComponent < ViewComponent::Base
     full_width: false,
     label: nil, # do we really need it?
     resource: nil,
-    stacked: false,
+    stacked: nil,
     style: "",
     view: :show,
     **args
@@ -41,7 +41,7 @@ class Avo::FieldWrapperComponent < ViewComponent::Base
   end
 
   def classes(extra_classes = "")
-    "relative flex flex-col flex-grow pb-2 md:pb-0 leading-tight min-h-14 #{stacked? ? "" : "md:flex-row md:items-center"} #{@classes || ""} #{extra_classes || ""} #{@field.get_html(:classes, view: view, element: :wrapper)}"
+    "field-wrapper relative flex flex-col flex-grow pb-2 md:pb-0 leading-tight min-h-14 #{stacked? ? "field-wrapper-layout-stacked" : "field-wrapper-layout-inline md:flex-row md:items-center"} #{compact? ? "field-wrapper-size-compact" : "field-wrapper-size-regular"} #{full_width? ? "field-width-full" : "field-width-regular"} #{@classes || ""} #{extra_classes || ""} #{@field.get_html(:classes, view: view, element: :wrapper)}"
   end
 
   def style
@@ -91,7 +91,14 @@ class Avo::FieldWrapperComponent < ViewComponent::Base
   end
 
   def stacked?
-    @stacked
+    # Override on the declaration level
+    return @stacked unless @stacked.nil?
+
+    # Fetch it from the field
+    return field.stacked unless field.stacked.nil?
+
+    # Fallback to defaults
+    Avo.configuration.field_wrapper_layout == :stacked
   end
 
   def compact?

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

@@ -10,11 +10,11 @@
       date_field_field_type_value: "date",
       date_field_picker_options_value: @field.picker_options,
   } do %>
-    <%= datetime_field "fake_#{@field.id}", "fake",
+    <%= @form.text_field @field.id,
       value: @field.edit_formatted_value,
-      class: classes("w-full"),
+      class: classes("w-full #{"hidden" unless params[:avo_show_hidden_inputs]}"),
       data: {
-        'date-field-target': 'fakeInput',
+        'date-field-target': 'input',
         placeholder: @field.placeholder,
         **@field.get_html(:data, view: view, element: :input)
       },
@@ -22,11 +22,11 @@
       placeholder: @field.placeholder,
       style: @field.get_html(:style, view: view, element: :input)
     %>
-    <%= @form.text_field @field.id,
+    <%= datetime_field "fake_#{@field.id}", "fake",
       value: @field.edit_formatted_value,
-      class: classes("w-full hidden"),
+      class: classes("w-full"),
       data: {
-        'date-field-target': 'input',
+        'date-field-target': 'fakeInput',
         placeholder: @field.placeholder,
         **@field.get_html(:data, view: view, element: :input)
       },

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

@@ -12,11 +12,11 @@
       date_field_field_type_value: "dateTime",
       date_field_picker_options_value: @field.picker_options,
   } do %>
-    <%= datetime_field "fake_#{@field.id}", "fake",
+    <%= @form.text_field @field.id,
       value: @field.edit_formatted_value,
-      class: classes("w-full"),
+      class: classes("w-full #{"hidden" unless params[:avo_show_hidden_inputs]}"),
       data: {
-        'date-field-target': 'fakeInput',
+        'date-field-target': 'input',
         placeholder: @field.placeholder,
         **@field.get_html(:data, view: view, element: :input)
       },
@@ -24,11 +24,11 @@
       placeholder: @field.placeholder,
       style: @field.get_html(:style, view: view, element: :input)
     %>
-    <%= @form.text_field @field.id,
+    <%= datetime_field "fake_#{@field.id}", "fake",
       value: @field.edit_formatted_value,
-      class: classes("w-full hidden"),
+      class: classes("w-full"),
       data: {
-        'date-field-target': 'input',
+        'date-field-target': 'fakeInput',
         placeholder: @field.placeholder,
         **@field.get_html(:data, view: view, element: :input)
       },

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

@@ -12,7 +12,7 @@ class Avo::Fields::EditComponent < ViewComponent::Base
   attr_reader :stacked
   attr_reader :view
 
-  def initialize(field: nil, resource: nil, index: 0, form: nil, compact: false, stacked: false, multiple: false, **kwargs)
+  def initialize(field: nil, resource: nil, index: 0, form: nil, compact: false, stacked: nil, multiple: false, **kwargs)
     @compact = compact
     @field = field
     @form = form

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

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

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

@@ -12,11 +12,11 @@
       date_field_field_type_value: "time",
       date_field_picker_options_value: @field.picker_options,
   } do %>
-    <%= datetime_field "fake_#{@field.id}", "fake",
+    <%= @form.text_field @field.id,
       value: @field.edit_formatted_value,
-      class: classes("w-full"),
+      class: classes("w-full #{"hidden" unless params[:avo_show_hidden_inputs]}"),
       data: {
-        'date-field-target': 'fakeInput',
+        'date-field-target': 'input',
         placeholder: @field.placeholder,
         **@field.get_html(:data, view: view, element: :input)
       },
@@ -24,11 +24,11 @@
       placeholder: @field.placeholder,
       style: @field.get_html(:style, view: view, element: :input)
     %>
-    <%= @form.text_field @field.id,
+    <%= datetime_field "fake_#{@field.id}", "fake",
       value: @field.edit_formatted_value,
-      class: classes("w-full hidden"),
+      class: classes("w-full"),
       data: {
-        'date-field-target': 'input',
+        'date-field-target': 'fakeInput',
         placeholder: @field.placeholder,
         **@field.get_html(:data, view: view, element: :input)
       },

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

@@ -1,4 +1,4 @@
-<div class="w-full relative"
+<div class="w-full relative overflow-auto mac-styled-scrollbar"
   data-controller="item-select-all"
   data-resource-name="<%= @resource.model_key %>"
   data-item-select-all-selected-all-value="false"

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

@@ -7,7 +7,10 @@
     <% 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) %>
+          <%= 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 %>

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

@@ -25,8 +25,11 @@
   <% end %>
   <% if body? %>
     <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:gap-4 w-full">
-      <div class="relative flex-1 <%= white_panel_classes %> <%= @body_classes %> <% if sidebar? %> w-2/3 overflow-auto <% else %> w-full <% end %>">
-        <%= body %>
+      <div class="relative flex-1 <% if sidebar? %> w-2/3 <% else %> w-full <% end %>">
+        <% # The body is wrapped inside another div in order to avoid long & tall panels next to sidebars when the sidebar taller. %>
+        <div class="relative <%= white_panel_classes %> <%= @body_classes %>">
+          <%= body %>
+        </div>
       </div>
       <% if sidebar? %>
         <div class="w-full sm:w-1/3 flex-shrink-0 h-full <%= white_panel_classes %>">

data/app/components/avo/views/resource_edit_component.html.erb

@@ -1,6 +1,8 @@
 <%= content_tag :div,
   data: {
-    'model-id': @resource.model.id,
+    model_name: @resource.model_name.to_s,
+    resource_name: @resource.class.to_s,
+    model_id: @resource.model.id,
     selected_resources_name: @resource.model_key,
     selected_resources: [@resource.model.id],
     **@resource.stimulus_data_attributes