ariadne_view_components 0.0.13-x86_64-linux → 0.0.15-x86_64-linux

data/lib/tasks/docs.rake

@@ -47,6 +47,8 @@ namespace :docs do
     # Rails controller for rendering arbitrary ERB
     view_context = ApplicationController.new.tap { |c| c.request = ActionDispatch::TestRequest.create }.view_context
     components = [
+      Ariadne::AvatarComponent,
+      Ariadne::AvatarStackComponent,
       Ariadne::CommentComponent,
       Ariadne::BodyComponent,
       Ariadne::BlankslateComponent,
@@ -55,6 +57,8 @@ namespace :docs do
       Ariadne::ContainerComponent,
       Ariadne::ClipboardCopyComponent,
       Ariadne::CounterComponent,
+      Ariadne::DetailsComponent,
+      Ariadne::DropdownComponent,
       Ariadne::GridComponent,
       Ariadne::FlashComponent,
       Ariadne::FlexComponent,
@@ -66,7 +70,6 @@ namespace :docs do
       Ariadne::InlineFlexComponent,
       Ariadne::LinkComponent,
       Ariadne::ListComponent,
-      Ariadne::MainComponent,
       Ariadne::NarrowContainerComponent,
       Ariadne::PanelBarComponent,
       Ariadne::PillComponent,
@@ -74,7 +77,7 @@ namespace :docs do
       Ariadne::SlideoverComponent,
       Ariadne::TabComponent,
       Ariadne::TabContainerComponent,
-      Ariadne::TableComponent,
+      Ariadne::TableNavComponent,
       Ariadne::TabNavComponent,
       Ariadne::Text,
       Ariadne::TimeAgoComponent,
@@ -261,6 +264,19 @@ namespace :docs do
     end
 
     File.open("static/classes.yml", "w") do |f|
+      non_ariadne_classes = classes_found_in_examples.reject { |c| c =~ /(?:ariadne|tiptap)/ }.uniq
+      unless non_ariadne_classes.length.zero?
+        puts "==============================================="
+        puts "===================== ERRORS =================="
+        puts "===============================================\n\n"
+        puts "The following non-Ariadne classes were found: #{non_ariadne_classes.join(", ")}"
+        puts "\n\n==============================================="
+        puts "==============================================="
+        puts "==============================================="
+
+        raise
+      end
+
       f.puts YAML.dump(classes_found_in_examples.uniq)
     end
 
@@ -271,8 +287,7 @@ namespace :docs do
     puts "Markdown compiled."
 
     if components_needing_docs.any?
-      puts
-      puts "The following components needs docs. Care to contribute them? #{components_needing_docs.map(&:name).join(", ")}"
+      puts "\nThe following components need documentation. Can you add them? #{components_needing_docs.map(&:name).join(", ")}"
     end
   end
 

data/static/arguments.yml

@@ -1,4 +1,55 @@
 ---
+- component: Avatar
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/avatar_component.rb
+  parameters:
+  - name: src
+    type: String
+    default: N/A
+    description: The source url of the avatar image.
+  - name: alt
+    type: String
+    default: N/A
+    description: Passed through to alt on img tag.
+  - name: size
+    type: Integer
+    default: "`20`"
+    description: One of `16`, `20`, `24`, `32`, `40`, `48`, or `80`.
+  - name: shape
+    type: Symbol
+    default: "`:circle`"
+    description: Shape of the avatar. One of `:circle` and `:square`.
+  - name: href
+    type: String
+    default: "`nil`"
+    description: The URL to link to. If used, component will be wrapped by an `<a>`
+      tag.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: AvatarStack
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/avatar_stack_component.rb
+  parameters:
+  - name: tag
+    type: Symbol
+    default: "`:div`"
+    description: One of `:div` and `:span`.
+  - name: align
+    type: Symbol
+    default: "`:left`"
+    description: One of `:left` and `:right`.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: BaseButton
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/base_button.rb
   parameters:
@@ -62,15 +113,16 @@
   - name: scheme
     type: Symbol
     default: "`:default`"
-    description: One of `:danger`, `:default`, `:info`, `:none`, `:success`, or `:warning`.
+    description: One of `:danger`, `:default`, `:info`, `:link`, `:none`, `:success`,
+      or `:warning`.
   - name: size
     type: Symbol
     default: "`BaseButton::DEFAULT_SIZE`"
     description: One of `:lg`, `:md`, `:sm`, `:xl`, or `:xs`.
-  - name: type
-    type: Symbol
-    default: "`:button`"
-    description: One of `:button`, `:reset`, or `:submit`.
+  - name: dropdown
+    type: Boolean
+    default: "`false`"
+    description: Whether or not to render a dropdown caret.
   - name: classes
     type: String
     default: '`""`'
@@ -178,6 +230,46 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+- component: Details
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/details_component.rb
+  parameters:
+  - name: overlay
+    type: Symbol
+    default: "`:none`"
+    description: Dictates the type of overlay to render with. One of `:default` and
+      `:none`.
+  - name: reset
+    type: Boolean
+    default: "`false`"
+    description: If set to true, it will remove the default caret and remove style
+      from the summary element
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Dropdown
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/dropdown_component.rb
+  parameters:
+  - name: overlay
+    type: Symbol
+    default: "`:default`"
+    description: One of `:default` and `:none`.
+  - name: with_caret
+    type: Boolean
+    default: "`false`"
+    description: Whether or not a caret should be rendered in the button.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Flash
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/flash_component.rb
   parameters:
@@ -293,8 +385,8 @@
     description: One of `outline`, `solid`, or `mini`.
   - name: size
     type: Symbol
-    default: "`:sm`"
-    description: One of `:sm` (`16`), `:md` (`24`), or `:lg` (`128`).
+    default: "`:md`"
+    description: One of `:mu` (`16`), `:sm` (`20`), `:md` (`24`), or `:lg` (`128`).
   - name: attributes
     type: Hash
     default: "`{}`"
@@ -383,17 +475,6 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Main
-  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/main_component.rb
-  parameters:
-  - name: classes
-    type: String
-    default: '`""`'
-    description: "[Classes and attributes](/classes-attributes)"
-  - name: attributes
-    type: Hash
-    default: "`{}`"
-    description: "[Classes and attributes](/classes-attributes)"
 - component: NarrowContainer
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/narrow_container_component.rb
   parameters:
@@ -430,7 +511,7 @@
   - name: color
     type: String
     default: N/A
-    description: The hex color of the pill.
+    description: The rgba color of the pill.
   - name: classes
     type: String
     default: '`""`'
@@ -510,7 +591,7 @@
     description: Whether the Tab has an associated panel.
   - name: href
     type: String
-    default: '`""`'
+    default: "`nil`"
     description: The link to navigate to when the tab is clicked.
   - name: classes
     type: String
@@ -556,8 +637,8 @@
     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
+- component: TableNav
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/table_nav_component.rb
   parameters:
   - name: classes
     type: String

data/static/audited_at.json

@@ -1,4 +1,6 @@
 {
+  "Ariadne::AvatarComponent": "",
+  "Ariadne::AvatarStackComponent": "",
   "Ariadne::BaseButton": "",
   "Ariadne::BaseComponent": "",
   "Ariadne::BlankslateComponent": "",
@@ -9,6 +11,10 @@
   "Ariadne::ContainerComponent": "",
   "Ariadne::Content": "",
   "Ariadne::CounterComponent": "",
+  "Ariadne::DetailsComponent": "",
+  "Ariadne::Dropdown::MenuComponent": "",
+  "Ariadne::Dropdown::MenuComponent::Item": "",
+  "Ariadne::DropdownComponent": "",
   "Ariadne::FlashComponent": "",
   "Ariadne::FlexComponent": "",
   "Ariadne::FooterComponent": "",
@@ -22,7 +28,6 @@
   "Ariadne::LinkComponent": "",
   "Ariadne::ListComponent": "",
   "Ariadne::ListComponent::ListItem": "",
-  "Ariadne::MainComponent": "",
   "Ariadne::NarrowContainerComponent": "",
   "Ariadne::PanelBarComponent": "",
   "Ariadne::PanelBarComponent::PanelItem": "",
@@ -32,13 +37,15 @@
   "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::TableNavComponent": "",
+  "Ariadne::TableNavComponent::BaseCellItem": "",
+  "Ariadne::TableNavComponent::BaseCellItem::CellItem": "",
+  "Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem": "",
+  "Ariadne::TableNavComponent::BaseRowItem": "",
+  "Ariadne::TableNavComponent::BaseRowItem::HeaderRowItem": "",
+  "Ariadne::TableNavComponent::BaseRowItem::RowItem": "",
+  "Ariadne::TableNavComponent::FooterItem": "",
+  "Ariadne::TableNavComponent::PaginationBarItem": "",
   "Ariadne::Text": "",
   "Ariadne::TimeAgoComponent": "",
   "Ariadne::TimelineComponent": "",

data/static/classes.yml

@@ -1,11 +1,21 @@
 ---
+- ".ariadne-inline-block"
+- ".ariadne-rounded-full"
+- ".ariadne-ring-2"
+- ".ariadne-ring-white"
+- ".ariadne-cursor-pointer"
+- ".hover:ariadne-text-button-text-color"
+- ".focus:ariadne-outline-none"
+- ".focus:ariadne-ring-2"
+- ".focus:ariadne-ring-offset-2"
+- ".focus:ariadne-ring-purple-500"
+- ".ariadne-flex"
+- ".ariadne--space-x-2"
+- ".ariadne-overflow-hidden"
 - ".ariadne-inline-flex"
 - ".ariadne-items-center"
 - ".ariadne-border"
 - ".ariadne-shadow-sm"
-- ".focus:ariadne-outline-none"
-- ".focus:ariadne-ring-2"
-- ".focus:ariadne-ring-offset-2"
 - ".ariadne-px-2.5"
 - ".ariadne-py-1.5"
 - ".ariadne-text-xs"
@@ -30,16 +40,14 @@
 - ".ariadne-text-center"
 - ".ariadne-text-3xl"
 - ".ariadne-font-extrabold"
-- ".text-3xl"
-- ".font-extrabold"
-- ".tracking-tight"
-- ".text-gray-900"
-- ".sm:text-4xl"
+- ".ariadne-tracking-tight"
+- ".ariadne-text-gray-900"
+- ".sm:ariadne-text-4xl"
 - ".ariadne-mt-8"
-- ".ariadne-flex"
 - ".ariadne-justify-center"
-- ".ariadne-flex-col"
-- ".ariadne-min-h-screen"
+- ".ariadne-scroll-smooth"
+- ".ariadne-bg-white"
+- ".ariadne-antialiased"
 - ".ariadne-text-purple-800"
 - ".ariadne-bg-purple-50"
 - ".hover:ariadne-bg-purple-100"
@@ -73,7 +81,6 @@
 - ".ariadne-text-yellow-600"
 - ".ariadne-p-1"
 - ".ariadne-border-transparent"
-- ".ariadne-rounded-full"
 - ".ariadne-invisible"
 - ".ariadne-absolute"
 - ".ariadne-bg-slate-900"
@@ -82,16 +89,12 @@
 - ".ariadne-max-w-xs"
 - ".ariadne-py-1"
 - ".ariadne-px-2"
-- ".z-max"
-- ".tooltip-arrow"
+- ".ariadne-z-max"
+- ".ariadne-tooltip-arrow"
 - ".ariadne-block"
-- ".ariadne-cursor-pointer"
 - ".ariadne-underline"
 - ".ariadne-decoration-double"
-- ".hover:ariadne-text-button-text-color"
-- ".focus:ariadne-ring-purple-500"
 - ".ariadne-text-green-600"
-- ".ariadne-bg-white"
 - ".ariadne-border-gray-300"
 - ".ariadne-shadow"
 - ".ariadne-py-5"
@@ -100,22 +103,38 @@
 - ".sm:ariadne-block"
 - ".ariadne-border-b"
 - ".ariadne-border-gray-200"
-- ".space-y-8"
-- ".divide-y"
-- ".divide-gray-200"
-- ".sm:space-y-5"
-- ".ariadne-overflow-hidden"
+- ".ariadne-text-gray-500"
+- ".hover:ariadne-text-gray-700"
+- ".hover:ariadne-border-gray-300"
+- ".ariadne-whitespace-nowrap"
+- ".ariadne-py-4"
+- ".ariadne-px-1"
+- ".ariadne-border-b-2"
+- ".ariadne-border-indigo-500"
+- ".ariadne-text-indigo-600"
+- ".ariadne-pt-2"
+- ".ariadne-space-y-8"
+- ".ariadne-divide-y"
+- ".ariadne-divide-gray-200"
+- ".sm:ariadne-space-y-5"
 - ".ariadne-border-x"
 - ".focus-within:ariadne-border-indigo-500"
 - ".focus-within:ariadne-ring-1"
 - ".focus-within:ariadne-ring-indigo-500"
-- ".ariadne-w-full"
-- ".ariadne-border-0"
-- ".focus:ariadne-ring-0"
-- ".sm:ariadne-text-sm"
 - ".tiptap-editor"
 - ".ariadne-mt-2"
 - ".ariadne-justify-end"
+- ".ariadne-right-0"
+- ".ariadne-z-10"
+- ".ariadne-w-56"
+- ".ariadne-origin-top-right"
+- ".ariadne-divide-gray-100"
+- ".ariadne-shadow-lg"
+- ".ariadne-ring-1"
+- ".ariadne-ring-black"
+- ".ariadne-ring-opacity-5"
+- ".ariadne-text-gray-700"
+- ".ariadne-text-red-500"
 - ".ariadne-text-blue-700"
 - ".ariadne-p-4"
 - ".ariadne-flex-shrink-0"
@@ -132,9 +151,9 @@
 - ".ariadne-mt-4"
 - ".ariadne-pt-5"
 - ".ariadne--mx-2"
-- ".flex"
+- ".ariadne-flex-col"
 - ".ariadne-mt-6"
-- ".text-slate-500"
+- ".ariadne-text-slate-500"
 - ".sm:ariadne-mt-0"
 - ".ariadne-grid"
 - ".ariadne-gap-6"
@@ -146,33 +165,18 @@
 - ".ariadne-text-2xl"
 - ".ariadne-items-baseline"
 - ".ariadne-stroke-state-open"
+- ".ariadne-stroke-state-closed"
+- ".ariadne-fill-state-closed"
 - ".ariadne-pl-2"
-- ".ariadne-text-gray-900"
-- ".ariadne-divide-y"
 - ".ariadne-divide-gray-300"
 - ".ariadne-relative"
 - ".hover:ariadne-bg-button-hover-color"
-- ".hover:ariadne-text-gray-500"
-- ".flex-auto"
 - ".md:ariadne-flex"
 - ".md:ariadne-divide-y-0"
-- ".ariadne-inline-block"
 - ".ariadne-py-0.5"
-- ".ariadne-z-10"
-- ".bg-filter-panel"
+- ".ariadne-text-black"
 - ".ariadne-pb-4"
-- ".ariadne-text-gray-500"
-- ".hover:ariadne-text-gray-700"
-- ".hover:ariadne-border-gray-300"
-- ".ariadne-whitespace-nowrap"
-- ".ariadne-py-4"
-- ".ariadne-px-1"
-- ".ariadne-border-b-2"
 - ".ariadne-list-none"
-- ".inline-flex"
-- ".ariadne-border-indigo-500"
-- ".ariadne-text-indigo-600"
-- ".ariadne-divide-gray-200"
 - ".ariadne-text-lg"
 - ".ariadne-pt-6"
 - ".ariadne-flow-root"