avo 4.0.0.beta.44 → 4.0.0.beta.45

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

@@ -1,9 +1,7 @@
 <%= content_tag :div, class: @classes, data: @data do %>
-  <div class="py-2 px-4 h-full w-full">
     <% if @field.as_html %>
       <%= sanitize @field.value %>
     <% else %>
-      <div class="font-medium uppercase"><%= @field.value %></div>
+      <div class="uppercase"><%= @field.value %></div>
     <% end %>
-  </div>
 <% end %>

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

@@ -7,7 +7,7 @@ class Avo::Fields::Common::HeadingComponent < Avo::BaseComponent
 
   def after_initialize
     @view = @field.resource.view
-    @classes = "flex items-start py-1 leading-tight bg-secondary text-content-secondary text-xs #{@field.get_html(:classes, view: @view, element: :wrapper)}"
+    @classes = "flex items-start leading-tight bg-background text-content-secondary font-medium text-xs py-2 px-4 h-full w-full #{@field.get_html(:classes, view: @view, element: :wrapper)}"
     @data = {**stimulus_data_attributes, **@field.get_html(:data, view: @view, element: :wrapper)}
     add_stimulus_attributes_for(@field.resource, @data)
   end

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

@@ -36,16 +36,17 @@
     %>
 
     <%= content_tag :button,
-      class: "absolute end-0 self-center me-2 uppercase font-semibold text-xs disabled:cursor-not-allowed disabled:opacity-50 text-content-secondary cursor-pointer rounded-md",
+      class: "absolute inset-y-0 end-0 flex items-center justify-center px-2.5 uppercase font-semibold text-xs disabled:cursor-not-allowed disabled:opacity-50 text-content-secondary cursor-pointer rounded-lg",
       id: :reset,
       type: :button,
       title: t("avo.reset").capitalize,
       disabled: disabled?,
+      style: "outline-offset: var(--focus-outline-offset-inset)",
       data: {
         action: "click->date-field#clear",
         tippy: :tooltip
       } do %>
-      <%= helpers.svg "tabler/outline/x", class: "h-4" %>
+      <%= helpers.svg "tabler/outline/x", class: "size-4" %>
     <% end %>
   <% end %>
 <% end %>

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

@@ -37,16 +37,17 @@
       style: @field.get_html(:style, view: view, element: :input)
     %>
     <%= content_tag :button,
-      class: "absolute end-0 self-center me-2 uppercase font-semibold text-xs disabled:cursor-not-allowed disabled:opacity-50 text-content-secondary cursor-pointer rounded-md",
+      class: "absolute inset-y-0 end-0 flex items-center justify-center px-2.5 uppercase font-semibold text-xs disabled:cursor-not-allowed disabled:opacity-50 text-content-secondary cursor-pointer rounded-lg",
       id: :reset,
       type: :button,
       title: t("avo.reset").capitalize,
       disabled: disabled?,
+      style: "outline-offset: var(--focus-outline-offset-inset)",
       data: {
         action: "click->date-field#clear",
         tippy: :tooltip
       } do %>
-      <%= helpers.svg "tabler/outline/x", class: "h-4" %>
+      <%= helpers.svg "tabler/outline/x", class: "size-4" %>
     <% end %>
   <% end %>
 <% end %>

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

@@ -1,3 +1,3 @@
-<div class="<%= class_names("w-full",{'overflow-hidden rounded-t': @index == 0}) %>" data-field-id="<%= @field.id %>">
+<%= content_tag :div, class: class_names("w-full", {"overflow-hidden rounded-t-card-wrapper": @index == 0}), data: {field_id: @field.id} do %>
   <%= render Avo::Fields::Common::HeadingComponent.new field: @field %>
-</div>
+<% end %>

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

@@ -1,3 +1,3 @@
-<%= tag.div class: class_names(@field.width_class, "overflow-hidden rounded-t": @index == 0), data: {field_id: @field.id} do %>
+<%= tag.div class: class_names(@field.width_class, "overflow-hidden rounded-t-card-wrapper": @index == 0), data: {field_id: @field.id, index: @index} do %>
   <%= render Avo::Fields::Common::HeadingComponent.new field: @field %>
 <% end %>

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

@@ -37,16 +37,17 @@
       style: @field.get_html(:style, view: view, element: :input)
     %>
     <%= content_tag :button,
-      class: "absolute end-0 self-center me-2 uppercase font-semibold text-xs disabled:cursor-not-allowed disabled:opacity-50 text-content-secondary cursor-pointer rounded-md",
+      class: "absolute inset-y-0 end-0 flex items-center justify-center px-2.5 uppercase font-semibold text-xs disabled:cursor-not-allowed disabled:opacity-50 text-content-secondary cursor-pointer rounded-lg",
       id: :reset,
       type: :button,
       title: t("avo.reset").capitalize,
       disabled: disabled?,
+      style: "outline-offset: var(--focus-outline-offset-inset)",
       data: {
         action: "click->date-field#clear",
         tippy: :tooltip
       } do %>
-      <%= helpers.svg "tabler/outline/x", class: "h-4" %>
+      <%= helpers.svg "tabler/outline/x", class: "size-4" %>
     <% end %>
   <% end %>
 <% end %>

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

@@ -62,11 +62,9 @@
         <% end %>
 
         <% header.with_controls do %>
-          <div class="flex gap-3 flex-wrap">
-            <% @resource.render_index_controls(item: singular_resource_name.downcase).each do |control| %>
-              <%= render_control control %>
-            <% end %>
-          </div>
+          <% @resource.render_index_controls(item: singular_resource_name.downcase).each do |control| %>
+            <%= render_control control %>
+          <% end %>
         <% end %>
       <% end %>
     <% end %>

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

@@ -7,9 +7,10 @@
   <div class="top-navbar__start">
     <%# Mobile always needs a toggle to reach the overlay sidebar. Desktop toggle
         is optional and controlled by sidebar_toggle_visible. %>
-    <%= a_button class: class_names('shrink-0', 'lg:hidden': !Avo.configuration.sidebar_toggle_visible),
+    <%= a_button class: class_names("shrink-0 -ms-1.5 lg:ms-0", "lg:hidden": !Avo.configuration.sidebar_toggle_visible),
                  size: :sm,
                  style: :text,
+                 padding: :sm,
                  data: {
                    action: 'click->sidebar#toggleSidebarForViewport',
                    sidebar_toggle_icon: true,

data/lib/avo/configuration.rb

@@ -140,7 +140,7 @@ module Avo
       @license_key = nil
       @current_user = proc {}
       @authenticate = proc {}
-      @explicit_authorization = false
+      @explicit_authorization = true
       @authorization_methods = {
         index: "index?",
         show: "show?",

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "4.0.0.beta.44" unless const_defined?(:VERSION)
+  VERSION = "4.0.0.beta.45" unless const_defined?(:VERSION)
 end

data/lib/generators/avo/templates/initializer/avo.tt

@@ -37,7 +37,7 @@ Avo.configure do |config|
   # }
   # config.raise_error_on_missing_policy = false
   config.authorization_client = nil
-  config.explicit_authorization = true
+  # config.explicit_authorization = true
 
   ## == Localization ==
   # config.locale = 'en-US'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 4.0.0.beta.44
+  version: 4.0.0.beta.45
 platform: ruby
 authors:
 - Adrian Marin
@@ -267,7 +267,6 @@ files:
 - app/assets/stylesheets/css/components/input.css
 - app/assets/stylesheets/css/components/media_library.css
 - app/assets/stylesheets/css/components/modal.css
-- app/assets/stylesheets/css/components/tab_group.css
 - app/assets/stylesheets/css/components/tooltip.css
 - app/assets/stylesheets/css/components/ui/badge.css
 - app/assets/stylesheets/css/components/ui/card.css
@@ -1160,11 +1159,6 @@ files:
 - lib/generators/model_generator.rb
 - lib/generators/rails/avo_resource_generator.rb
 - lib/tasks/avo_tasks.rake
-- public/avo-assets/avo.base.css
-- public/avo-assets/avo.base.js
-- public/avo-assets/avo.base.js.map
-- public/avo-assets/late-registration.js
-- public/avo-assets/late-registration.js.map
 - tailwind.custom.js
 homepage: https://avohq.io
 licenses:
@@ -1191,7 +1185,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.9
+rubygems_version: 4.0.6
 specification_version: 4
 summary: Admin panel framework and Content Management System for Ruby on Rails.
 test_files: []

data/app/assets/stylesheets/css/components/tab_group.css

@@ -1,18 +0,0 @@
-/* Tab Group Component */
-@layer components {
-  /* Dashed border wraps both the tabs list and the active tab's content.
-     The element extends 5px past each side of its container so the border
-     sits outside the panel padding without requiring the parent to know
-     about it. Uses width + negative margin-inline (RTL-safe) instead of
-     left/right. */
-  .tab-group {
-    @apply relative border border-dashed border-tertiary rounded-2xl;
-    --tab-group-modifier: 8;
-    --tab-group-padding: calc(var(--tab-group-modifier) - (var(--tab-group-modifier)/2));
-
-    width: calc(100% + calc(var(--spacing) * var(--tab-group-modifier)));
-    margin-inline: calc(var(--spacing) * var(--tab-group-padding) * -1);
-    padding: calc(var(--spacing) * var(--tab-group-padding));
-
-  }
-}