jav 2.55.4

data/app/components/jav/sidebar_component.html.erb

@@ -0,0 +1,62 @@
+<div
+  class="jav-sidebar fixed z-[60] t-0 application-sidebar w-64 flex-1 border-r bg-none h-[calc(100vh-4rem)] bg-application lg:bg-transparent <%= 'print:hidden' if Jav.configuration.hide_layout_when_printing %> <%= @sidebar_open ? 'flex' : 'hidden' %>"
+  data-sidebar-target="<%= stimulus_target %>"
+  data-transition-enter="transition ease-out duration-100"
+  data-transition-enter-start="transform opacity-0 -translate-x-full"
+  data-transition-enter-end="transform opacity-100 translate-x-0"
+  data-transition-leave="transition ease-in duration-75"
+  data-transition-leave-start="transform opacity-100 translate-x-0"
+  data-transition-leave-end="transform opacity-0 -translate-x-full"
+>
+  <div class="flex flex-col w-full h-full">
+    <div class="flex-1 flex flex-col justify-between overflow-auto h-full pt-3 mac-styled-scrollbar">
+      <div class="space-y-6 mb-4">
+        <%= render Jav::Sidebar::LinkComponent.new label: 'Get started', path: helpers.jav.root_path, active: :exclusive if Rails.env.development? && Jav.configuration.home_path.nil? %>
+
+        <% if Jav::App.has_main_menu? %>
+          <% Jav::App.main_menu.items.each do |item| %>
+            <%= render Jav::Sidebar::ItemSwitcherComponent.new item: item %>
+          <% end %>
+        <% else %>
+
+          <% if dashboards.present? %>
+            <div>
+              <%= render Jav::Sidebar::HeadingComponent.new label: t('jav.dashboards'), icon: helpers.svg('dashboards', class: 'h-4') %>
+
+              <div class="w-full space-y-1">
+                <% dashboards.sort_by { |r| r.navigation_label }.each do |dashboard| %>
+                  <%= render Jav::Sidebar::LinkComponent.new label: dashboard.navigation_label, path: dashboard.navigation_path %>
+                <% end %>
+              </div>
+            </div>
+          <% end %>
+
+          <div>
+            <%= render Jav::Sidebar::HeadingComponent.new label: t('jav.resources'), icon: helpers.svg('resources', class: 'h-4') %>
+
+            <div class="w-full space-y-1">
+              <% resources.sort_by { |r| r.navigation_label }.each do |resource| %>
+                <%= render Jav::Sidebar::LinkComponent.new label: resource.navigation_label, path: helpers.resources_path(resource: resource) %>
+              <% end %>
+            </div>
+          </div>
+
+          <% if tools.present? %>
+            <div>
+              <%= render Jav::Sidebar::HeadingComponent.new label: t('jav.tools'), icon: helpers.svg('tools', class: 'h-4') %>
+
+              <div class="w-full space-y-1">
+                <% tools.each do |partial| %>
+                  <%= render partial: "/jav/sidebar/items/#{partial}" %>
+                <% end %>
+              </div>
+            </div>
+          <% end %>
+        <% end %>
+
+        <%= render partial: "/jav/partials/sidebar_extra" %>
+      </div>
+    </div>
+    <%= render Jav::SidebarProfileComponent.new user: helpers._current_user %>
+  </div>
+</div>

data/app/components/jav/sidebar_component.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+class Jav::SidebarComponent < ViewComponent::Base
+  def initialize(sidebar_open: nil, for_mobile: false)
+    super
+    @sidebar_open = sidebar_open
+    @for_mobile = for_mobile
+  end
+
+  def dashboards
+    Jav::App.dashboards_for_navigation
+  end
+
+  def resources
+    Jav::App.resources_for_navigation
+  end
+
+  def tools
+    Jav::App.tools_for_navigation
+  end
+
+  def stimulus_target
+    @for_mobile ? "mobileSidebar" : "sidebar"
+  end
+end

data/app/components/jav/sidebar_profile_component.html.erb

@@ -0,0 +1,51 @@
+<div class="text-black border-gray-150 p-4 flex border-t">
+  <div class="flex-1 flex space-x-4">
+    <% if avatar.present? %>
+      <div class="relative aspect-square w-10 h-10 overflow-hidden rounded-sm">
+        <%= image_tag avatar, class: "object-cover min-w-full min-h-full h-full" %>
+      </div>
+    <% end %>
+    <div class="flex flex-col">
+      <div class="font-medium">
+        <%= name %>
+      </div>
+      <% if title.present? %>
+        <div class="text-xs text-gray-500 uppercase">
+          <%= title %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+  <div class="relative" data-controller="toggle-panel">
+    <a class="flex items-center h-full cursor-pointer" data-control="profile-dots" data-action="click->toggle-panel#togglePanel">
+      <%= helpers.svg 'three-dots', class: 'h-4' %>
+    </a>
+    <div
+      class="hidden absolute flex flex-col inset-auto right-0 -mt-12 bg-white rounded-sm min-w-[200px] shadow-context -translate-y-full z-40"
+      data-toggle-panel-target="panel"
+    >
+      <% if Jav::App.has_profile_menu? %>
+        <div class="text-black">
+          <% Jav::App.profile_menu.items.each do |item| %>
+            <% if item.is_a? Jav::Menu::Link %>
+              <%= render Jav::ProfileItemComponent.new label: item.name, path: item.path, icon: item.icon, method: item.method, params: item.params %>
+            <% end %>
+          <% end %>
+        </div>
+      <% end %>
+      <%= render "jav/partials/profile_menu_extra" %>
+      <% if can_destroy_user? %>
+        <%= button_to helpers.main_app.send(destroy_user_session_path),
+          form: { "data-turbo" => "false" },
+          method: :delete,
+          data: {
+            confirm: t('jav.are_you_sure')
+          },
+          class: "flex-1 flex items-center justify-center bg-white text-left cursor-pointer text-red-600 font-semibold hover:bg-red-100 block px-4 py-1 w-full py-3 text-center rounded-sm w-full",
+          form_class: 'flex-1' do %>
+          <%= helpers.svg 'logout', class: 'h-4 mr-1' %> <%= t('jav.sign_out') %>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/components/jav/sidebar_profile_component.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+class Jav::SidebarProfileComponent < ViewComponent::Base
+  attr_reader :user
+
+  def initialize(user:)
+    super
+    @user = user
+  end
+
+  def avatar
+    if user.respond_to?(:avatar) && user.avatar.present?
+      user.avatar
+    else
+      ""
+    end
+  end
+
+  def name
+    if user.respond_to?(:name) && user.name.present?
+      user.name
+    elsif user.respond_to?(:email) && user.email.present?
+      user.email
+    else
+      "Jav user"
+    end
+  end
+
+  def title
+    if user.respond_to?(:jav_title) && user.jav_title.present?
+      user.jav_title
+    else
+      ""
+    end
+  end
+
+  def destroy_user_session_path
+    # If `sign_out_path_name` is configured, use it. Otherwise construct the
+    # path name based on `current_user_resource_name`.
+    (Jav.configuration.sign_out_path_name || "destroy_#{Jav.configuration.current_user_resource_name}_session_path").to_sym
+  end
+
+  def can_destroy_user?
+    helpers.main_app.respond_to?(destroy_user_session_path)
+  end
+end

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

@@ -0,0 +1,52 @@
+<%= content_tag :div,
+  data: {
+    target: "tab-group",
+    index: index,
+    controller: "tabs",
+    tabs_view_value: view,
+    tabs_active_tab_value: active_tab_name
+  } 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: :tabPanel,
+          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', 'update', 'create'])
+        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  -my-2 lg:p-4  lg:-my-4 space-y-4">
+        <%= render Jav::TabSwitcherComponent.new resource: resource, current_tab: tab, group: group, active_tab_name: active_tab_name, view: view, style: tabs_style %>
+        <% if !should_lazy_load && !tab.empty? %>
+          <div class="space-y-12">
+            <% tab.visible_items.each do |item| %>
+              <%= render Jav::ItemSwitcherComponent.new resource: resource, item: item, index: index, form: form, view: @view %>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/jav/tab_group_component.rb

@@ -0,0 +1,52 @@
+# frozen_string_literal: true
+
+class Jav::TabGroupComponent < Jav::BaseComponent
+  attr_reader :group, :index, :view, :form, :resource
+
+  def initialize(resource:, group:, index:, form:, params:, view:, tabs_style:)
+    super
+    @resource = resource
+    @group = group
+    @index = index
+    @form = form
+    @params = params
+    @view = view
+    @tabs_style = tabs_style
+
+    @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(&:visible?)
+  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
+
+  def tabs_style
+    @tabs_style || Jav.configuration.tabs_style
+  end
+end

data/app/components/jav/tab_switcher_component.html.erb

@@ -0,0 +1,41 @@
+<% if style == :tabs %>
+  <div class="flex overflow-auto mac-styled-scrollbar" data-target="tab-switcher" data-style="tabs">
+    <div class="button-group">
+      <% visible_items.each do |tab| %>
+        <%= a_link tab_path(tab),
+          color: selected?(tab) ? :primary : :gray ,
+          rounded: false,
+          size: :sm,
+          class: "active:outline-0 #{selected?(tab) ? "z-20" : "bg-gray-100 border-gray-300"}",
+          title: tab.description,
+          data: {
+            tippy: tab.description.present? ? 'tooltip' : '',
+            selected: selected?(tab),
+            action: 'click->tabs#changeTab',
+            tabs_id_param: tab.name
+          } do %>
+          <%= tab.name %>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+<% else %>
+  <div class="flex flex-wrap gap-2 p-2 <%= white_panel_classes %>" data-target="tab-switcher" data-style="pills">
+    <% visible_items.each do |tab| %>
+      <%= a_link tab_path(tab),
+      color: selected?(tab) ? :primary : :gray,
+      style: selected?(tab) ? :outline : :text,
+      size: :sm,
+      class: selected?(tab) ? "z-20 bg-primary-100" : "",
+      title: tab.description,
+      data: {
+        tippy: tab.description.present? ? 'tooltip' : '',
+        selected: selected?(tab),
+        action: 'click->tabs#changeTab',
+        tabs_id_param: tab.name
+      } do %>
+        <%= tab.name %>
+      <% end %>
+    <% end %>
+  </div>
+<% end %>

data/app/components/jav/tab_switcher_component.rb

@@ -0,0 +1,87 @@
+# frozen_string_literal: true
+
+class Jav::TabSwitcherComponent < Jav::BaseComponent
+  include Jav::UrlHelpers
+  include Jav::ApplicationHelper
+
+  attr_reader :active_tab_name, :group, :current_tab, :tabs, :view, :style
+
+  delegate :white_panel_classes, to: :helpers
+
+  def initialize(resource:, group:, current_tab:, active_tab_name:, view:, style:)
+    super
+    @active_tab_name = active_tab_name
+    @resource = resource
+    @group = group
+    @current_tab = current_tab
+    @tabs = group.items
+    @view = view
+    @style = style
+  end
+
+  def tab_path(tab)
+    if is_edit?
+      helpers.edit_resource_path(resource: @resource, model: @resource.model, keep_query_params: true, active_tab_name: tab.name, tab_turbo_frame: group.turbo_frame_id)
+    elsif is_new?
+      helpers.new_resource_path(resource: @resource, keep_query_params: true, active_tab_name: tab.name, tab_turbo_frame: group.turbo_frame_id)
+    else
+      helpers.resource_path(resource: @resource, model: @resource.model, keep_query_params: true, active_tab_name: tab.name, tab_turbo_frame: group.turbo_frame_id)
+    end
+  end
+
+  def is_edit?
+    @view.in?(%i[edit update])
+  end
+
+  def is_new?
+    @view.in?(%i[new create])
+  end
+
+  def is_initial_load?
+    params[:active_tab_name].blank?
+  end
+
+  # On initial load we want that each tab button to be the selected one.
+  # We do that so we don't get the wrongly selected item for a quick brief when first switching from one panel to another.
+  def selected?(tab)
+    if is_initial_load?
+      current_tab.name.to_s == tab.name.to_s
+    else
+      tab.name.to_s == active_tab_name.to_s
+    end
+  end
+
+  # Goes through all items and removes the ones that are not supposed to be visible.
+  # Example below:
+  # tabs do
+  #   field :comments, as: :has_many
+  # end
+  # Because the developer hasn't specified that it should be visible on edit views (with the show_on: :edit option),
+  # the field should not be visible in the item switcher either.
+  def visible_items
+    tabs.select do |tab|
+      next false if tab.items.blank?
+      next false if tab.is_field? && !tab.authorized?
+      next false if tab.has_a_single_item? && !single_item_visible?(tab.items.first)
+      next false unless tab.visible?
+      next false unless tab.visible_on?(view)
+
+      true
+    end
+  end
+
+  private
+
+  def single_item_visible?(item)
+    # Item is visible if is not a field or don't have its own panel
+    return true unless item.is_field?
+    return true unless item.has_own_panel?
+
+    return false unless item.visible_on?(view)
+
+    # If item is hydrated with the correct resource and is not authorized, it's not visible
+    return false if item.resource.present? && !item.authorized?
+
+    true
+  end
+end

data/app/components/jav/turbo_frame_wrapper_component.html.erb

@@ -0,0 +1,10 @@
+<% if name.present? %><turbo-frame id="<%= name %>"><% end %>
+<%
+  # When rendering the frames the flashed content gets lost.
+  # We're appending it back if it's a turbo_frame_request.
+%>
+<% if helpers.turbo_frame_request? %>
+  <%= helpers.turbo_stream_action_tag :append, target: 'alerts', template: render(Jav::FlashAlertsComponent.new(flashes: helpers.flash)) %>
+<% end %>
+<%= content %>
+<% if name.present? %></turbo-frame><% end %>

data/app/components/jav/turbo_frame_wrapper_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+class Jav::TurboFrameWrapperComponent < ViewComponent::Base
+  attr_reader :name
+
+  def initialize(name = nil)
+    super
+    @name = name
+  end
+end

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

@@ -0,0 +1,112 @@
+<%= content_tag :div,
+  id: helpers.frame_id(@resource),
+  data: {
+    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
+  } do %>
+  <%= form_with model: @resource.record,
+    scope: @resource.form_scope,
+    url: form_url,
+    method: form_method,
+    local: true,
+    html: {
+      novalidate: true
+    },
+    multipart: true do |form| %>
+    <%= render Jav::ReferrerParamsComponent.new back_path: back_path %>
+    <%= content_tag :div, class: 'space-y-12' do %>
+      <%= render Jav::PanelComponent.new(name: title, description: @resource.resource_description,
+                                         display_breadcrumbs: display_breadcrumbs?,
+                                         index: 0, data: { panel_id: "main" }) do |c| %>
+        <% c.with_tools do %>
+          <% if back_path.present? %>
+            <%= a_link back_path,
+              style: :text,
+              icon: 'arrow-left' do %>
+              <%= t('jav.cancel').capitalize %>
+            <% end %>
+          <% end %>
+          <% if can_see_the_destroy_button? %>
+            <%= a_link destroy_path,
+              style: :text,
+              color: :red,
+              icon: 'trash',
+              form_class: 'flex flex-col sm:flex-row sm:inline-flex',
+              data: {
+                turbo_confirm: t('jav.are_you_sure', item: @resource.model.model_name.name.downcase),
+                turbo_method: :delete,
+                control: :destroy,
+                'resource-id': @resource.model.id,
+              } do %>
+              <%= t('jav.delete').capitalize %>
+            <% end %>
+          <% end %>
+          <% if can_act_on? %>
+            <%= render Jav::ActionsComponent.new actions: @actions, resource: @resource, view: @view %>
+          <% end %>
+          <% if can_see_the_save_button? %>
+            <%= a_button color: :primary,
+            style: :primary,
+            loading: true,
+            type: :submit,
+            icon: 'save' do %>
+              <%= t('jav.save').capitalize %>
+            <% end %>
+          <% end %>
+        <% end %>
+        <%# Extract the main panel and display the fields here. %>
+        <%# This way we'll be able to render the footer buttons under the main fields. %>
+        <% if main_panel.present? %>
+          <% c.with_body do %>
+            <div class="divide-y">
+              <% main_panel.items.each_with_index do |field, index| %>
+                <%= render field
+                  .hydrate(resource: @resource, model: @resource.model, user: @resource.user, view: view_for(field))
+                  .component_for_view(view_for field)
+                  .new(field: field, resource: @resource, index: index, form: form, compact: sidebar.present?)
+                %>
+              <% end %>
+            </div>
+          <% end %>
+        <% end %>
+        <% if sidebar.present? && sidebar.visible_items.present? %>
+          <% c.with_sidebar do %>
+            <%= render sidebar_component form: form %>
+          <% end %>
+        <% end %>
+        <% if Jav.configuration.buttons_on_form_footers %>
+          <% c.with_footer_tools do %>
+            <div class="mt-4">
+              <% if back_path.present? %>
+                <%= a_link back_path,
+                style: :text,
+                icon: 'arrow-left' do %>
+                  <%= t('jav.cancel').capitalize %>
+                <% end %>
+              <% end %>
+              <% if can_see_the_save_button? %>
+                <%= a_button color: :primary,
+                style: :primary,
+                loading: true,
+                type: :submit,
+                icon: 'save' do %>
+                  <%= t('jav.save').capitalize %>
+                <% end %>
+              <% end %>
+            </div>
+          <% end %>
+        <% end %>
+      <% end %>
+      <%= content_tag :div, class: 'space-y-12' do %>
+        <% @resource.get_items.each_with_index do |item, index| %>
+          <% next if item.nil? %>
+          <%= render Jav::ItemSwitcherComponent.new resource: @resource, item: item, index: index + 1, view: @view, form: form %>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/jav/views/resource_edit_component.rb

@@ -0,0 +1,96 @@
+# frozen_string_literal: true
+
+class Jav::Views::ResourceEditComponent < Jav::ResourceComponent
+  include Jav::ResourcesHelper
+  include Jav::ApplicationHelper
+
+  def initialize(resource: nil, model: nil, actions: [], view: :edit, display_breadcrumbs: true)
+    super
+    @resource = resource
+    @model = model
+    @actions = actions
+    @view = view
+    @display_breadcrumbs = display_breadcrumbs
+  end
+
+  def title
+    @resource.default_panel_name
+  end
+
+  def back_path
+    return if via_belongs_to?
+    return resource_view_path if via_resource?
+    return resources_path if via_index?
+
+    return helpers.resource_path(model: @resource.model, resource: @resource) if is_edit? && Jav.configuration.resource_default_view == :show # via resource show or edit page
+
+    resources_path
+  end
+
+  def resources_path
+    helpers.resources_path(resource: @resource)
+  end
+
+  def resource_view_path
+    return helpers.resource_view_path(model: association_resource.model, resource: association_resource, active_tab_name: params[:active_tab_name]) if params[:active_tab_name].present?
+
+    helpers.resource_view_path(model: association_resource.model, resource: association_resource)
+  end
+
+  def can_see_the_destroy_button?
+    return super if is_edit? && Jav.configuration.resource_default_view == :edit
+
+    false
+  end
+
+  # The save button is dependent on the edit? policy method.
+  # The update? method should be called only when the user clicks the Save button so the developer gets access to the params from the form.
+  def can_see_the_save_button?
+    @resource.authorization.authorize_action @view, raise_exception: false
+  end
+
+  def display_breadcrumbs?
+    @reflection.blank? && @display_breadcrumbs
+  end
+
+  private
+
+  def via_index?
+    params[:via_view] == "index"
+  end
+
+  def via_belongs_to?
+    params[:via_belongs_to_resource_class].present?
+  end
+
+  def is_edit?
+    view.in?(%i[edit update])
+  end
+
+  def form_method
+    return :put if is_edit?
+
+    :post
+  end
+
+  def form_url
+    if is_edit?
+      helpers.resource_path(
+        model: @resource.model,
+        resource: @resource
+      )
+    else
+      helpers.resources_path(
+        resource: @resource,
+        via_relation_class: params[:via_relation_class],
+        via_relation: params[:via_relation],
+        via_resource_id: params[:via_resource_id]
+      )
+    end
+  end
+
+  # Render :show view for read only trix fields
+  def view_for(field)
+    field.is_a?(Jav::Fields::TrixField) && field.is_readonly? ? :show : view
+  end
+end