avo 2.45.0 → 3.0.0.pre1

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

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-class Avo::Fields::TagsField::IndexComponent < Avo::Fields::IndexComponent
-  include Avo::Fields::Concerns::ItemLabels
-
-  def value
-    @field.field_value
-  end
-end

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

@@ -1,7 +0,0 @@
-<%= field_wrapper **field_wrapper_args do %>
-  <div class="flex gap-1 items-center flex-wrap">
-    <% @field.field_value.each do |item| %>
-      <%= render Avo::Fields::TagsField::TagComponent.new(label: label_from_item(item)) %>
-    <% end %>
-  </div>
-<% end %>

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

@@ -1,5 +0,0 @@
-# frozen_string_literal: true
-
-class Avo::Fields::TagsField::ShowComponent < Avo::Fields::ShowComponent
-  include Avo::Fields::Concerns::ItemLabels
-end

data/app/components/avo/fields/tags_field/tag_component.html.erb

@@ -1,9 +0,0 @@
-<div class="flex px-2 py-1 rounded bg-gray-100 text-sm text-gray-800 font-normal flex-shrink-0"
-  <% if title.present? %>
-    data-tippy="tooltip"
-    title="<%= title %>"
-  <% end %>
-  data-target="tag-component"
->
-  <%= label %>
-</div>

data/app/components/avo/fields/tags_field/tag_component.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-class Avo::Fields::TagsField::TagComponent < ViewComponent::Base
-  attr_reader :label
-  attr_reader :title
-
-  def initialize(label: nil, title: nil)
-    @label = label
-    @title = title
-  end
-end

data/app/components/avo/index/ordering/base_component.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-class Avo::Index::Ordering::BaseComponent < Avo::BaseComponent
-  private
-
-  def order_actions
-    @resource.class.order_actions
-  end
-end

data/app/components/avo/index/ordering/button_component.html.erb

@@ -1,11 +0,0 @@
-<%= button_to order_path(direction: direction, referrer: request.fullpath),
-  title: t("avo.order.#{direction}").capitalize,
-  method: :patch,
-  class: 'flex items-center',
-  data: {
-    target: "order:#{direction}",
-    'turbo-frame': params[:turbo_frame],
-    'tippy': 'tooltip',
-  } do %>
-  <%= helpers.svg(svg, class: 'text-gray-400 h-6 hover:text-gray-600') %>
-<% end %>

data/app/components/avo/index/ordering/button_component.rb

@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-class Avo::Index::Ordering::ButtonComponent < Avo::Index::Ordering::BaseComponent
-  attr_accessor :resource
-  attr_accessor :reflection
-  attr_accessor :direction
-  attr_accessor :svg
-
-  def initialize(resource:, direction:, svg: nil,  reflection: nil)
-    @resource = resource
-    @reflection = reflection
-    @direction = direction
-    @svg = svg
-  end
-
-  def render?
-    order_actions[direction].present?
-  end
-
-  def order_path(args)
-    Avo::App.view_context.avo.reorder_order_path(resource.route_key, resource.model.to_param, **args)
-  end
-end

data/app/components/avo/index/ordering/buttons_component.html.erb

@@ -1,32 +0,0 @@
-<div class="flex items-center justify-center" data-component="<%= self.class.to_s.underscore %>">
-  <% if display_inline? %>
-    <div class="flex max-w-xs rounded">
-      <%= render Avo::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :higher, svg: 'arrow-up' %>
-      <%= render Avo::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :lower, svg: 'arrow-down' %>
-      <%= render Avo::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :to_top, svg: 'download-solid-reversed' %>
-      <%= render Avo::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :to_bottom, svg: 'download-solid' %>
-    </div>
-  <% else %>
-    <div class="popover inline-block"
-      data-controller="popover"
-      data-popover-translate-x="<%= Avo.configuration.resource_controls_placement == :left ? '20%' : '-100%' %>"
-      data-popover-translate-y="-32px"
-      data-action="mouseover->popover#mouseOver mouseout->popover#mouseOut"
-      >
-      <%= button_tag nil,
-        title: t('avo.order.reorder_record').capitalize,
-        class: 'flex items-center',
-        data: {
-          'tippy': 'tooltip',
-        } do
-      %>
-      <%= helpers.svg('switch-vertical', class: 'text-gray-400 h-6 hover:text-gray-600') %>
-    <% end %>
-    <div class="flex hidden absolute max-w-xs bg-white rounded p-2" data-popover-target="content">
-      <%= render Avo::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :higher, svg: 'arrow-up' %>
-      <%= render Avo::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :lower, svg: 'arrow-down' %>
-      <%= render Avo::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :to_top, svg: 'download-solid-reversed' %>
-      <%= render Avo::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :to_bottom, svg: 'download-solid' %>
-    </div>
-  <% end %>
-</div>

data/app/components/avo/index/ordering/buttons_component.rb

@@ -1,47 +0,0 @@
-# frozen_string_literal: true
-
-class Avo::Index::Ordering::ButtonsComponent < Avo::Index::Ordering::BaseComponent
-  def initialize(resource: nil, reflection: nil, view_type: nil)
-    @resource = resource
-    @reflection = reflection
-    @view_type = view_type
-  end
-
-  def render?
-    has_with_trial(:resource_ordering) && can_order_any? && view_type_is_table? && enabled_in_view?
-  end
-
-  private
-
-  def can_order_any?
-    order_actions.present?
-  end
-
-  def view_type_is_table?
-    @view_type.to_sym == :table
-  end
-
-  def display_inline?
-    ordering[:display_inline]
-  end
-
-  def enabled_in_view?
-    in_association = @reflection.present?
-
-    if in_association
-      visible_on_option.include? :association
-    else
-      visible_on_option.include? :index
-    end
-  end
-
-  def visible_on_option
-    return [] if ordering.nil?
-
-    [ordering[:visible_on]].flatten
-  end
-
-  def ordering
-    @resource.class.ordering
-  end
-end

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

@@ -1,16 +0,0 @@
-<% if @resources.present? %>
-  <div class="map-view-container grid <%= grid_layout_classes %>">
-    <div class="map-component min-h-full <%= map_component_order_class %>">
-      <%= js_map(resource_location_markers, **resource_mapkick_options) %>
-    </div>
-    <% if render_table? %>
-      <div class="overflow-auto <%= table_component_order_class %>">
-        <%= render(Avo::Index::ResourceTableComponent.new(resources: @resources, resource: @resource, reflection: @reflection, parent_model: @parent_model, parent_resource: @parent_resource, pagy: @pagy, query: @query)) %>
-      </div>
-    <% end %>
-  </div>
-<% else %>
-  <div class="bg-white rounded shadow-panel">
-    <%= helpers.empty_state by_association: params[:related_name].present?, view_type: :map %>
-  </div>
-<% end %>

data/app/components/avo/index/resource_map_component.rb

@@ -1,109 +0,0 @@
-# frozen_string_literal: true
-
-module Avo
-  module Index
-    # Render a map view for a list of resources, where each resource is
-    # expected to have an attribute/attribute set representing its location.
-    class ResourceMapComponent < ViewComponent::Base
-      attr_reader :resources
-
-      def initialize(resources: nil, resource: nil, reflection: nil, parent_model: nil, parent_resource: nil, pagy: nil, query: nil)
-        super
-        @resources = resources
-        @resource = resource
-        @reflection = reflection
-        @parent_model = parent_model
-        @parent_resource = parent_resource
-        @pagy = pagy
-        @query = query
-      end
-
-      def grid_layout_classes
-        return unless render_table?
-
-        if table_positioned_horizontally
-          "grid-flow-row sm:grid-flow-col grid-rows-1 auto-cols-fr"
-        elsif table_positioned_vertically
-          "grid-flow-row grid-cols-1"
-        end
-      end
-
-      def table_positioned_horizontally
-        %i[left right].include?(map_view_table_layout)
-      end
-
-      def table_positioned_vertically
-        %i[bottom top].include?(map_view_table_layout)
-      end
-
-      def map_component_order_class
-        if render_table? && table_positioned_at_the_start
-          "order-last"
-        else
-          "order-first"
-        end
-      end
-
-      def table_component_order_class
-        if table_positioned_at_the_start
-          "order-first"
-        else
-          "order-last"
-        end
-      end
-
-      def table_positioned_at_the_start
-        %i[left top].include?(map_view_table_layout)
-      end
-
-      def map_view_table_layout
-        map_options.dig(:table, :layout)
-      end
-
-      def resource_location_markers
-        # If we have no proc and no default location method, don't try to create markers
-        return [] unless resource_mappable?
-
-        resources
-          .map do |resource|
-            Avo::Hosts::ResourceRecordHost.new(block: marker_proc, resource: resource, record: resource.record).handle
-          end
-          .compact
-          .filter do |coordinates|
-            coordinates[:latitude].present? && coordinates[:longitude].present?
-          end
-      end
-
-      def resource_mapkick_options
-        map_options[:mapkick_options] || {}
-      end
-
-      def render_table?
-        map_options.dig(:table, :visible)
-      end
-
-      private
-
-      def default_record_marker_proc
-        lambda {
-          {
-            latitude: record.coordinates.first,
-            longitude: record.coordinates.last
-          }
-        }
-      end
-
-      def map_options
-        @resource.map_view || {}
-      end
-
-      def marker_proc
-        map_options[:record_marker] || default_record_marker_proc
-      end
-
-      def resource_mappable?
-        map_options[:record_marker].present? || @resources.first.record.respond_to?(:coordinates)
-      end
-    end
-  end
-end

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

@@ -1,3 +0,0 @@
-<div class="flex flex-col sm:flex-row min-h-14 grow shrink-0" data-component="<%= self.class %>">
-  <%= body %>
-</div>

data/app/components/avo/row_component.rb

@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-
-class Avo::RowComponent < ViewComponent::Base
-  attr_reader :classes
-
-  renders_one :body
-
-  def initialize(classes: nil, data: {})
-    @classes = classes
-    @data = data
-  end
-end

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

@@ -1,16 +0,0 @@
-<% if item.is_a? Avo::Menu::Link %>
-  <%= render Avo::Sidebar::LinkComponent.new label: item.name, path: item.path, target: item.target, data: item.data, icon: item.icon %>
-<% end %>
-<% if item.is_a? Avo::Menu::Resource %>
-  <%= render Avo::Sidebar::LinkComponent.new label: item.navigation_label, path: helpers.resources_path(resource: resource, **item.fetch_params), data: item.data, icon: item.icon %>
-<% end %>
-<% if item.is_a? Avo::Menu::Dashboard %>
-  <%= render Avo::Sidebar::LinkComponent.new label: item.navigation_label, path: dashboard.navigation_path, data: item.data, icon: item.icon %>
-<% end %>
-<% if item.is_a? Avo::Menu::Section %>
-  <%= render Avo::Sidebar::SectionComponent.new item: item %>
-<% end %>
-<% if item.is_a? Avo::Menu::Group %>
-  <%= render Avo::Sidebar::GroupComponent.new item: item %>
-<% end %>
-

data/app/components/avo/sidebar/item_switcher_component.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-class Avo::Sidebar::ItemSwitcherComponent < Avo::Sidebar::BaseItemComponent
-  def resource
-    item.parsed_resource
-  end
-
-  def dashboard
-    item.parsed_dashboard
-  end
-
-  def render?
-    item.visible?
-  end
-end

data/app/controllers/avo/dashboards/cards_controller.rb

@@ -1,37 +0,0 @@
-require_dependency "avo/application_controller"
-
-module Avo
-  module Dashboards
-    class CardsController < ApplicationController
-      before_action :set_dashboard
-      before_action :set_card
-      before_action :detect_chartkick
-
-      def show
-        render(:chartkick_missing) unless @chartkick_installed
-      end
-
-      private
-
-      def set_dashboard
-        @dashboard = Avo::App.get_dashboard_by_id params[:dashboard_id]
-
-        raise ActionController::RoutingError.new("Not Found") if @dashboard.nil? || @dashboard.is_hidden?
-      end
-
-      def set_card
-        @card = @dashboard.item_at_index(params[:index].to_i).tap do |card|
-          card.hydrate(dashboard: @dashboard)
-        end
-      end
-
-      def detect_chartkick
-        @chartkick_installed = if @card.class.ancestors.map(&:to_s).include?("Avo::Dashboards::ChartkickCard")
-          defined?(Chartkick)
-        else
-          true
-        end
-      end
-    end
-  end
-end

data/app/controllers/avo/dashboards_controller.rb

@@ -1,22 +0,0 @@
-require_dependency "avo/application_controller"
-
-module Avo
-  class DashboardsController < ApplicationController
-    before_action :set_dashboard, only: :show
-
-    def show
-      @page_title = @dashboard.name
-    end
-
-    private
-
-    def set_dashboard
-      @dashboard = Avo::App.get_dashboard_by_id params[:id]
-
-      authorized = Avo::Hosts::BaseHost.new(block: @dashboard.authorize).handle
-      raise Avo::NotAuthorizedError.new if !authorized
-
-      raise ActionController::RoutingError.new("Not Found") if @dashboard.nil? || @dashboard.is_hidden?
-    end
-  end
-end

data/app/controllers/avo/reorder_controller.rb

@@ -1,25 +0,0 @@
-require_dependency "avo/application_controller"
-
-module Avo
-  class ReorderController < ApplicationController
-    before_action :set_resource_name
-    before_action :set_resource
-    before_action :hydrate_resource
-    before_action :set_model
-
-    def order
-      direction = params[:direction].to_sym
-
-      if direction.present?
-        @resource
-          .hydrate(model: @model, params: params)
-          .ordering_host
-          .order direction
-      end
-
-      respond_to do |format|
-        format.html { redirect_to params[:referrer] || resources_path(resource: @resource) }
-      end
-    end
-  end
-end

data/app/javascript/js/controllers/base_controller.js

@@ -1,22 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-export default class extends Controller {
-  /**
-  * Helper that parses the data attribute value to JSON
-  */
-  getJsonAttribute(target, attribute, defaultValue = []) {
-    let result = defaultValue
-    try {
-      result = JSON.parse(target.getAttribute(attribute))
-    } catch (error) {}
-
-    return result
-  }
-
-  /**
-  * Parses the attribute to boolean
-  */
-  getBooleanAttribute(target, attribute) {
-    return target.getAttribute(attribute) === '1'
-  }
-}

data/app/javascript/js/controllers/fields/reload_belongs_to_field_controller.js

@@ -1,51 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-// Used as a custom Stream Action <turbo-stream action="update-belongs-to" />
-export default class extends Controller {
-  static values = {
-    polymorphic: Boolean,
-    searchable: Boolean,
-    targetName: String,
-    relationName: String
-  }
-
-  beforeStreamRender(event) {
-    const { relationName } = event.target.dataset
-    if (event.target.action !== "update-belongs-to" || this.relationNameValue !== relationName) {
-      return false;
-    }
-
-    event.detail.render = (stream) => {
-      if (this.searchableValue) {
-        this.updateSearchable(stream)
-      } else{
-        this.updateNonSearchable(stream)
-      }
-    };
-  }
-
-  updateSearchable(stream) {
-    // Update the id component
-    document.querySelector(`input[name="${this.targetNameValue}"][type="hidden"]`).value = stream.dataset.targetResourceId
-    // Update the label
-    document.querySelector(`input[name="${this.targetNameValue}"][type="text"]`).value = stream.dataset.targetResourceLabel
-  }
-
-  updateNonSearchable(stream) {
-    const select = this.selectorContext(stream).querySelector(`select[name="${this.targetNameValue}"]`)
-    const option = document.createElement('option')
-    option.value = stream.dataset.targetResourceId
-    option.text = stream.dataset.targetResourceLabel
-    option.selected = true
-    select.appendChild(option)
-  }
-
-  selectorContext(stream) {
-    // if polymorphic, search for the select in the correct sub-container
-    if (this.polymorphicValue) {
-      return document.querySelector(`[data-type="${stream.dataset.targetResourceClass}"]`)
-    }
-
-    return document
-  }
-}

data/app/javascript/js/controllers/fields/tags_field_controller.js

@@ -1,127 +0,0 @@
-import { first, isObject, merge } from 'lodash'
-import Tagify from '@yaireo/tagify'
-import URI from 'urijs'
-
-import { suggestionItemTemplate, tagTemplate } from './tags_field_helpers'
-import BaseController from '../base_controller'
-import debouncePromise from '../../helpers/debounce_promise'
-
-export default class extends BaseController {
-  static targets = ['input', 'fakeInput'];
-
-  static values = {
-    whitelistItems: { type: Array, default: [] },
-    disallowedItems: { type: Array, default: [] },
-    enforceSuggestions: { type: Boolean, default: false },
-    closeOnSelect: { type: Boolean, default: false },
-    delimiters: { type: Array, default: [] },
-    suggestionsMaxItems: { type: Number, default: 20 },
-    mode: String,
-    fetchValuesFrom: String,
-  }
-
-  tagify = null;
-
-  searchDebounce = 500
-
-  debouncedFetch = debouncePromise(fetch, this.searchDebounce);
-
-  get suggestionsAreObjects() {
-    return isObject(first(this.whitelistItemsValue)) || this.fetchValuesFromValue
-  }
-
-  get tagifyOptions() {
-    let options = {
-      whitelist: this.whitelistItemsValue,
-      blacklist: this.disallowedItemsValue,
-      enforceWhitelist: this.enforceSuggestionsValue || this.fetchValuesFromValue,
-      delimiters: this.delimitersValue.join('|'),
-      dropdown: {
-        maxItems: this.suggestionsMaxItemsValue,
-        enabled: 0,
-        searchKeys: [this.labelAttributeValue],
-        closeOnSelect: this.closeOnSelectValue,
-      },
-    }
-
-    if (this.modeValue) {
-      options.mode = this.modeValue // null or "select"
-    }
-
-    if (this.suggestionsAreObjects) {
-      options = merge(options, {
-        tagTextProp: 'label',
-        dropdown: {
-          searchKeys: ['label'],
-          mapValueTo: 'value',
-        },
-        templates: {
-          tag: tagTemplate,
-          dropdownItem: suggestionItemTemplate,
-        },
-        originalInputValueFormat: (valuesArr) => valuesArr.map((item) => item.value),
-      })
-    } else {
-      options = merge(options, {
-        originalInputValueFormat: (valuesArr) => valuesArr.map((item) => item.value).join(','),
-      })
-    }
-
-    return options
-  }
-
-  connect() {
-    if (this.hasInputTarget) {
-      this.hideFakeInput()
-      this.showRealInput()
-      this.initTagify()
-    }
-  }
-
-  initTagify() {
-    this.tagify = new Tagify(this.inputTarget, this.tagifyOptions)
-    const that = this
-
-    function onInput(e) {
-      // Create the URL from which to fetch the values
-      const query = e.detail.value
-      const uri = new URI(that.fetchValuesFromValue)
-      uri.addSearch({
-        q: query,
-      })
-
-      // reset current whitelist
-      that.tagify.whitelist = null
-      // show the loader animation
-      that.tagify.loading(true)
-
-      // get new whitelist from a request
-      that.fetchResults(uri.toString())
-        .then((result) => {
-          that.tagify.settings.whitelist = result // add already-existing tags to the new whitelist array
-
-          that.tagify
-            .loading(false)
-            .dropdown.show(e.detail.value) // render the suggestions dropdown.
-        })
-        .catch(() => that.tagify.dropdown.hide())
-    }
-
-    if (this.fetchValuesFromValue) {
-      this.tagify.on('input', onInput)
-    }
-  }
-
-  fetchResults(endpoint) {
-    return this.debouncedFetch(endpoint)
-      .then((response) => response.json())
-  }
-
-  hideFakeInput() {
-    this.fakeInputTarget.classList.add('hidden')
-  }
-
-  showRealInput() {
-    this.inputTarget.classList.remove('hidden')
-  }
-}

data/app/javascript/js/controllers/toggle_panel_controller.js

@@ -1,18 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-import { useClickOutside } from 'stimulus-use'
-
-export default class extends Controller {
-  static targets = ['panel']
-
-  connect() {
-    useClickOutside(this)
-  }
-
-  clickOutside() {
-    this.panelTarget.classList.add('hidden')
-  }
-
-  togglePanel() {
-    this.panelTarget.classList.toggle('hidden')
-  }
-}

data/app/views/avo/base/_new_via_belongs_to.html.erb

@@ -1,12 +0,0 @@
-<%= turbo_frame_tag "new_via_belongs_to" do %>
-  <%= render(Avo::ModalComponent.new(width: :xl, body_class: "bg-application")) do |c| %>
-    <div class="pt-4 pb-8">
-      <%= render Avo::Views::ResourceEditComponent.new(
-        resource: @resource,
-        model: @model,
-        view: @view,
-        display_breadcrumbs: false
-      ) %>
-    </div>
-  <% end %>
-<% end %>