ariadne_view_components 0.0.39-x86_64-darwin → 0.0.41-x86_64-darwin

data/app/components/ariadne/table_nav_component.rb

@@ -1,338 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # The `TableNavComponent` is used to render a table navigation.
-  class TableNavComponent < Ariadne::Component
-    DEFAULT_CLASSES = "ariadne-min-w-full ariadne-divide-y ariadne-divide-gray-300"
-
-    renders_one :header_row, "BaseRowItem::HeaderRowItem"
-
-    renders_many :rows, "BaseRowItem::RowItem"
-
-    renders_one :footer, "FooterItem"
-
-    DEFAULT_TAG = :table
-
-    # @example Default
-    #
-    # <%= render(Ariadne::TableNavComponent.new) do |table| %>
-    #   <%= table.with_header_row do |header_row| %>
-    #     <% header_row.with_selection_cell do %>
-    #       Status
-    #     <% end %>
-    #     <% header_row.with_main_cell do %>
-    #       State
-    #     <% end %>
-    #     <% header_row.with_action_cell do %>
-    #       Labels
-    #     <% end %>
-    #   <% end %>
-    #   <%= table.with_row do |row| %>
-    #     <% row.with_selection_cell do %>
-    #       "G"
-    #     <% end %>
-    #     <% row.with_main_cell do %>
-    #       "California"
-    #     <% end %>
-    #     <% row.with_metadata_cell do %>
-    #       "Labels"
-    #     <% end %>
-    #   <% end %>
-    #   <%= table.with_row do |row| %>
-    #     <% row.with_selection_cell do %>
-    #       "V"
-    #     <% end %>
-    #     <% row.with_main_cell do %>
-    #       "New York"
-    #     <% end %>
-    #     <% row.with_metadata_cell do %>
-    #       "Labels"
-    #     <% end %>
-    #   <% end %>
-    #   <%= table.with_row do |row| %>
-    #     <% row.with_cell do %>
-    #       "D"
-    #     <% end %>
-    #     <% row.with_selection_cell do %>
-    #       "Texas"
-    #     <% end %>
-    #     <% row.with_metadata_cell do %>
-    #       "Labels"
-    #     <% end %>
-    #   <% end %>
-    # <% end %>
-    #
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(classes: "", attributes: {})
-      @tag = DEFAULT_TAG
-      @classes = merge_class_names(
-        DEFAULT_CLASSES,
-        classes,
-      )
-
-      @attributes = attributes
-    end
-
-    def has_header_row?
-      header_row.present?
-    end
-
-    def has_footer?
-      footer.present?
-    end
-
-    # This component is part of `TableNavComponent` and should not be
-    # used as a standalone component.
-    class BaseRowItem < Ariadne::TableNavComponent
-      BASE_ROW_CLASSES = ""
-
-      DEFAULT_TAG = :tr
-
-      BASE_SELECTION_CLASSES = ""
-      renders_one :selection_cell, lambda { |classes: "", attributes: {}|
-        actual_classes = merge_class_names(BASE_SELECTION_CLASSES, classes)
-        if header?
-          Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem.new(classes: actual_classes, attributes: attributes)
-        else
-          Ariadne::TableNavComponent::BaseCellItem::CellItem.new(classes: actual_classes, attributes: attributes)
-        end
-      }
-
-      BASE_MAIN_CLASSES = "ariadne-pr-5"
-      renders_one :main_cell, lambda { |classes: "", attributes: {}|
-        actual_classes = merge_class_names(BASE_MAIN_CLASSES, classes)
-        if header?
-          Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem.new(classes: actual_classes, attributes: attributes)
-        else
-          Ariadne::TableNavComponent::BaseCellItem::CellItem.new(classes: actual_classes, attributes: attributes)
-        end
-      }
-
-      attr_reader :classes, :attributes
-
-      def initialize(classes: "", attributes: {})
-        @tag = DEFAULT_TAG
-        @classes = merge_class_names(BASE_ROW_CLASSES, classes)
-
-        @attributes = attributes
-      end
-
-      private def linked?
-        @href.present?
-      end
-
-      private def header?
-        @header.present?
-      end
-
-      def call
-        Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)
-      end
-
-      # This component is part of `TableNavComponent` and should not be
-      # used as a standalone component.
-      class RowItem < Ariadne::TableNavComponent::BaseRowItem
-        DEFAULT_ROW_CLASSES = "ariadne-bg-white"
-        DEFAULT_METADATA_CLASSES = ""
-        renders_many :metadata_cells, lambda { |classes: "", attributes: {}|
-          actual_classes = merge_class_names(DEFAULT_METADATA_CLASSES, classes)
-          Ariadne::TableNavComponent::BaseCellItem::CellItem.new(classes: actual_classes, attributes: attributes)
-        }
-
-        attr_reader :href
-
-        def initialize(classes: "", attributes: {})
-          @header = false
-
-          actual_classes = merge_class_names(DEFAULT_ROW_CLASSES, classes)
-
-          super(classes: actual_classes, attributes: attributes)
-        end
-      end
-
-      # This component is part of `TableNavComponent` and should not be
-      # used as a standalone component.
-      class HeaderRowItem < Ariadne::TableNavComponent::BaseRowItem
-        DEFAULT_HEADER_ROW_CLASSES = "ariadne-bg-gray-50 ariadne-text-left"
-
-        renders_many :action_cells, lambda { |classes: "", attributes: {}|
-          Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem.new(classes: classes, attributes: attributes)
-        }
-
-        def initialize(classes: "", attributes: {})
-          @header = true
-
-          actual_classes = merge_class_names(
-            DEFAULT_HEADER_ROW_CLASSES,
-            classes,
-          )
-
-          super(classes: actual_classes, attributes: attributes)
-        end
-      end
-    end
-
-    # This component is part of `TableNavComponent` and should not be
-    # used as a standalone component.
-    class BaseCellItem < Ariadne::TableNavComponent
-      DEFAULT_CELL_CLASSES = "ariadne-py-3.5 ariadne-pl-4 ariadne-pr-3 ariadne-text-left ariadne-text-sm ariadne-text-gray-900"
-
-      attr_writer :first, :last
-
-      def initialize(classes: "", attributes: {})
-        @classes = merge_class_names(
-          DEFAULT_CELL_CLASSES,
-          classes,
-        )
-
-        @attributes = attributes
-      end
-
-      def call
-        render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do
-          content
-        end
-      end
-
-      # This component is part of `TableNavComponent` and should not be
-      # used as a standalone component.
-      class HeaderCellItem < Ariadne::TableNavComponent::BaseCellItem
-        DEFAULT_HEADER_CELL_CLASSES = "ariadne-py-3.5 ariadne-pl-4 ariadne-pr-3 ariadne-text-left ariadne-text-sm ariadne-font-semibold ariadne-text-gray-900 sm:ariadne-pl-6 md:ariadne-pl-0"
-
-        DEFAULT_TAG = :th
-
-        WIDTH_CLASSES = {
-          none: "ariadne-flex-none ariadne-w-14 ariadne-px-4",
-          default: "ariadne-flex-initial",
-          narrow: "ariadne-flex-initial ariadne-w-1/5 ariadne-text-right",
-          wide: "ariadne-flex-grow ariadne-w-3/5 sm:ariadne-pl-6",
-        }
-
-        # TODO: add one_of check for width
-        def initialize(classes: "", attributes: {})
-          @tag = DEFAULT_TAG
-          actual_classes = merge_class_names(DEFAULT_HEADER_CELL_CLASSES, classes)
-          attributes["scope"] = "col"
-          super(classes: actual_classes, attributes: attributes)
-        end
-      end
-
-      # This component is part of `TableNavComponent` and should not be
-      # used as a standalone component.
-      class CellItem < Ariadne::TableNavComponent::BaseCellItem
-        DEFAULT_CELL_CLASSES = ""
-
-        DEFAULT_TAG = :td
-
-        # TODO: add one_of check for width
-        def initialize(classes: "", attributes: {})
-          @tag = DEFAULT_TAG
-          actual_classes = merge_class_names(DEFAULT_CELL_CLASSES, classes)
-          super(classes: actual_classes, attributes: attributes)
-        end
-      end
-    end
-
-    # This component is part of `TableNavComponent` and should not be
-    # used as a standalone component.
-    class FooterItem < Ariadne::TableNavComponent
-      DEFAULT_FOOTER_CLASSES = "ariadne-border-none ariadne-flex ariadne-items-center ariadne-justify-between ariadne-px-4 ariadne-py-3 sm:ariadne-px-6"
-
-      DEFAULT_RESULT_CLASSES = "ariadne-text-sm ariadne-text-gray-700"
-      renders_one :records_info, lambda { |classes: "", attributes: {}|
-        actual_classes = merge_class_names(DEFAULT_RESULT_CLASSES, classes)
-        Ariadne::BaseComponent.new(tag: :p, classes: actual_classes, attributes: attributes)
-      }
-
-      renders_one :pagination_bar, "Ariadne::TableNavComponent::PaginationBarItem"
-
-      attr_reader :classes, :attributes
-
-      def initialize(classes: "", attributes: {})
-        @classes = merge_class_names(
-          DEFAULT_FOOTER_CLASSES,
-          classes,
-        )
-
-        @attributes = attributes
-      end
-
-      def call
-        render(Ariadne::BaseComponent.new(tag: :div, classes: @classes, attributes: @attributes)) do
-          records_info.to_s + pagination_bar.to_s
-        end
-      end
-    end
-
-    # This component is part of `TableNavComponent` and should not be
-    # used as a standalone component.
-    class PaginationBarItem < Ariadne::FooterComponent
-      DEFAULT_PREV_PAGE_CLASSES = "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-l-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20"
-      renders_one :prev_page, lambda { |disabled: false, href:, classes: "", attributes: {}|
-        if disabled
-          actual_classes = merge_class_names(DEFAULT_PREV_PAGE_CLASSES, "ariadne-bg-gray-50", classes)
-
-          render(Ariadne::BaseComponent.new(tag: :span, classes: actual_classes, attributes: attributes)) do
-            render(Ariadne::HeroiconComponent.new(icon: "chevron-left", size: :sm, variant: :mini, text_attributes: { "aria-hidden": true }, text_classes: "ariadne-sr-only"))
-          end
-        else
-          actual_classes = merge_class_names(DEFAULT_PREV_PAGE_CLASSES, "hover:ariadne-bg-gray-50", classes)
-          attributes[:"aria-label"] = "previous"
-
-          render(Ariadne::LinkComponent.new(href: href, classes: actual_classes, attributes: attributes)) do
-            render(Ariadne::HeroiconComponent.new(icon: "chevron-left", size: :sm, variant: :mini, text_attributes: { "aria-hidden": true }, text_classes: "ariadne-sr-only"))
-          end
-        end
-      }
-
-      DEFAULT_PAGE_CLASSES = "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20"
-      DEFAULT_CURRENT_PAGE_CLASSES = "ariadne-relative ariadne-z-10 ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-slate-500 ariadne-bg-slate-50 ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-slate-600 focus:ariadne-z-20"
-      DEFAULT_GAP_CLASSES = " ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-700"
-      renders_many :items, lambda { |link:, classes: "", attributes: {}|
-        page, href = link
-        if page.is_a?(Integer)
-          actual_classes = merge_class_names(DEFAULT_PAGE_CLASSES, classes)
-          render(Ariadne::LinkComponent.new(href: href, classes: actual_classes, attributes: attributes)) { page.to_s }
-        elsif page.is_a?(String)
-          actual_classes = merge_class_names(DEFAULT_CURRENT_PAGE_CLASSES, classes)
-          render(Ariadne::LinkComponent.new(href: href, classes: actual_classes, attributes: attributes)) { page.to_s }
-        elsif page == :gap
-          actual_classes = merge_class_names(DEFAULT_GAP_CLASSES, classes)
-          render(Ariadne::BaseComponent.new(tag: :span, classes: actual_classes, attributes: attributes)) { h(href.to_s) }
-        end
-      }
-
-      DEFAULT_NEXT_PAGE_CLASSES = "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-r-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20"
-      renders_one :next_page, lambda { |disabled: false, href:, classes: "", attributes: {}|
-        if disabled
-          actual_classes = merge_class_names(DEFAULT_NEXT_PAGE_CLASSES, "ariadne-bg-gray-50", classes)
-
-          render(Ariadne::BaseComponent.new(tag: :span, classes: actual_classes, attributes: attributes)) do
-            render(Ariadne::HeroiconComponent.new(icon: "chevron-right", size: :sm, variant: :mini, text_attributes: { "aria-hidden": true }, text_classes: "ariadne-sr-only"))
-          end
-        else
-          actual_classes = merge_class_names(DEFAULT_NEXT_PAGE_CLASSES, "hover:ariadne-bg-gray-50", classes)
-          attributes[:"aria-label"] = "next"
-
-          render(Ariadne::LinkComponent.new(href: href, classes: actual_classes, attributes: attributes)) do
-            render(Ariadne::HeroiconComponent.new(icon: "chevron-right", size: :sm, variant: :mini, text_attributes: { "aria-hidden": true }, text_classes: "ariadne-sr-only"))
-          end
-        end
-      }
-
-      attr_reader :classes, :attributes
-
-      DEFAULT_PAGINATOR_CLASSES = "ariadne-flex ariadne-items-center ariadne-justify-between ariadne-m-10"
-      def initialize(classes: "", attributes: {})
-        @classes = merge_class_names(
-          DEFAULT_PAGINATOR_CLASSES,
-          classes,
-        )
-
-        @attributes = attributes
-        @attributes[:"aria-label"] ||= "paginator"
-      end
-    end
-  end
-end

data/app/components/ariadne/text.rb

@@ -1,25 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # `Text` is a wrapper component that will apply typography styles to the text inside.
-  class Text < Ariadne::Component
-    DEFAULT_TAG = :span
-
-    # @example Default
-    #   <%= render(Ariadne::Text.new(tag: :p, attributes: { font_weight: :bold })) { "Bold Text" } %>
-    #   <%= render(Ariadne::Text.new(tag: :p, attributes: { color: :danger })) { "Danger Text" } %>
-    #
-    # @param tag [Symbol, String] The rendered tag name
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(tag: DEFAULT_TAG, classes: "", attributes: {})
-      @tag = tag
-      @classes = classes
-      @attributes = attributes
-    end
-
-    def call
-      render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) { content }
-    end
-  end
-end

data/app/components/ariadne/time_ago_component/time-ago-component.ts

@@ -1 +0,0 @@
-import '@github/time-elements'

data/app/components/ariadne/time_ago_component.rb

@@ -1,56 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Displays a time ariadne-relative to how long ago it was. This component requires JavaScript.
-  class TimeAgoComponent < Ariadne::Component
-    DEFAULT_TAG = :"time-ago"
-    TAG_OPTIONS = [DEFAULT_TAG].freeze
-
-    DEFAULT_CLASSES = "ariadne-whitespace-nowrap"
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::TimeAgoComponent.new(time: Time.now)) %>
-    #
-    # @param tag [Symbol, String] The rendered tag name.
-    # @param time [Time] The time to be formatted
-    # @param micro [Boolean] If true then the text will be formatted in "micro" mode, using as few characters as possible
-    # @param classes [String] <%%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(tag: DEFAULT_TAG, time:, micro: false, classes: "", attributes: {})
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-      @classes = merge_class_names(
-        DEFAULT_CLASSES,
-        classes,
-      )
-
-      @time = time
-      @micro = micro
-      @attributes = attributes
-      @attributes[:datetime] = @time.utc.iso8601
-      @attributes[:format] = "micro" if @micro
-    end
-
-    def call
-      render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) { time_in_words }
-    end
-
-    private def time_in_words
-      return @time.in_time_zone.strftime("%b %-d, %Y") unless @micro
-
-      seconds_ago = Time.current - @time
-
-      if seconds_ago < 1.minute
-        "1m"
-      elsif seconds_ago >= 1.minute && seconds_ago < 1.hour
-        "#{(seconds_ago / 60).floor}m"
-      elsif seconds_ago >= 1.hour && seconds_ago < 1.day
-        "#{(seconds_ago / 60 / 60).floor}h"
-      elsif seconds_ago >= 1.day && seconds_ago < 1.year
-        "#{(seconds_ago / 60 / 60 / 24).floor}d"
-      elsif seconds_ago >= 1.year
-        "#{(seconds_ago / 60 / 60 / 24 / 365).floor}y"
-      end
-    end
-  end
-end

data/app/components/ariadne/timeline_component/timeline_component.html.erb

@@ -1,19 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do %>
-  <div>
-    <div class="ariadne-divide-y ariadne-divide-gray-200">
-      <div class="ariadne-pb-4">
-        <h2 id="activity-title" class="ariadne-text-lg ariadne-font-medium ariadne-text-gray-900">Timeline</h2>
-      </div>
-      <div class="ariadne-pt-6">
-        <!-- Activity feed-->
-        <div class="ariadne-flow-root">
-          <ul role="list" class="ariadne--mb-8">
-            <% items.each do %>
-              <%= items %>
-            <% end %>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-<% end %>

data/app/components/ariadne/timeline_component.rb

@@ -1,34 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Represents a linear timeline of events. Typically, this is shown
-  # as part of the Conversation component.
-  class TimelineComponent < Ariadne::Component
-    DEFAULT_TAG = :div
-    DEFAULT_CLASSES = ""
-
-    # The sub-items(s) to render
-    renders_many :items, lambda { |static_content = nil, &block|
-      next static_content if static_content.present?
-
-      view_context.capture { block&.call }
-    }
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::TimelineComponent.new) { "Example" } %>
-    #
-    # @param tag [Symbol, String] The rendered tag name
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(tag: DEFAULT_TAG, classes: "", attributes: {})
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-      @classes = merge_class_names(
-        DEFAULT_CLASSES,
-        classes,
-      )
-
-      @attributes = attributes
-    end
-  end
-end

data/app/components/ariadne/tooltip_component/tooltip-component.ts

@@ -1,57 +0,0 @@
-import {Controller} from '@hotwired/stimulus'
-import {createPopper} from '@popperjs/core'
-import type {Instance, Placement} from '@popperjs/core'
-
-export default class TooltipComponent extends Controller {
-  static targets = ['trigger', 'tooltip']
-  declare readonly triggerTarget: HTMLElement
-  declare readonly tooltipTarget: HTMLElement
-
-  static values = {
-    placement: {type: String, default: 'top'},
-    offset: {type: Array, default: [0, 8]},
-  }
-  declare readonly placementValue: Placement
-  declare readonly offsetValue: Array<number>
-
-  popperInstance: Instance
-
-  // Create a new Popper instance
-  connect() {
-    this.popperInstance = createPopper(this.triggerTarget, this.tooltipTarget, {
-      placement: this.placementValue,
-      modifiers: [
-        {
-          name: 'offset',
-          options: {
-            offset: this.offsetValue,
-          },
-        },
-      ],
-    })
-  }
-
-  // Destroy the Popper instance
-  disconnect() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy()
-    }
-  }
-
-  show() {
-    this.tooltipTarget.setAttribute('data-tooltip-show', '')
-    this.tooltipTarget.classList.remove('ariadne-invisible')
-
-    // We need to tell Popper to update the tooltip position
-    // after we show the tooltip, otherwise it will be incorrect
-    this.popperInstance.update()
-    this.dispatch('shown', {detail: {trigger: this.triggerTarget, tooltip: this.tooltipTarget}})
-  }
-
-  hide() {
-    this.tooltipTarget.removeAttribute('data-tooltip-show')
-    this.tooltipTarget.classList.add('ariadne-invisible')
-
-    this.dispatch('ariadne-hidden', {detail: {trigger: this.triggerTarget, tooltip: this.tooltipTarget}})
-  }
-}

data/app/components/ariadne/tooltip_component/tooltip_component.html.erb

@@ -1,4 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do %>
-  <span><%= @text %></span>
-  <span class="ariadne-tooltip-arrow ariadne-absolute ariadne-block" data-popper-arrow></span>
-<% end %>

data/app/components/ariadne/tooltip_component.rb

@@ -1,108 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # `Tooltip` only appears on mouse hover or keyboard focus and contain a label or description text.
-  # Use tooltips sparingly and as a last resort.
-  #
-  # When using a tooltip, follow the provided guidelines to avoid accessibility issues.
-  #
-  # - Tooltip text should be brief and to the point. The tooltip content must be a string.
-  # - Tooltips should contain only **non-essential text**. Tooltips can easily be missed and are not accessible on touch devices so never
-  #  use tooltips to convey critical information.
-  #
-  # @accessibility
-  #   - **Never set tooltips on static elements.** Tooltips should only be used on interactive elements like buttons or links to avoid excluding keyboard-only users
-  #   and screen reader users.
-  #   - Place `Tooltip` adjacent after its trigger element in the DOM. This allows screen reader users to navigate to and copy the tooltip
-  #   content.
-  #   ### Which `type` should I set?
-  #   Setting `:description` establishes an `aria-describedby` relationship, while `:label` establishes an `aria-labelledby` relationship between the trigger element and the tooltip,
-  #
-  #   The `type` drastically changes semantics and screen reader behavior so follow these guidelines carefully:
-  #   - When there is already a visible label text on the trigger element, the tooltip is likely intended to supplement the existing text, so set `type: :description`.
-  #   The majority of tooltips will fall under this category.
-  #   - When there is no visible text on the trigger element and the tooltip content is appropriate as a label for the element, set `type: :label`.
-  #   This type is usually only appropriate for an icon-only control.
-  class TooltipComponent < Ariadne::Component
-    DEFAULT_TAG = :tooltip
-    DEFAULT_PLACEMENT = :top
-    VALID_PLACEMENTS = [DEFAULT_PLACEMENT, :right, :bottom, :left].freeze
-
-    DEFAULT_CLASSES = "ariadne-invisible ariadne-absolute ariadne-bg-slate-900 ariadne-text-white ariadne-font-semibold ariadne-max-w-xs ariadne-py-1 ariadne-px-2 ariadne-rounded ariadne-z-max"
-
-    DATA_CONTROLLER = "tooltip-component"
-    DATA_ACTION = "mouseover->tooltip-component#show mouseout->tooltip-component#hide"
-
-    TYPE_DEFAULT = :description
-    VALID_TYPES = [:label, TYPE_DEFAULT].freeze
-
-    # DEFAULT_DATA_ATTRIBUTES = {
-    #   "data-controller": DATA_CONTROLLER,
-    #   "data-action": "mouseover->tooltip-component#show mouseout->tooltip-component#hide",
-    #   "data-tooltip-component-placement": DEFAULT_PLACEMENT,
-    # }
-
-    # @example As a description for an icon-only button
-    #   @description
-    #     If the tooltip content provides supplementary description, set `type: :description` to establish an `aria-describedby` relationship.
-    #     The trigger element should also have a _concise_ accessible label via `aria-label`.
-    #   @code
-    #     <%= render(Ariadne::HeroiconComponent.new(icon: :moon, variant: HeroiconsHelper::Icon::VARIANT_OUTLINE, attributes: { id: "bold-button-0" })) %>
-    #     <%= render(Ariadne::TooltipComponent.new(for_id: "bold-button-0", type: :description, text: "Add bold text", direction: :top)) %>
-    # @example As a label for an icon-only button
-    #   @description
-    #     If the tooltip labels the icon-only button, set `type: :label`. This tooltip content becomes the accessible name for the button.
-    #   @code
-    #     <%= render(Ariadne::ButtonComponent.new(attributes: { id: "like-button" })) { "👍" } %>
-    #     <%= render(Ariadne::TooltipComponent.new(for_id: "like-button", type: :label, text: "Like", direction: :top)) %>
-    #
-    # @example As a description for a button with visible label
-    #   @description
-    #     If the button already has visible label text, the tooltip content is likely supplementary so set `type: :description`.
-    #   @code
-    #     <%= render(Ariadne::ButtonComponent.new(attributes: {id: "save-button"}, scheme: :success)) { "Save" } %>
-    #     <%= render(Ariadne::TooltipComponent.new(for_id: "save-button", type: :description, text: "This will immediately impact all organization members", direction: :right)) %>
-    # @example With direction
-    #   @description
-    #     Set direction of tooltip with `direction`. The tooltip is responsive and will automatically adjust direction to avoid cutting off.
-    #   @code
-    #     <%= render(Ariadne::ButtonComponent.new(attributes: {id: "North", m: 2})) { "North" } %>
-    #     <%= render(Ariadne::TooltipComponent.new(for_id: "North", type: :description, text: "This is a North-facing tooltip, and is responsive.", direction: :top)) %>
-    #     <%= render(Ariadne::ButtonComponent.new(attributes: {id: "South", m: 2})) { "South" } %>
-    #     <%= render(Ariadne::TooltipComponent.new(for_id: "South", type: :description, text: "This is a South-facing tooltip and is responsive.", direction: :bottom)) %>
-    #     <%= render(Ariadne::ButtonComponent.new(attributes: {id: "East", m: 2})) { "East" } %>
-    #     <%= render(Ariadne::TooltipComponent.new(for_id: "East", type: :description, text: "This is a East-facing tooltip and is responsive.", direction: :right)) %>
-    #     <%= render(Ariadne::ButtonComponent.new(attributes: {id: "West", m: 2})) { "West" } %>
-    #     <%= render(Ariadne::TooltipComponent.new(for_id: "West""", type: :description, text: "This is a West-facing tooltip and is responsive.", direction: :left)) %>
-    # @example With relative parent
-    #   @description
-    #     When the tooltip and trigger element have a parent container with `relative: position`, it should not affect width of the tooltip.
-    #   @code
-    #     <span style="position: relative;">
-    #       <%= render(Ariadne::ButtonComponent.new(attributes: {id: "test-button"}, scheme: :info)) { "Test" } %>
-    #       <%= render(Ariadne::TooltipComponent.new(for_id: "test-button", type: :description, text: "This tooltip should take up the full width", direction: :bottom)) %>
-    #     </span>
-    # @param tag [Symbol, String] The rendered tag name
-    # @param for_id [String] The ID of the element that the tooltip should be attached to.
-    # @param text [String] The text content of the tooltip. This should be brief and no longer than a sentence.
-    # @param type [Symbol] <%= one_of(Ariadne::TooltipComponent::VALID_TYPES) %>
-    # @param direction [Symbol] <%= one_of(Ariadne::TooltipComponent::VALID_PLACEMENTS) %>
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(tag: DEFAULT_TAG, for_id:, text:, type: TYPE_DEFAULT, direction: DEFAULT_PLACEMENT, classes: "", attributes: {})
-      raise TypeError, "tooltip text must be a string" unless text.is_a?(String)
-
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-
-      @text = text
-      @classes = merge_class_names(DEFAULT_CLASSES, classes)
-
-      @attributes = attributes
-      @attributes[:for] = for_id
-
-      @attributes[:"data-tooltip-component-placement"] = fetch_or_raise(VALID_PLACEMENTS, direction)
-      @attributes[:"data-type"] = fetch_or_raise(VALID_TYPES, type)
-      @attributes[:"data-tooltip-component-target"] = "tooltip"
-    end
-  end
-end

data/app/lib/ariadne/action_view_extensions/form_helper.rb

@@ -1,30 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  module ActionViewExtensions
-    # :nodoc:
-    module FormHelper
-      include ClassNameHelper
-
-      DEFAULT_FORM_CLASSES = "ariadne-space-y-8 sm:ariadne-space-y-5"
-      def ariadne_form_with(model: nil, scope: nil, url: nil, format: nil, classes: "", attributes: {}, **options, &block)
-        options[:class] = merge_class_names(DEFAULT_FORM_CLASSES, options[:class])
-        options[:builder] ||= Ariadne::FormBuilder
-        options[:html] = attributes
-
-        data_controller = options[:html].fetch(:"data-controller", "")
-        options[:html][:"data-controller"] = if data_controller.present?
-          "#{data_controller} ariadne-form"
-        else
-          "ariadne-form"
-        end
-
-        form_with(model: model, scope: scope, url: url, format: format, **options, &block)
-      end
-    end
-  end
-end
-
-ActiveSupport.on_load(:action_view) do
-  include Ariadne::ActionViewExtensions::FormHelper
-end