ariadne_view_components 0.0.21-x86_64-linux → 0.0.23-x86_64-linux

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

@@ -9,7 +9,7 @@
             <%= render(Ariadne::RichTextAreaComponent.new(name: :public_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
             <% comment_box.submit { @submit } %>
           </div>
-          <div class="ariadne-mt-2 ariadne-flex ariadne-justify-end">
+          <div class="ariadne-py-2 ariadne-flex ariadne-justify-end">
             <%= public_submit %>
           </div>
         <% end %>
@@ -24,7 +24,7 @@
             <%= render(Ariadne::RichTextAreaComponent.new(name: :internal_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
             <% comment_box.submit { @submit } %>
           </div>
-          <div class="ariadne-mt-2 ariadne-flex ariadne-justify-end">
+          <div class="ariadne-py-2 ariadne-flex ariadne-justify-end">
             <%= internal_submit %>
           </div>
         <% end %>

data/app/components/ariadne/comment_component.rb

@@ -4,15 +4,13 @@ module Ariadne
   # Defines a submittable form for adding comments to a conversation.
   #
   #
-  # Requires JavaScript. Set `data-comment-component-selected-class` to the class name that will be applied to the
-  # selected tab.
   # @accessibility This component requires you to pass in a `sr_label`
   # attribute, which will be used to label the tabs for screen readers.
   class CommentComponent < Ariadne::Component
     DEFAULT_TAG = :div
     TAG_OPTIONS = [DEFAULT_TAG].freeze
 
-    DEFAULT_CLASSES = "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md "
+    DEFAULT_CLASSES = "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-px-5 ariadne-rounded-md "
 
     renders_one :public_tab, lambda { |selected: false, text:, classes: "", attributes: {}|
       attributes[:"data-public"] = true

data/app/components/ariadne/image_component.rb

@@ -38,7 +38,7 @@ module Ariadne
       @classes = classes
 
       @attributes[:alt] = alt
-      @attributes[:src] = image_path(@src)
+      @attributes[:src] = @src
 
       return unless lazy
 

data/app/components/ariadne/pill_component.rb

@@ -6,7 +6,7 @@ module Ariadne
     DEFAULT_TAG = :span
     TAG_OPTIONS = [DEFAULT_TAG].freeze
 
-    DEFAULT_CLASSES = "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap"
+    DEFAULT_CLASSES = "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-1 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap"
 
     # @example Default
     #

data/app/components/ariadne/rich-text-area-component.ts

@@ -24,7 +24,8 @@ export default class RichTextArea extends Controller {
         element: editorElement,
         editorProps: {
           attributes: {
-            class: 'ariadne-p-3'
+            class:
+              'ariadne-h-28 ariadne-max-h-48 ariadne-p-2 ariadne-rounded-lg ariadne-overflow-y-auto focus:ariadne-outline-none'
           }
         },
         parseOptions: {

data/app/components/ariadne/rich_text_area_component.rb

@@ -6,7 +6,7 @@ module Ariadne
   # @accessibility Add any accessibility considerations
   class RichTextAreaComponent < Ariadne::Component
     DEFAULT_TAG = :div
-    DEFAULT_CLASSES = "ariadne-block"
+    DEFAULT_CLASSES = ""
 
     # @example Default
     #

data/app/components/ariadne/tab_container_component.erb

@@ -1,5 +1,5 @@
 <%= render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do  |component| %>
-  <div role="tablist" class="ariadne-bg-neutral-50">
+  <div role="tablist">
     <% tabs.each do |tab| %>
       <%= tab %>
     <% end %>

data/app/components/ariadne/tab_container_component.rb

@@ -9,7 +9,7 @@ module Ariadne
 
     DEFAULT_CLASSES = ""
 
-    DEFAULT_SELECTED_CLASSES = "ariadne-bg-white ariadne-border-indigo-500 ariadne-text-indigo-600"
+    DEFAULT_SELECTED_CLASSES = "ariadne-border-indigo-500 ariadne-text-indigo-600"
     DEFAULT_UNSELECTED_CLASSES = "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
 
     # Tabs and panels to be rendered.

data/lib/ariadne/view_components/version.rb

@@ -2,6 +2,6 @@
 
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.21"
+    VERSION = "0.0.23"
   end
 end

data/lib/tasks/docs.rake

@@ -85,9 +85,15 @@ namespace :docs do
       Ariadne::TooltipComponent,
     ]
 
+    # TODO: Form is not in documentation
     js_components = [
       Ariadne::ClipboardCopyComponent,
+      Ariadne::RichTextAreaComponent,
+      Ariadne::SlideoverComponent,
+      Ariadne::TabContainerComponent,
+      Ariadne::TabNavComponent,
       Ariadne::TimeAgoComponent,
+      Ariadne::TooltipComponent,
     ]
 
     all_components = Ariadne::Component.descendants - [Ariadne::BaseComponent, Ariadne::Content] # TODO: why is `Ariadne::Content` not picked up?
@@ -403,17 +409,17 @@ def pretty_default_value(tag, component)
 end
 
 def docs_metadata(component)
-  (status_module, short_name) = status_module_and_short_name(component)
+  (status_module, component_name) = status_module_and_component_name(component)
   status_path = status_module.nil? ? "" : "/"
   status = component.status.to_s
 
   {
-    title: short_name,
-    component_id: short_name.underscore,
+    title: component_name,
+    component_id: component_name.underscore,
     status: status.capitalize,
     source: source_url(component),
     lookbook: lookbook_url(component),
-    path: "docs/content/components/#{status_path}#{short_name.downcase}.md",
+    path: "docs/content/components/#{status_path}#{component_name.underscore}.md",
     example_path: example_path(component),
     require_js_path: require_js_path(component),
   }

data/lib/yard/docs_helper.rb

@@ -48,10 +48,10 @@ module YARD
     end
 
     def link_to_component(component)
-      (status_module, short_name) = status_module_and_short_name(component)
+      (status_module, component_name) = status_module_and_component_name(component)
       status_path = status_module.nil? ? "" : "/"
 
-      "[#{short_name}](/components/#{status_path}#{short_name.downcase})"
+      "[#{component_name}](/components/#{status_path}#{component_name.underscore})"
     end
 
     def link_to_heroicons
@@ -69,6 +69,13 @@ module YARD
       [m[:status]&.downcase, m[:name].gsub("::", "")]
     end
 
+    def status_module_and_component_name(component)
+      name_with_status = component.name.gsub(/Ariadne::/, "")
+
+      m = name_with_status.match(/(?<status>Beta|Alpha|Deprecated)?(?<_colons>::)?(?<name>.*)/)
+      [m[:status]&.downcase, m[:name].gsub("::", "")]
+    end
+
     def pretty_value(val)
       case val
       when nil

data/static/arguments.yml

@@ -1,5 +1,5 @@
 ---
-- component: Avatar
+- component: AvatarComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/avatar_component.rb
   parameters:
   - name: src
@@ -31,7 +31,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: AvatarStack
+- component: AvatarStackComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/avatar_stack_component.rb
   parameters:
   - name: tag
@@ -73,7 +73,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Blankslate
+- component: BlankslateComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/blankslate_component.rb
   parameters:
   - name: tag
@@ -88,7 +88,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Body
+- component: BodyComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/body_component.rb
   parameters:
   - name: classes
@@ -99,7 +99,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Button
+- component: ButtonComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/button_component.rb
   parameters:
   - name: tag
@@ -131,7 +131,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: ClipboardCopy
+- component: ClipboardCopyComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/clipboard_copy_component.rb
   parameters:
   - name: tag
@@ -159,7 +159,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Comment
+- component: CommentComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/comment_component.rb
   parameters:
   - name: url
@@ -182,7 +182,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Container
+- component: ContainerComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/container_component.rb
   parameters:
   - name: classes
@@ -193,7 +193,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Counter
+- component: CounterComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/counter_component.rb
   parameters:
   - name: tag
@@ -230,7 +230,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Details
+- component: DetailsComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/details_component.rb
   parameters:
   - name: overlay
@@ -251,7 +251,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Dropdown
+- component: DropdownComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/dropdown_component.rb
   parameters:
   - name: overlay
@@ -270,7 +270,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Flash
+- component: FlashComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/flash_component.rb
   parameters:
   - name: tag
@@ -297,7 +297,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Flex
+- component: FlexComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/flex_component.rb
   parameters:
   - name: tag
@@ -316,7 +316,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Footer
+- component: FooterComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/footer_component.rb
   parameters:
   - name: classes
@@ -327,7 +327,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Grid
+- component: GridComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/grid_component.rb
   parameters:
   - name: classes
@@ -338,7 +338,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Header
+- component: HeaderComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/header_component.rb
   parameters:
   - name: classes
@@ -349,7 +349,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Heading
+- component: HeadingComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/heading_component.rb
   parameters:
   - name: tag
@@ -364,7 +364,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Heroicon
+- component: HeroiconComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/heroicon_component.rb
   parameters:
   - name: tag
@@ -399,7 +399,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Image
+- component: ImageComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/image_component.rb
   parameters:
   - name: tag
@@ -426,7 +426,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: InlineFlex
+- component: InlineFlexComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/inline_flex_component.rb
   parameters:
   - name: tag
@@ -441,7 +441,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Link
+- component: LinkComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/link_component.rb
   parameters:
   - name: tag
@@ -464,7 +464,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: List
+- component: ListComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/list_component.rb
   parameters:
   - name: classes
@@ -475,7 +475,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: NarrowContainer
+- component: NarrowContainerComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/narrow_container_component.rb
   parameters:
   - name: classes
@@ -486,7 +486,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: PanelBar
+- component: PanelBarComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/panel_bar_component.rb
   parameters:
   - name: tag
@@ -501,7 +501,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Pill
+- component: PillComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/pill_component.rb
   parameters:
   - name: tag
@@ -520,7 +520,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: RichTextArea
+- component: RichTextAreaComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/rich_text_area_component.rb
   parameters:
   - name: name
@@ -543,7 +543,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Slideover
+- component: SlideoverComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/slideover_component.rb
   parameters:
   - name: tag
@@ -570,7 +570,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Tab
+- component: TabComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_component.rb
   parameters:
   - name: id
@@ -597,7 +597,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: TabContainer
+- component: TabContainerComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_container_component.rb
   parameters:
   - name: sr_label
@@ -613,7 +613,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: TabNav
+- component: TabNavComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_nav_component.rb
   parameters:
   - name: label
@@ -633,7 +633,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: TableNav
+- component: TableNavComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/table_nav_component.rb
   parameters:
   - name: classes
@@ -659,7 +659,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: TimeAgo
+- component: TimeAgoComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/time_ago_component.rb
   parameters:
   - name: tag
@@ -683,7 +683,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Timeline
+- component: TimelineComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/timeline_component.rb
   parameters:
   - name: tag
@@ -698,7 +698,7 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
-- component: Tooltip
+- component: TooltipComponent
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tooltip_component.rb
   parameters:
   - name: tag

data/static/classes.yml

@@ -97,9 +97,7 @@
 - ".ariadne-text-green-600"
 - ".ariadne-border-gray-300"
 - ".ariadne-shadow"
-- ".ariadne-py-5"
 - ".ariadne-px-5"
-- ".ariadne-bg-neutral-50"
 - ".ariadne-text-gray-500"
 - ".hover:ariadne-text-gray-700"
 - ".hover:ariadne-border-gray-300"
@@ -112,9 +110,9 @@
 - ".ariadne-space-y-8"
 - ".sm:ariadne-space-y-5"
 - ".tiptap-editor"
-- ".ariadne-mt-2"
 - ".ariadne-justify-end"
 - ".ariadne__details-reset"
+- ".ariadne-mt-2"
 - ".ariadne-w-56"
 - ".ariadne-divide-y"
 - ".ariadne-divide-gray-100"
@@ -141,6 +139,7 @@
 - ".ariadne-pt-5"
 - ".ariadne--mx-2"
 - ".ariadne-flex-col"
+- ".ariadne-py-5"
 - ".ariadne-mt-6"
 - ".ariadne-text-slate-500"
 - ".sm:ariadne-mt-0"
@@ -162,7 +161,6 @@
 - ".hover:ariadne-bg-button-hover-color"
 - ".md:ariadne-flex"
 - ".md:ariadne-divide-y-0"
-- ".ariadne-py-0.5"
 - ".ariadne-text-black"
 - ".ariadne-hidden"
 - ".ariadne-list-none"

data/static/constants.json

@@ -136,7 +136,7 @@
     "DEFAULT_TAG": "clipboard-copy"
   },
   "Ariadne::CommentComponent": {
-    "DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md ",
+    "DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-px-5 ariadne-rounded-md ",
     "DEFAULT_TAG": "div",
     "TAG_OPTIONS": [
       "div"
@@ -453,14 +453,14 @@
     "DEFAULT_WRAPPER_CLASSES": "group ariadne-flex ariadne-items-center ariadne-w-full"
   },
   "Ariadne::PillComponent": {
-    "DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap",
+    "DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-1 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap",
     "DEFAULT_TAG": "span",
     "TAG_OPTIONS": [
       "span"
     ]
   },
   "Ariadne::RichTextAreaComponent": {
-    "DEFAULT_CLASSES": "ariadne-block",
+    "DEFAULT_CLASSES": "",
     "DEFAULT_TAG": "div"
   },
   "Ariadne::SlideoverComponent": {
@@ -487,7 +487,7 @@
   },
   "Ariadne::TabContainerComponent": {
     "DEFAULT_CLASSES": "",
-    "DEFAULT_SELECTED_CLASSES": "ariadne-bg-white ariadne-border-indigo-500 ariadne-text-indigo-600",
+    "DEFAULT_SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
     "DEFAULT_TAG": "tab-container",
     "DEFAULT_UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
   },

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.21
+  version: 0.0.23
 platform: x86_64-linux
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-10-12 00:00:00.000000000 Z
+date: 2022-10-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -232,7 +232,6 @@ files:
 - lib/tasks/ariadne_view_components.rake
 - lib/tasks/build.rake
 - lib/tasks/coverage.rake
-- lib/tasks/custom_utilities.yml
 - lib/tasks/docs.rake
 - lib/tasks/helpers/ast_processor.rb
 - lib/tasks/helpers/ast_traverser.rb