ariadne_view_components 0.0.12 → 0.0.13

data/lib/tasks/docs.rake

@@ -47,7 +47,6 @@ namespace :docs do
     # Rails controller for rendering arbitrary ERB
     view_context = ApplicationController.new.tap { |c| c.request = ActionDispatch::TestRequest.create }.view_context
     components = [
-      Ariadne::RichTextAreaComponent,
       Ariadne::CommentComponent,
       Ariadne::BodyComponent,
       Ariadne::BlankslateComponent,
@@ -71,9 +70,12 @@ namespace :docs do
       Ariadne::NarrowContainerComponent,
       Ariadne::PanelBarComponent,
       Ariadne::PillComponent,
+      Ariadne::RichTextAreaComponent,
       Ariadne::SlideoverComponent,
       Ariadne::TabComponent,
-      Ariadne::TabBarComponent,
+      Ariadne::TabContainerComponent,
+      Ariadne::TableComponent,
+      Ariadne::TabNavComponent,
       Ariadne::Text,
       Ariadne::TimeAgoComponent,
       Ariadne::TimelineComponent,
@@ -258,62 +260,14 @@ namespace :docs do
       raise
     end
 
-    additional_classes = []
-
-    tailwind_utility_prefixes = ["bg-", "border-", "fill-", "stroke-", "text-"]
-
-    additional_color_classes = [
-      "billy-purple",
-      "state-closed",
-      "state-open",
-    ]
-
-    additional_color_classes.each do |color_class|
-      tailwind_utility_prefixes.each do |prefix|
-        additional_classes.concat([".#{prefix}#{color_class}"])
-      end
-    end
-
-    Dir.glob("./app/components/**/*.rb") do |rb_filename|
-      content = File.read(rb_filename)
-      matches = content.scan(CLASS_REGEX)
-
-      if matches.present?
-        result = matches.flatten.compact.map { |c| c.split(" ") }.flatten.select { |r| r =~ /\A[0-9a-z:\-]+\z/ }.uniq
-        additional_classes.concat(result.map { |r| ".#{r}" }) if result.present?
-      end
-    end
-
-    final_list_of_classes = classes_found_in_examples.concat(additional_classes).uniq.sort
     File.open("static/classes.yml", "w") do |f|
-      f.puts YAML.dump(final_list_of_classes)
+      f.puts YAML.dump(classes_found_in_examples.uniq)
     end
 
     File.open("static/arguments.yml", "w") do |f|
       f.puts YAML.dump(args_for_components)
     end
 
-    # Build system arguments docs from BaseComponent
-    documentation = registry.get(Ariadne::BaseComponent.name)
-    File.open("docs/content/system-arguments.md", "w") do |f|
-      f.puts("---")
-      f.puts("title: System arguments")
-      f.puts("---")
-      f.puts
-      f.puts("<!-- Warning: AUTO-GENERATED file, do not edit. Add code comments to your Ruby instead <3 -->")
-      f.puts
-      f.puts(documentation.base_docstring)
-      f.puts
-
-      initialize_method = documentation.meths.find(&:constructor?)
-
-      f.puts(view_context.render(inline: initialize_method.base_docstring))
-    end
-
-    # Copy over ADR docs and insert them into the nav
-    # puts "Copying ADRs..."
-    # Rake::Task["docs:build_adrs"].invoke
-
     puts "Markdown compiled."
 
     if components_needing_docs.any?
@@ -322,51 +276,6 @@ namespace :docs do
     end
   end
 
-  # task :build_adrs do
-  #   adr_content_dir = File.join("docs", "content", "adr")
-
-  #   FileUtils.rm_rf(File.join(adr_content_dir))
-  #   FileUtils.mkdir(adr_content_dir)
-
-  #   nav_entries = Dir[File.join("adr", "*.md")].sort.map do |orig_path|
-  #     orig_file_name = File.basename(orig_path)
-  #     url_name = orig_file_name.chomp(".md")
-
-  #     file_contents = File.read(orig_path)
-  #     file_contents = <<~CONTENTS.sub(/\n+\z/, "\n")
-  #       <!-- Warning: AUTO-GENERATED file, do not edit. Make changes to the files in the adr/ directory instead. -->
-  #       #{file_contents}
-  #     CONTENTS
-
-  #     title_match = /^# (.+)/.match(file_contents)
-  #     title = title_match[1]
-
-  #     # Don't include initial ADR for recording ADRs
-  #     next nil if title == "Record architecture decisions"
-
-  #     File.write(File.join(adr_content_dir, orig_file_name), file_contents)
-  #     puts "Copied #{orig_path}"
-
-  #     { "title" => title, "url" => "/adr/#{url_name}" }
-  #   end
-
-  #   nav_yaml_file = File.join("docs", "src", "@primer", "gatsby-theme-doctocat", "nav.yml")
-  #   nav_yaml = YAML.load_file(nav_yaml_file)
-  #   adr_entry = {
-  #     "title" => "Architecture decisions",
-  #     "children" => nav_entries.compact,
-  #   }
-
-  #   existing_index = nav_yaml.index { |entry| entry["title"] == "Architecture decisions" }
-  #   if existing_index
-  #     nav_yaml[existing_index] = adr_entry
-  #   else
-  #     nav_yaml << adr_entry
-  #   end
-
-  #   File.write(nav_yaml_file, YAML.dump(nav_yaml))
-  # end
-
   desc "Generate previews from documentation examples"
   task :preview do
     registry = generate_yard_registry

data/static/arguments.yml

@@ -476,7 +476,7 @@
   - name: form_id
     type: String
     default: "`nil`"
-    description: The ID of any <form> tag to submit when the button is clicked.
+    description: The ID of any `form` tag to submit when the button is clicked.
   - name: open_text
     type: String
     default: '`"Open"`'
@@ -493,17 +493,41 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: TabBar
-  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_bar_component.rb
+- component: Tab
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_component.rb
+  parameters:
+  - name: id
+    type: String
+    default: "`nil`"
+    description: The unique ID of the tab.
+  - name: selected
+    type: Boolean
+    default: "`false`"
+    description: Whether the tab is selected or not.
+  - name: with_panel
+    type: Boolean
+    default: "`false`"
+    description: Whether the Tab has an associated panel.
+  - name: href
+    type: String
+    default: '`""`'
+    description: The link to navigate to when the tab is clicked.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: TabContainer
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_container_component.rb
   parameters:
-  - name: tag
-    type: Symbol, String
-    default: "`:nav`"
-    description: The rendered tag name.
   - name: sr_label
     type: String
     default: N/A
-    description: A label to introduce these tabs for screen readers.
+    description: Sets an `aria-label` that helps assistive technology users understand
+      the purpose of the tabs.
   - name: classes
     type: String
     default: '`""`'
@@ -512,17 +536,29 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Tab
-  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_component.rb
+- component: TabNav
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_nav_component.rb
   parameters:
+  - name: label
+    type: String
+    default: N/A
+    description: Sets an `aria-label` that helps assistive technology users understand
+      the purpose of the links, and distinguish it from similar elements.
   - name: tag
     type: Symbol, String
-    default: "`:button`"
+    default: "`:nav`"
     description: The rendered tag name.
-  - name: selected
-    type: Boolean
-    default: "`false`"
-    description: Whether the tab is selected or not.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Table
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/table_component.rb
+  parameters:
   - name: classes
     type: String
     default: '`""`'

data/static/audited_at.json

@@ -29,8 +29,16 @@
   "Ariadne::PillComponent": "",
   "Ariadne::RichTextAreaComponent": "",
   "Ariadne::SlideoverComponent": "",
-  "Ariadne::TabBarComponent": "",
   "Ariadne::TabComponent": "",
+  "Ariadne::TabContainerComponent": "",
+  "Ariadne::TabNavComponent": "",
+  "Ariadne::TableComponent": "",
+  "Ariadne::TableComponent::FooterItem": "",
+  "Ariadne::TableComponent::HeaderRowItem": "",
+  "Ariadne::TableComponent::PaginationBarItem": "",
+  "Ariadne::TableComponent::RowItem": "",
+  "Ariadne::TableComponent::RowItem::CellItem": "",
+  "Ariadne::TableComponent::RowItem::HeaderCellItem": "",
   "Ariadne::Text": "",
   "Ariadne::TimeAgoComponent": "",
   "Ariadne::TimelineComponent": "",