ariadne_view_components 0.0.12 → 0.0.13

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.0.13
 platform: ruby
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-09-12 00:00:00.000000000 Z
+date: 2022-09-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -118,6 +118,8 @@ files:
 - app/assets/javascripts/comment-component.d.ts
 - app/assets/javascripts/rich-text-area-component.d.ts
 - app/assets/javascripts/slideover-component.d.ts
+- app/assets/javascripts/tab-container-component.d.ts
+- app/assets/javascripts/tab-nav-component.d.ts
 - app/assets/javascripts/time-ago-component.d.ts
 - app/assets/javascripts/time_ago_component.d.ts
 - app/assets/javascripts/tooltip-component.d.ts
@@ -175,10 +177,16 @@ files:
 - app/components/ariadne/slideover-component.ts
 - app/components/ariadne/slideover_component.html.erb
 - app/components/ariadne/slideover_component.rb
-- app/components/ariadne/tab_bar_component.html.erb
-- app/components/ariadne/tab_bar_component.rb
+- app/components/ariadne/tab-container-component.ts
+- app/components/ariadne/tab-nav-component.ts
 - app/components/ariadne/tab_component.html.erb
 - app/components/ariadne/tab_component.rb
+- app/components/ariadne/tab_container_component.erb
+- app/components/ariadne/tab_container_component.rb
+- app/components/ariadne/tab_nav_component.html.erb
+- app/components/ariadne/tab_nav_component.rb
+- app/components/ariadne/table_component.html.erb
+- app/components/ariadne/table_component.rb
 - app/components/ariadne/text.rb
 - app/components/ariadne/time-ago-component.ts
 - app/components/ariadne/time_ago_component.rb
@@ -193,13 +201,8 @@ files:
 - app/lib/ariadne/fetch_or_fallback_helper.rb
 - app/lib/ariadne/form_builder.rb
 - app/lib/ariadne/icon_helper.rb
-- app/lib/ariadne/join_style_arguments_helper.rb
 - app/lib/ariadne/logger_helper.rb
 - app/lib/ariadne/status/dsl.rb
-- app/lib/ariadne/tab_nav_helper.rb
-- app/lib/ariadne/tabbed_component_helper.rb
-- app/lib/ariadne/test_selector_helper.rb
-- app/lib/ariadne/underline_nav_helper.rb
 - app/lib/ariadne/view_helper.rb
 - exe/tailwindcss
 - lib/ariadne/view_components.rb
@@ -246,7 +249,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '3.0'
+      version: '3.1'
   - - "<"
     - !ruby/object:Gem::Version
       version: '4.0'

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

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

data/app/components/ariadne/tab_bar_component.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # A container for a row of tags.
-  # @accessibility This component requires you to pass in a `sr_label`
-  # attribute, which will be used to label the tabs for screen readers.
-  class TabBarComponent < Ariadne::Component
-    DEFAULT_TAG = :nav
-    TAG_OPTIONS = [DEFAULT_TAG].freeze
-
-    DEFAULT_CLASSES = "ariadne--mb-px ariadne-flex ariadne-space-x-8 ariadne-bg-transparent"
-
-    # Tabs to be rendered. For more information, refer to <%= link_to_component(Ariadne::TabComponent) %>.
-    #
-    # @param selected [Boolean] Whether the tab is selected.
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    renders_many :tabs, lambda { |selected: false, classes: "", attributes: {}|
-      Ariadne::TabComponent.new(
-        selected: selected,
-        classes: classes,
-        attributes: attributes
-      )
-    }
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::TabBarComponent.new(sr_label: "Navigation tabs")) { "Example" } %>
-    #
-    # @param tag [Symbol, String] The rendered tag name.
-    # @param sr_label [String] A label to introduce these tabs for screen readers.
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(tag: DEFAULT_TAG, sr_label:, classes: "", attributes: {})
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-      @classes = class_names(
-        DEFAULT_CLASSES,
-        classes
-      )
-      @sr_label = sr_label
-      @attributes = attributes
-      @attributes[:"aria-label"] ||= "Tabs"
-    end
-  end
-end

data/app/lib/ariadne/join_style_arguments_helper.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # :nodoc:
-  module JoinStyleArgumentsHelper
-    # Join two `style` arguments
-    #
-    # join_style_arguments("width: 100%", "height: 100%") =>
-    #   "width: 100%;height: 100%"
-    def join_style_arguments(*args)
-      args.compact.join(";")
-    end
-  end
-end

data/app/lib/ariadne/tab_nav_helper.rb

@@ -1,35 +0,0 @@
-# frozen_string_literal: true
-
-require "active_support/concern"
-
-module Ariadne
-  # Helper to share tab validation logic between components.
-  # The component will raise an error if there are 0 or 2+ selected tabs.
-  module TabNavHelper
-    extend ActiveSupport::Concern
-
-    EXTRA_ALIGN_DEFAULT = :left
-    EXTRA_ALIGN_OPTIONS = [EXTRA_ALIGN_DEFAULT, :right].freeze
-
-    def tab_nav_tab_classes(classes)
-      class_names(
-        "tabnav-tab",
-        classes
-      )
-    end
-
-    def tab_nav_classes(classes)
-      class_names(
-        "tabnav",
-        classes
-      )
-    end
-
-    def tab_nav_body_classes(classes)
-      class_names(
-        "tabnav-tabs",
-        classes
-      )
-    end
-  end
-end

data/app/lib/ariadne/tabbed_component_helper.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-require "active_support/concern"
-
-module Ariadne
-  # Helper to share tab validation logic between components.
-  # The component will raise an error if there are 0 or 2+ selected tabs.
-  module TabbedComponentHelper
-    extend ActiveSupport::Concern
-
-    class MultipleSelectedTabsError < StandardError; end
-
-    def before_render
-      validate_single_selected_tab unless Rails.env.production?
-    end
-
-    private
-
-    def aria_label_for_page_nav(label)
-      @attributes[:tag] == :nav ? @attributes[:"aria-label"] = label : @body_arguments[:"aria-label"] = label
-    end
-
-    def tab_container_wrapper(with_panel:, **attributes)
-      return yield unless with_panel
-
-      render(Ariadne::TabContainerComponent.new(**attributes)) do
-        yield if block_given?
-      end
-    end
-
-    def validate_single_selected_tab
-      raise MultipleSelectedTabsError, "only one tab can be selected" if selected_tabs_count > 1
-    end
-
-    def selected_tabs_count
-      @selected_tabs_count ||= tabs.count(&:selected)
-    end
-  end
-end

data/app/lib/ariadne/test_selector_helper.rb

@@ -1,20 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Module to allow components to deal with the `test_selector` argument.
-  # It will only add the selector if env is not Production.
-  #
-  # test_selector: "foo" => data-test-selector="foo"
-  module TestSelectorHelper
-    TEST_SELECTOR_TAG = :test_selector
-
-    def add_test_selector(args)
-      if args.key?(TEST_SELECTOR_TAG)
-        args[:data] ||= {}
-        args[:data][TEST_SELECTOR_TAG] = args[TEST_SELECTOR_TAG]
-      end
-
-      args.except(TEST_SELECTOR_TAG)
-    end
-  end
-end

data/app/lib/ariadne/underline_nav_helper.rb

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-require "active_support/concern"
-
-module Ariadne
-  # Helper to share tab validation logic between components.
-  # The component will raise an error if there are 0 or 2+ selected tabs.
-  module UnderlineNavHelper
-    extend ActiveSupport::Concern
-
-    ALIGN_DEFAULT = :left
-    ALIGN_OPTIONS = [ALIGN_DEFAULT, :right].freeze
-
-    ACTIONS_TAG_DEFAULT = :div
-    ACTIONS_TAG_OPTIONS = [ACTIONS_TAG_DEFAULT, :span].freeze
-
-    def underline_nav_classes(classes, align)
-      class_names(
-        classes,
-        "UnderlineNav",
-        "UnderlineNav--right" => align == :right
-      )
-    end
-
-    def underline_nav_body_classes(classes)
-      class_names(
-        "UnderlineNav-body",
-        classes,
-        "list-style-none"
-      )
-    end
-
-    def underline_nav_action_classes(classes)
-      class_names("UnderlineNav-actions", classes)
-    end
-
-    def underline_nav_tab_classes(classes)
-      class_names(
-        "UnderlineNav-item",
-        classes
-      )
-    end
-  end
-end