primer_view_components 0.0.38 → 0.0.43

data/lib/tasks/statuses.rake

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+namespace :statuses do
+  task :dump do
+    require File.expand_path("./../../demo/config/environment.rb", __dir__)
+    require "primer/view_components"
+    # Loads all components for `.descendants` to work properly
+    Dir["./app/components/primer/**/*.rb"].sort.each { |file| require file }
+
+    Primer::ViewComponents.dump_statuses
+  end
+end

data/lib/yard/docs_helper.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+module YARD
+  # Helper methods to use for yard documentation
+  module DocsHelper
+    def one_of(enumerable, lower: false)
+      values =
+        case enumerable
+        when Hash
+          enumerable.map do |key, value|
+            "#{pretty_value(key)} (#{pretty_value(value)})"
+          end
+        else
+          enumerable.map do |key|
+            pretty_value(key)
+          end
+          end
+
+      prefix = "One of"
+      prefix = prefix.downcase if lower
+
+      "#{prefix} #{values.to_sentence(last_word_connector: ', or ')}."
+    end
+
+    def link_to_system_arguments_docs
+      "[System arguments](/system-arguments)"
+    end
+
+    def link_to_typography_docs
+      "[Typography](/system-arguments#typography)"
+    end
+
+    def link_to_component(component)
+      short_name = component.name.gsub(/Primer|::|Component/, "")
+      "[#{short_name}](/components/#{short_name.downcase})"
+    end
+
+    def link_to_octicons
+      "[Octicon](https://primer.style/octicons/)"
+    end
+
+    def link_to_heading_practices
+      "[Learn more about best heading practices (WAI Headings)](https://www.w3.org/WAI/tutorials/page-structure/headings/)"
+    end
+
+    def pretty_value(val)
+      case val
+      when nil
+        "`nil`"
+      when Symbol
+        "`:#{val}`"
+      else
+        "`#{val}`"
+      end
+    end
+  end
+end

data/static/statuses.json

@@ -1 +1,54 @@
-{"Primer::AutoComplete":"beta","Primer::AutoComplete::Item":"beta","Primer::AvatarComponent":"beta","Primer::AvatarStackComponent":"beta","Primer::BaseButton":"beta","Primer::BaseComponent":"beta","Primer::BlankslateComponent":"beta","Primer::BorderBoxComponent":"beta","Primer::BoxComponent":"stable","Primer::BreadcrumbComponent":"beta","Primer::BreadcrumbComponent::ItemComponent":"alpha","Primer::ButtonComponent":"beta","Primer::ButtonGroup":"beta","Primer::ButtonMarketingComponent":"alpha","Primer::ClipboardCopy":"alpha","Primer::CloseButton":"alpha","Primer::CounterComponent":"beta","Primer::DetailsComponent":"beta","Primer::Dropdown::MenuComponent":"alpha","Primer::DropdownComponent":"alpha","Primer::DropdownMenuComponent":"deprecated","Primer::FlashComponent":"beta","Primer::FlexComponent":"alpha","Primer::FlexItemComponent":"alpha","Primer::HeadingComponent":"beta","Primer::HiddenTextExpander":"alpha","Primer::LabelComponent":"beta","Primer::LayoutComponent":"alpha","Primer::LinkComponent":"beta","Primer::MarkdownComponent":"alpha","Primer::MenuComponent":"alpha","Primer::Navigation::TabComponent":"alpha","Primer::OcticonComponent":"beta","Primer::PopoverComponent":"beta","Primer::ProgressBarComponent":"beta","Primer::SpinnerComponent":"beta","Primer::StateComponent":"beta","Primer::SubheadComponent":"beta","Primer::TabContainerComponent":"alpha","Primer::TabNavComponent":"alpha","Primer::TextComponent":"beta","Primer::TimeAgoComponent":"beta","Primer::TimelineItemComponent":"beta","Primer::TimelineItemComponent::BadgeComponent":"alpha","Primer::TooltipComponent":"alpha","Primer::Truncate":"beta","Primer::UnderlineNavComponent":"alpha"}
+{
+  "Primer::AutoComplete": "beta",
+  "Primer::AutoComplete::Item": "beta",
+  "Primer::AvatarComponent": "beta",
+  "Primer::AvatarStackComponent": "beta",
+  "Primer::BaseButton": "beta",
+  "Primer::BaseComponent": "beta",
+  "Primer::BlankslateComponent": "beta",
+  "Primer::BorderBoxComponent": "beta",
+  "Primer::BoxComponent": "stable",
+  "Primer::BreadcrumbComponent": "beta",
+  "Primer::BreadcrumbComponent::ItemComponent": "alpha",
+  "Primer::ButtonComponent": "beta",
+  "Primer::ButtonGroup": "beta",
+  "Primer::ButtonMarketingComponent": "alpha",
+  "Primer::ClipboardCopy": "alpha",
+  "Primer::CloseButton": "beta",
+  "Primer::CounterComponent": "beta",
+  "Primer::DetailsComponent": "beta",
+  "Primer::Dropdown::MenuComponent": "alpha",
+  "Primer::DropdownComponent": "alpha",
+  "Primer::DropdownMenuComponent": "deprecated",
+  "Primer::FlashComponent": "beta",
+  "Primer::FlexComponent": "deprecated",
+  "Primer::FlexItemComponent": "deprecated",
+  "Primer::HeadingComponent": "beta",
+  "Primer::HiddenTextExpander": "alpha",
+  "Primer::IconButton": "beta",
+  "Primer::Image": "alpha",
+  "Primer::ImageCrop": "alpha",
+  "Primer::LabelComponent": "beta",
+  "Primer::LayoutComponent": "alpha",
+  "Primer::LinkComponent": "beta",
+  "Primer::LocalTime": "alpha",
+  "Primer::Markdown": "beta",
+  "Primer::MenuComponent": "alpha",
+  "Primer::Navigation::TabComponent": "alpha",
+  "Primer::OcticonComponent": "beta",
+  "Primer::OcticonSymbolsComponent": "alpha",
+  "Primer::PopoverComponent": "beta",
+  "Primer::ProgressBarComponent": "beta",
+  "Primer::SpinnerComponent": "beta",
+  "Primer::StateComponent": "beta",
+  "Primer::SubheadComponent": "beta",
+  "Primer::TabContainerComponent": "alpha",
+  "Primer::TabNavComponent": "beta",
+  "Primer::TextComponent": "beta",
+  "Primer::TimeAgoComponent": "beta",
+  "Primer::TimelineItemComponent": "beta",
+  "Primer::TimelineItemComponent::BadgeComponent": "alpha",
+  "Primer::Tooltip": "beta",
+  "Primer::Truncate": "beta",
+  "Primer::UnderlineNavComponent": "alpha"
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.38
+  version: 0.0.43
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-04-26 00:00:00.000000000 Z
+date: 2021-06-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -39,7 +39,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 5.0.0
 - !ruby/object:Gem::Dependency
-  name: octicons_helper
+  name: octicons
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -86,6 +86,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.6.3
+- !ruby/object:Gem::Dependency
+  name: axe-core-api
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
 - !ruby/object:Gem::Dependency
   name: benchmark-ips
   requirement: !ruby/object:Gem::Requirement
@@ -120,14 +134,28 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: '0.11'
+        version: '0.13'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: '0.11'
+        version: '0.13'
+- !ruby/object:Gem::Dependency
+  name: erb_lint
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: listen
   requirement: !ruby/object:Gem::Requirement
@@ -342,8 +370,8 @@ files:
 - app/components/primer/box_component.rb
 - app/components/primer/breadcrumb_component.html.erb
 - app/components/primer/breadcrumb_component.rb
+- app/components/primer/button_component.html.erb
 - app/components/primer/button_component.rb
-- app/components/primer/button_component.rb.orig
 - app/components/primer/button_group.html.erb
 - app/components/primer/button_group.rb
 - app/components/primer/button_marketing_component.rb
@@ -367,20 +395,32 @@ files:
 - app/components/primer/flash_component.rb
 - app/components/primer/flex_component.rb
 - app/components/primer/flex_item_component.rb
-- app/components/primer/foo_bar.d.ts
-- app/components/primer/foo_bar.js
 - app/components/primer/heading_component.rb
 - app/components/primer/hidden_text_expander.rb
+- app/components/primer/icon_button.rb
+- app/components/primer/image.rb
+- app/components/primer/image_crop.d.ts
+- app/components/primer/image_crop.html.erb
+- app/components/primer/image_crop.js
+- app/components/primer/image_crop.rb
+- app/components/primer/image_crop.ts
 - app/components/primer/label_component.rb
 - app/components/primer/layout_component.html.erb
 - app/components/primer/layout_component.rb
 - app/components/primer/link_component.rb
-- app/components/primer/markdown_component.rb
+- app/components/primer/local_time.d.ts
+- app/components/primer/local_time.js
+- app/components/primer/local_time.rb
+- app/components/primer/local_time.ts
+- app/components/primer/markdown.rb
 - app/components/primer/menu_component.html.erb
 - app/components/primer/menu_component.rb
 - app/components/primer/navigation/tab_component.html.erb
 - app/components/primer/navigation/tab_component.rb
+- app/components/primer/octicon_component.html.erb
 - app/components/primer/octicon_component.rb
+- app/components/primer/octicon_symbols_component.html.erb
+- app/components/primer/octicon_symbols_component.rb
 - app/components/primer/popover_component.html.erb
 - app/components/primer/popover_component.rb
 - app/components/primer/primer.d.ts
@@ -406,27 +446,38 @@ files:
 - app/components/primer/time_ago_component.ts
 - app/components/primer/timeline_item_component.html.erb
 - app/components/primer/timeline_item_component.rb
-- app/components/primer/tooltip_component.rb
+- app/components/primer/tooltip.rb
 - app/components/primer/truncate.rb
 - app/components/primer/underline_nav_component.html.erb
 - app/components/primer/underline_nav_component.rb
 - app/lib/primer/class_name_helper.rb
 - app/lib/primer/classify.rb
 - app/lib/primer/classify/cache.rb
+- app/lib/primer/classify/flex.rb
 - app/lib/primer/classify/functional_background_colors.rb
 - app/lib/primer/classify/functional_border_colors.rb
 - app/lib/primer/classify/functional_colors.rb
 - app/lib/primer/classify/functional_text_colors.rb
+- app/lib/primer/classify/grid.rb
 - app/lib/primer/classify/spacing.rb
 - app/lib/primer/fetch_or_fallback_helper.rb
 - app/lib/primer/join_style_arguments_helper.rb
+- app/lib/primer/octicon/cache.rb
 - app/lib/primer/status/dsl.rb
 - app/lib/primer/tabbed_component_helper.rb
 - app/lib/primer/test_selector_helper.rb
 - app/lib/primer/view_helper.rb
 - lib/primer/view_components.rb
 - lib/primer/view_components/engine.rb
+- lib/primer/view_components/linters.rb
+- lib/primer/view_components/linters/button_component_migration_counter.rb
+- lib/primer/view_components/linters/flash_component_migration_counter.rb
+- lib/primer/view_components/linters/helpers.rb
 - lib/primer/view_components/version.rb
+- lib/tasks/coverage.rake
+- lib/tasks/docs.rake
+- lib/tasks/statuses.rake
+- lib/yard/docs_helper.rb
 - lib/yard/renders_many_handler.rb
 - lib/yard/renders_one_handler.rb
 - static/statuses.json
@@ -450,7 +501,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: ViewComponents for the Primer Design System

data/app/components/primer/button_component.rb.orig

@@ -1,138 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # Use buttons for actions (e.g. in forms). Use links for destinations, or moving from one page to another.
-  class ButtonComponent < Primer::Component
-    status :beta
-
-    DEFAULT_SCHEME = :default
-    LINK_SCHEME = :link
-    SCHEME_MAPPINGS = {
-      DEFAULT_SCHEME => "",
-      :primary => "btn-primary",
-      :danger => "btn-danger",
-      :outline => "btn-outline",
-      :invisible => "btn-invisible",
-      LINK_SCHEME => "btn-link"
-    }.freeze
-    SCHEME_OPTIONS = SCHEME_MAPPINGS.keys
-
-    DEFAULT_VARIANT = :medium
-    VARIANT_MAPPINGS = {
-      :small => "btn-sm",
-      DEFAULT_VARIANT => "",
-      :large => "btn-large"
-    }.freeze
-    VARIANT_OPTIONS = VARIANT_MAPPINGS.keys
-
-<<<<<<< HEAD
-=======
-    DEFAULT_TAG = :button
-    TAG_OPTIONS = [DEFAULT_TAG, :a, :summary].freeze
-
-    DEFAULT_TYPE = :button
-    TYPE_OPTIONS = [DEFAULT_TYPE, :reset, :submit].freeze
-
-    DEFAULT_ICON_ALIGN = :left
-    ICON_ALIGN_OPTIONS = [DEFAULT_ICON_ALIGN, :right].freeze
-
-    # Icon to be rendered in the button.
-    #
-    # @param align [Symbol] <%= one_of(Primer::ButtonComponent::ICON_ALIGN_OPTIONS) %>
-    # @param system_arguments [Hash] Same arguments as <%= link_to_component(Primer::OcticonComponent) %>.
-    renders_one :icon, lambda { |align: DEFAULT_ICON_ALIGN, **system_arguments|
-      @icon_align = fetch_or_fallback(ICON_ALIGN_OPTIONS, align, DEFAULT_ICON_ALIGN)
-
-      Primer::OcticonComponent.new(**system_arguments)
-    }
-
-    # Counter to be rendered in the button.
-    #
-    # @param system_arguments [Hash] Same arguments as <%= link_to_component(Primer::CounterComponent) %>.
-    renders_one :counter, Primer::CounterComponent
-
->>>>>>> 05bacd3 (add icon and counter slots to button)
-    # @example Schemes
-    #   <%= render(Primer::ButtonComponent.new) { "Default" } %>
-    #   <%= render(Primer::ButtonComponent.new(scheme: :primary)) { "Primary" } %>
-    #   <%= render(Primer::ButtonComponent.new(scheme: :danger)) { "Danger" } %>
-    #   <%= render(Primer::ButtonComponent.new(scheme: :outline)) { "Outline" } %>
-    #   <%= render(Primer::ButtonComponent.new(scheme: :invisible)) { "Invisible" } %>
-    #   <%= render(Primer::ButtonComponent.new(scheme: :link)) { "Link" } %>
-    #
-    # @example Variants
-    #   <%= render(Primer::ButtonComponent.new(variant: :small)) { "Small" } %>
-    #   <%= render(Primer::ButtonComponent.new(variant: :medium)) { "Medium" } %>
-    #   <%= render(Primer::ButtonComponent.new(variant: :large)) { "Large" } %>
-    #
-    # @example Block
-    #   <%= render(Primer::ButtonComponent.new(block: :true)) { "Block" } %>
-    #   <%= render(Primer::ButtonComponent.new(block: :true, scheme: :primary)) { "Primary block" } %>
-    #
-    # @example With icons
-    #   <%= render(Primer::ButtonComponent.new) do |c| %>
-    #     <% c.icon(icon: :star) %>
-    #     Button
-    #   <% end %>
-    #   <%= render(Primer::ButtonComponent.new) do |c| %>
-    #     <% c.icon(icon: :star, align: :right) %>
-    #     Button
-    #   <% end %>
-    #
-    # @example With counter
-    #   <%= render(Primer::ButtonComponent.new) do |c| %>
-    #     <% c.counter(count: 15) %>
-    #     Button
-    #   <% end %>
-    #
-    # @example With icons and counter
-    #   <%= render(Primer::ButtonComponent.new) do |c| %>
-    #     <% c.icon(icon: :star) %>
-    #     <% c.counter(count: 15) %>
-    #     Button
-    #   <% end %>
-    #   <%= render(Primer::ButtonComponent.new) do |c| %>
-    #     <% c.icon(icon: :star, align: :right) %>
-    #     <% c.counter(count: 15) %>
-    #     Button
-    #   <% end %>
-    #
-    # @param scheme [Symbol] <%= one_of(Primer::ButtonComponent::SCHEME_OPTIONS) %>
-    # @param variant [Symbol] <%= one_of(Primer::ButtonComponent::VARIANT_OPTIONS) %>
-    # @param tag [Symbol] <%= one_of(Primer::BaseButton::TAG_OPTIONS) %>
-    # @param type [Symbol] <%= one_of(Primer::BaseButton::TYPE_OPTIONS) %>
-    # @param group_item [Boolean] Whether button is part of a ButtonGroup.
-    # @param block [Boolean] Whether button is full-width with `display: block`.
-    def initialize(
-      scheme: DEFAULT_SCHEME,
-      variant: DEFAULT_VARIANT,
-      group_item: false,
-      block: false,
-      **system_arguments
-    )
-      @scheme = scheme
-      @system_arguments = system_arguments
-      @system_arguments[:classes] = class_names(
-        system_arguments[:classes],
-        SCHEME_MAPPINGS[fetch_or_fallback(SCHEME_OPTIONS, scheme, DEFAULT_SCHEME)],
-        VARIANT_MAPPINGS[fetch_or_fallback(VARIANT_OPTIONS, variant, DEFAULT_VARIANT)],
-        "btn" => !link?,
-        "btn-block" => block,
-        "BtnGroup-item" => group_item
-      )
-    end
-
-<<<<<<< HEAD
-    def call
-      render(Primer::BaseButton.new(**@system_arguments)) { content }
-    end
-
-=======
->>>>>>> 05bacd3 (add icon and counter slots to button)
-    private
-
-    def link?
-      @scheme == LINK_SCHEME
-    end
-  end
-end

data/app/components/primer/foo_bar.d.ts

@@ -1 +0,0 @@
-import '@github/details-menu-element';

data/app/components/primer/foo_bar.js

@@ -1 +0,0 @@
-import '@github/details-menu-element';