ariadne_view_components 0.0.59 → 0.0.64

data/app/components/ariadne/popover_component.rb

@@ -1,81 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Displays content in a box that hovers over other content
-  class PopoverComponent < Ariadne::Component
-    DEFAULT_TAG = :div
-    TAG_OPTIONS = [DEFAULT_TAG].freeze
-
-    DIRECTIONS = [:top, :right, :bottom, :left]
-
-    # Menu: List of selectable items (ie: navigation)
-    # Dialog: Essentiall a modal
-    # Listbox: Something like a dropdown for a <select> element
-    # Tooltip: plain text
-    ROLES = [:menu, :dialog, :listbox, :tooltip]
-    HORIZONTAL_ALIGNMENTS = [:left, :right, :center]
-
-    DEFAULT_CLASSES = {
-      wrapper: "ariadne-group ariadne-relative ariadne-w-fit",
-      items: "ariadne-w-fit ariadne-absolute ariadne-shadow-lg ariadne-z-10 ariadne-p-2 ariadne-bg-white ariadne-rounded-md",
-      base: "ariadne-inline-block",
-    }
-
-    ITEMS_DIRECITON_CLASSES = "group-data-[popover-direction=top]:ariadne-bottom-full group-data-[popover-direction=top]:-ariadne-translate-y-2 group-data-[popover-direction=bottom]:ariadne-top-full group-data-[popover-direction=bottom]:ariadne-translate-y-2"
-    ITEMS_HORIZONTAL_ALIGNMENT_CLASSES = "group-data-[popover-horizontal-alignment=left]:ariadne-left-0 group-data-[popover-horizontal-alignment=right]:ariadne-right-0 group-data-[popover-horizontal-alignment=center]:ariadne-left-1/2 group-data-[popover-horizontal-alignment=center]:-ariadne-translate-x-1/2"
-    ITEMS_VISIBILITY_CLASSES = "group-data-[popover-visible=false]:ariadne-hidden"
-
-    DEFAULT_ATTRIBUTES = {
-      "data-controller": "toggleable",
-      "data-action": "click->toggleable#toggle",
-      "data-toggleable-synced-attrs-value": '["data-popover-visible"]',
-    }
-
-    renders_one :base
-
-    renders_many :items
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::PopoverComponent.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,
-      direction: :bottom,
-      classes: "",
-      role:,
-      attributes: {},
-      horizontal_alignment: :center,
-      initial_visible: false,
-      base_wrapper_classes: "",
-      items_wrapper_classes: ""
-    )
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-      @direction = fetch_or_raise(DIRECTIONS, direction)
-      @horizontal_alignment = fetch_or_raise(HORIZONTAL_ALIGNMENTS, horizontal_alignment)
-      @role = fetch_or_raise(ROLES, role)
-      @classes = merge_class_names(DEFAULT_CLASSES[:wrapper], classes)
-
-      @attributes = DEFAULT_ATTRIBUTES
-        .merge({
-          "data-popover-direction": @direction,
-          "data-popover-horizontal-alignment": @horizontal_alignment,
-          "data-popover-visible": initial_visible,
-          "data-toggleable-close-on-outside-click-value": true,
-        })
-        .merge(attributes)
-
-      @base_classes = merge_class_names(DEFAULT_CLASSES[:base], base_wrapper_classes)
-      @items_wrapper_classes = merge_class_names(
-        DEFAULT_CLASSES[:items],
-        ITEMS_DIRECITON_CLASSES,
-        ITEMS_HORIZONTAL_ALIGNMENT_CLASSES,
-        ITEMS_VISIBILITY_CLASSES,
-        items_wrapper_classes,
-      )
-    end
-  end
-end

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

@@ -1,5 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do |c| %>
-  <% items.each do |item| %>
-    <%= item %>
-  <% end %>
-<% end %>

data/app/components/ariadne/progress_bar_component.rb

@@ -1,63 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Bar used to show a progress in an activity, supports single bars or multiple bars within one component
-  # use aria-labelledby and aria-describedby to describe the progress bar's purpose
-  class ProgressBarComponent < Ariadne::Component
-    DEFAULT_TAGS = {
-      wrapper: :div,
-      item: :div,
-    }
-
-    DEFAULT_CLASSES = {
-      wrapper: "ariadne-flex ariadne-gap-1 ariadne-bg-slate-200 ariadne-rounded-md ariadne-overflow-hidden",
-      item: "",
-    }
-
-    DEFAULT_ATTRIBUTES = {
-      wrapper: {
-        role: "progressbar",
-        "data-controller": "accumulator",
-        "aria-valuenow": 0,
-      },
-      item: { "data-accumulator-target": "sum" },
-    }
-
-    BAR_SIZES = {
-      sm: "ariadne-h-2",
-      md: "ariadne-h-3",
-      lg: "ariadne-h-4",
-    }
-
-    renders_many :items, lambda { |tag: DEFAULT_TAGS[:item], classes: "", value: 0, attributes: {}|
-      Ariadne::BaseComponent.new(
-        tag: check_incoming_tag(DEFAULT_TAGS[:item], tag),
-        classes: merge_class_names(DEFAULT_CLASSES[:item], BAR_SIZES[@size], classes),
-        attributes: DEFAULT_ATTRIBUTES[:item].merge({
-          style: "width: #{(value - @min).to_f / (@max - @min) * 100}%",
-          "data-value": value,
-        }).merge(attributes),
-      )
-    }
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::ProgressBarComponent.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_TAGS[:wrapper], min: 0, max: 100, classes: "", size: :md, attributes: {})
-      @tag = check_incoming_tag(DEFAULT_TAGS[:wrapper], tag)
-      @classes = merge_class_names(DEFAULT_CLASSES[:wrapper], classes)
-
-      @min = min
-      @max = max
-      @size = size
-      @attributes = DEFAULT_ATTRIBUTES[:wrapper].merge({
-        "aria-valuemin": @min,
-        "aria-valuemax": @max,
-      }).merge(attributes)
-    end
-  end
-end

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

@@ -1,3 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do |component| %>
-  <%= @formatted_date %>
-<% end %>

data/app/components/ariadne/relative_time_component.rb

@@ -1,61 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Converts time into a display-friendly format in a relative time (3d) or absolute date after a default of 30 days
-  class RelativeTimeComponent < Ariadne::Component
-    DEFAULT_TAG = :span
-    TAG_OPTIONS = [DEFAULT_TAG].freeze
-    DEFAULT_DATE_FORMAT = "%b %-d, %Y"
-    DEFAULT_DATE_FORMAT_SWITCH = 30 * 24 * 60 * 60
-
-    DEFAULT_CLASSES = ""
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::RelativeTimeComponent.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: "",
-      time: nil,
-      format: DEFAULT_DATE_FORMAT,
-      date_format_switch: DEFAULT_DATE_FORMAT_SWITCH,
-      force_relative: false,
-      attributes: {}
-    )
-      raise ArgumentError, "A 'time' argument is required to use the Relative Time component." if time.blank?
-
-      @now = 1.second.ago
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-      @classes = merge_class_names(DEFAULT_CLASSES, classes)
-      @time = time
-      @date_format_switch = date_format_switch
-      @format = format
-      @force_relative = force_relative
-      @attributes = attributes
-
-      @formatted_date = formatted
-    end
-
-    private def formatted_time
-      @time.localtime.strftime(@format)
-    end
-
-    private def time_difference
-      (@now - @time).to_i.abs
-    end
-
-    private def formatted
-      diff = time_difference
-
-      if @force_relative || diff < @date_format_switch
-        time_ago_in_words(@time)
-      else
-        @time.localtime.strftime(@format)
-      end
-    end
-  end
-end

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

@@ -1,11 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do |component| %>
-  <%= render Ariadne::ButtonComponent.new(classes: @button_classes, attributes: @button_attributes) do |button| %>
-    <%= @button_text %>
-  <% end %>
-  <div
-    class="ariadne-max-h-full aria-hidden:ariadne-max-h-0 ariadne-overflow-hidden ariadne-my-2 ariadne-border-solid ariadne-border-2 aria-selected:ariadne-hidden aria-selected:ariadne-border-green-300 aria-selected:ariadne-border-solid aria-selected:ariadne-border-2 ariadne-border-transparent ariadne-min-w-[21rem] ariadne-whitespace-nowrap ariadne-text-ellipsis" data-controller="toggleable" aria-hidden="true" data-toggleable-anti-attrs-value='["aria-hidden"]' data-toggleable-outlet="<%= @outlet %>">
-    <% hiddens.each do |hidden| %>
-      <%= hidden %>
-    <% end %>
-  </div>
-<% end %>

data/app/components/ariadne/show_more_button_component.rb

@@ -1,47 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Add a general description of component here
-  # Add additional usage considerations or best practices that may aid the user to use the component correctly.
-  # @accessibility Add any accessibility considerations
-  class ShowMoreButtonComponent < Ariadne::Component
-    DEFAULT_TAG = :div
-    TAG_OPTIONS = [DEFAULT_TAG].freeze
-
-    DEFAULT_CLASSES = { wrapper: "ariadne-group", button: "ariadne-px-2 ariadne-py-0" }
-
-    DEFAULT_ATTRIBUTES = {
-      wrapper: {
-        "data-controller": "toggleable",
-      },
-      button: {
-        "data-action": "click->toggleable#toggle",
-      },
-    }
-
-    renders_many :hiddens
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::ShowMoreButtonComponent.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: "", button_text: "...", outlet: nil, attributes: {})
-      raise ArgumentError, "An 'aria-label' attribute is required to use the Show More Button. Include as much detail as you can about the content to be shown to assist screen readers." if attributes.blank? || attributes["aria-label"].blank?
-      raise ArgumentError, "An 'outlet' attribute is required to use the Show More Button. This will ensure controllers can correctly identify states to update." if outlet.blank?
-
-      @outlet = outlet
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-      @classes = merge_class_names(DEFAULT_CLASSES[:wrapper], classes)
-      @attributes = DEFAULT_ATTRIBUTES[:wrapper]
-        .merge({ "data-toggleable-toggleable-outlet": "[data-toggleable-outlet=#{@outlet}]" })
-        .merge(attributes)
-
-      @button_classes = merge_class_names(DEFAULT_CLASSES[:button], classes)
-      @button_attributes = DEFAULT_ATTRIBUTES[:button].merge(attributes)
-      @button_text = button_text
-    end
-  end
-end

data/app/components/ariadne/slideover_component/slideover-component.d.ts

@@ -1,9 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-export default class SlideoverComponent extends Controller {
-    static targets: string[];
-    readonly expandableTarget: HTMLDivElement;
-    readonly expandWrapperTarget: HTMLDivElement;
-    readonly slidePanelTargets: [HTMLDivElement];
-    readonly buttonWrapperTarget: HTMLDivElement;
-    toggle(): void;
-}

data/app/components/ariadne/slideover_component/slideover-component.js

@@ -1,11 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-class SlideoverComponent extends Controller {
-    toggle() {
-        this.expandableTarget.classList.toggle('ariadne-hidden');
-        for (const slidePanel of this.slidePanelTargets) {
-            slidePanel.classList.toggle('ariadne-hidden');
-        }
-    }
-}
-SlideoverComponent.targets = ['expandable', 'expandWrapper', 'slidePanel', 'buttonWrapper'];
-export default SlideoverComponent;

data/app/components/ariadne/slideover_component/slideover-component.ts

@@ -1,17 +0,0 @@
-import {Controller} from '@hotwired/stimulus'
-
-export default class SlideoverComponent extends Controller {
-  static targets = ['expandable', 'expandWrapper', 'slidePanel', 'buttonWrapper']
-
-  declare readonly expandableTarget: HTMLDivElement
-  declare readonly expandWrapperTarget: HTMLDivElement
-  declare readonly slidePanelTargets: [HTMLDivElement]
-  declare readonly buttonWrapperTarget: HTMLDivElement
-
-  toggle() {
-    this.expandableTarget.classList.toggle('ariadne-hidden')
-    for (const slidePanel of this.slidePanelTargets) {
-      slidePanel.classList.toggle('ariadne-hidden')
-    }
-  }
-}

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

@@ -1,9 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do |slideover| %>
-  <div data-slideover-component-target="expandable" class="ariadne-hidden ariadne-px-3">
-    <%= content %>
-  </div>
-  <div data-slideover-component-target="buttonWrapper" class="ariadne-relative ariadne-flex ariadne-justify-center">
-    <%= open_button %>
-    <%= close_button %>
-  </div>
-<% end %>

data/app/components/ariadne/slideover_component.rb

@@ -1,66 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Add a general description of component here
-  # Add additional usage considerations or best practices that may aid the user to use the component correctly.
-  # @accessibility Add any accessibility considerations
-  class SlideoverComponent < Ariadne::Component
-    DEFAULT_TAG = :div
-    TAG_OPTIONS = [DEFAULT_TAG].freeze
-
-    DIRECTION_Y_DOWN = :yd
-    DIRECTION_X_LEFT = :xl
-    VALID_DIRECTIONS = [DIRECTION_Y_DOWN, DIRECTION_X_LEFT].freeze
-
-    DEFAULT_CLASSES = "ariadne-flex ariadne-flex-col"
-
-    DEFAULT_BUTTON_CLASSES = "ariadne-inline-flex ariadne-items-center ariadne-shadow-sm ariadne-px-4 ariadne-py-1.5 ariadne-pb-2 ariadne-text-sm ariadne-leading-5 ariadne-font-medium ariadne-rounded-full " + Ariadne::ButtonComponent::SCHEME_CLASS_MAPPINGS[:default]
-    renders_one :open_button, lambda { |selected: false, classes: "", attributes: {}|
-      actual_classes = merge_class_names(DEFAULT_BUTTON_CLASSES, classes, selected ? "" : BASE_HIDDEN_CLASS)
-
-      attributes[:id] ||= "btnOpen"
-      attributes[:"data-slideover-component-target"] ||= "slidePanel"
-      attributes[:"data-action"] ||= "click->slideover-component#toggle"
-      attributes[:type] ||= "submit"
-
-      Ariadne::ButtonComponent.new(classes: actual_classes, attributes: attributes)
-    }
-
-    renders_one :close_button, lambda { |selected: false, classes: "", attributes: {}|
-      actual_classes = merge_class_names(DEFAULT_BUTTON_CLASSES, classes, selected ? "" : BASE_HIDDEN_CLASS)
-
-      attributes[:id] ||= "btnClose"
-      attributes[:"data-slideover-component-target"] ||= "slidePanel"
-      attributes[:"data-action"] ||= "click->slideover-component#toggle"
-      attributes[:type] ||= "submit"
-
-      Ariadne::ButtonComponent.new(classes: actual_classes, attributes: attributes)
-    }
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::SlideoverComponent.new(direction: Ariadne::SlideoverComponent::DIRECTION_Y_DOWN)) { "Example" } %>
-    #
-    # @param tag [Symbol, String] The rendered tag name.
-    # @param direction [Symbol] <%= one_of(Ariadne::SlideoverComponent::VALID_DIRECTIONS) %>
-    # @param open_text [String] The text to use to open the slideover.
-    # @param close_text [String] The text to use to close the slideover.
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(tag: DEFAULT_TAG, direction:, open_text: "Open", close_text: "Close", classes: "", attributes: {})
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-      @classes = merge_class_names(
-        DEFAULT_CLASSES,
-        classes,
-      )
-
-      @direction = fetch_or_raise(VALID_DIRECTIONS, direction)
-
-      @open_text = open_text
-      @close_text = close_text
-      @attributes = attributes
-      @attributes[:"data-controller"] = "slideover-component"
-      @attributes[:"data-slideover-component-target"] = "expandWrapper"
-    end
-  end
-end

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

@@ -1,16 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: :svg, classes: @classes, attributes: @attributes) do |svg| %>
-  <circle
-    cx="8"
-    cy="8"
-    r="7"
-    stroke="currentColor"
-    stroke-opacity="0.25"
-    stroke-width="2"
-    vector-effect="non-scaling-stroke" />
-  <path
-    d="M15 8a7.002 7.002 0 00-7-7"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    vector-effect="non-scaling-stroke" />
-<% end %>

data/app/components/ariadne/spinner_component.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Renders a spinning wheel to indicate a loading state
-  # Add color using a tailwind text color class
-  class SpinnerComponent < Ariadne::Component
-    DEFAULT_SIZE = :md
-    DEFAULT_CLASSES = "ariadne-animate-spin ariadne-fill-none"
-    DEFAULT_ATTRIBUTES = {
-      fill: "none",
-      viewBox: "0 0 16 16",
-      role: "progressbar",
-      "aria-valuetext": "Loading...",
-      "aria-busy": true,
-      "aria-valuemin": "0",
-      "aria-valuemax": "100",
-    }.freeze
-
-    SIZE_CLASS_MAPPINGS = {
-      xs: "ariadne-h-4 ariadne-w-4",
-      sm: "ariadne-h-6 ariadne-w-6",
-      md: "ariadne-h-8 ariadne-w-8",
-      lg: "ariadne-h-10 ariadne-w-10",
-      xl: "ariadne-h-12 ariadne-w-12",
-    }.freeze
-
-    VALID_SIZES = SIZE_CLASS_MAPPINGS.keys.freeze
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::SpinnerComponent.new) { } %>
-    #
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(classes: "", attributes: {}, size: DEFAULT_SIZE)
-      @size = fetch_or_raise(VALID_SIZES, size)
-      @attributes = DEFAULT_ATTRIBUTES.merge(attributes)
-      @classes = merge_class_names(
-        DEFAULT_CLASSES,
-        SIZE_CLASS_MAPPINGS[size],
-        classes,
-      )
-    end
-  end
-end

data/app/components/ariadne/string_match_controller/string_match_controller.d.ts

@@ -1,27 +0,0 @@
-import { TOutletChangeData } from '../outlet_manager_controller/outlet_manager_controller';
-import SyncedBooleanAttributesController from '../synced_boolean_attributes_controller/synced_boolean_attributes_controller';
-export interface StringMatchOutlet extends SyncedBooleanAttributesController<string> {
-    change: (event: Event, updateTo?: TOutletChangeData<string>) => void;
-}
-export default class StringMatchController extends SyncedBooleanAttributesController<string> implements StringMatchOutlet {
-    #private;
-    static outlets: string[];
-    static targets: string[];
-    static values: {
-        keyword: StringConstructor;
-        syncedAttrs: ArrayConstructor;
-        antiAttrs: ArrayConstructor;
-        protectAttrs: BooleanConstructor;
-        outletEvents: ArrayConstructor;
-    };
-    readonly matchTargets: Array<HTMLElement>;
-    readonly hasMatchTarget: boolean;
-    readonly emptyTarget: Element;
-    readonly hasEmptyTarget: boolean;
-    keywordValue: string;
-    change(event: Event, updateTo?: TOutletChangeData<string>): void;
-    getElementsToSync(): Element[] | null | undefined;
-    getValueForElement(element: Element): boolean;
-    getState(): string;
-    outletUpdate: (event: Event, updateTo?: TOutletChangeData<string>) => void;
-}

data/app/components/ariadne/string_match_controller/string_match_controller.js

@@ -1,51 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _StringMatchController_instances, _StringMatchController_compareKeywordToTargets;
-import SyncedBooleanAttributesController from '../synced_boolean_attributes_controller/synced_boolean_attributes_controller';
-class StringMatchController extends SyncedBooleanAttributesController {
-    constructor() {
-        super(...arguments);
-        _StringMatchController_instances.add(this);
-        this.outletUpdate = this.change;
-    }
-    change(event, updateTo = {}) {
-        var _a;
-        const value = (_a = updateTo.data) !== null && _a !== void 0 ? _a : event.currentTarget.value;
-        this.keywordValue = value;
-        __classPrivateFieldGet(this, _StringMatchController_instances, "m", _StringMatchController_compareKeywordToTargets).call(this);
-        this.sendToOutlets(event, Object.assign(Object.assign({}, updateTo), { data: this.keywordValue }));
-    }
-    getElementsToSync() {
-        return this.matchTargets;
-    }
-    getValueForElement(element) {
-        var _a, _b;
-        return (_b = (_a = element.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.keywordValue.toLowerCase())) !== null && _b !== void 0 ? _b : false;
-    }
-    getState() {
-        return this.keywordValue;
-    }
-}
-_StringMatchController_instances = new WeakSet(), _StringMatchController_compareKeywordToTargets = function _StringMatchController_compareKeywordToTargets() {
-    if (this.hasMatchTarget) {
-        let foundMatch = false;
-        for (const index in this.matchTargets) {
-            const target = this.matchTargets[index];
-            const value = this.getValueForElement(target);
-            this.updateAttributesForElement(target, value);
-            if (value) {
-                foundMatch = true;
-            }
-        }
-        if (this.hasEmptyTarget) {
-            this.emptyTarget.setAttribute('aria-hidden', String(foundMatch));
-        }
-    }
-};
-StringMatchController.outlets = SyncedBooleanAttributesController.outlets;
-StringMatchController.targets = ['match', 'empty'];
-StringMatchController.values = Object.assign(Object.assign({}, SyncedBooleanAttributesController.values), { keyword: String });
-export default StringMatchController;

data/app/components/ariadne/string_match_controller/string_match_controller.ts

@@ -1,65 +0,0 @@
-import {TOutletChangeData} from '../outlet_manager_controller/outlet_manager_controller'
-import SyncedBooleanAttributesController from '../synced_boolean_attributes_controller/synced_boolean_attributes_controller'
-
-export interface StringMatchOutlet extends SyncedBooleanAttributesController<string> {
-  change: (event: Event, updateTo?: TOutletChangeData<string>) => void
-}
-
-export default class StringMatchController
-  extends SyncedBooleanAttributesController<string>
-  implements StringMatchOutlet
-{
-  static outlets = SyncedBooleanAttributesController.outlets
-  static targets = ['match', 'empty']
-  static values = {
-    ...SyncedBooleanAttributesController.values,
-    keyword: String,
-  }
-
-  declare readonly matchTargets: Array<HTMLElement>
-  declare readonly hasMatchTarget: boolean
-
-  declare readonly emptyTarget: Element
-  declare readonly hasEmptyTarget: boolean
-
-  declare keywordValue: string
-
-  change(event: Event, updateTo: TOutletChangeData<string> = {}) {
-    const value = updateTo.data ?? (event.currentTarget as HTMLInputElement).value
-    this.keywordValue = value
-    this.#compareKeywordToTargets()
-    this.sendToOutlets(event, {...updateTo, data: this.keywordValue})
-  }
-
-  #compareKeywordToTargets() {
-    if (this.hasMatchTarget) {
-      let foundMatch = false
-      for (const index in this.matchTargets) {
-        const target = this.matchTargets[index]
-        const value = this.getValueForElement(target)
-        this.updateAttributesForElement(target, value)
-        if (value) {
-          foundMatch = true
-        }
-      }
-
-      if (this.hasEmptyTarget) {
-        this.emptyTarget.setAttribute('aria-hidden', String(foundMatch))
-      }
-    }
-  }
-
-  getElementsToSync(): Element[] | null | undefined {
-    return this.matchTargets
-  }
-
-  getValueForElement(element: Element) {
-    return (element as HTMLElement).textContent?.toLowerCase().includes(this.keywordValue.toLowerCase()) ?? false
-  }
-
-  getState() {
-    return this.keywordValue
-  }
-
-  outletUpdate = this.change
-}

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

@@ -1,11 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do |component| %>
-  <div class="ariadne-flex ariadne-justify-between">
-    <%= header %>
-    <div>
-      <% actions.each do |action| %>
-        <%= action %>
-      <% end %>
-    </div>
-  </div>
-  <%= description %>
-<% end %>