primer_view_components 0.0.50 → 0.0.54

data/static/statuses.json

@@ -1,5 +1,7 @@
 {
   "Primer::Alpha::ButtonMarketing": "alpha",
+  "Primer::Alpha::UnderlineNav": "alpha",
+  "Primer::Alpha::UnderlinePanels": "alpha",
   "Primer::BaseButton": "beta",
   "Primer::BaseComponent": "beta",
   "Primer::Beta::AutoComplete": "beta",
@@ -7,15 +9,17 @@
   "Primer::Beta::AutoComplete::Item": "beta",
   "Primer::Beta::Avatar": "beta",
   "Primer::Beta::AvatarStack": "beta",
+  "Primer::Beta::Breadcrumbs": "beta",
+  "Primer::Beta::Breadcrumbs::Item": "alpha",
   "Primer::Beta::Text": "beta",
+  "Primer::Beta::Truncate": "beta",
+  "Primer::Beta::Truncate::TruncateText": "alpha",
   "Primer::BlankslateComponent": "beta",
   "Primer::BorderBoxComponent": "beta",
   "Primer::BoxComponent": "stable",
-  "Primer::BreadcrumbComponent": "beta",
-  "Primer::BreadcrumbComponent::ItemComponent": "alpha",
   "Primer::ButtonComponent": "beta",
   "Primer::ButtonGroup": "beta",
-  "Primer::ClipboardCopy": "alpha",
+  "Primer::ClipboardCopy": "beta",
   "Primer::CloseButton": "beta",
   "Primer::CounterComponent": "beta",
   "Primer::DetailsComponent": "beta",
@@ -51,6 +55,5 @@
   "Primer::TimelineItemComponent": "beta",
   "Primer::TimelineItemComponent::BadgeComponent": "alpha",
   "Primer::Tooltip": "beta",
-  "Primer::Truncate": "beta",
-  "Primer::UnderlineNavComponent": "alpha"
+  "Primer::Truncate": "beta"
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.50
+  version: 0.0.54
 platform: ruby
 authors:
 - GitHub Open Source
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-08-03 00:00:00.000000000 Z
+date: 2021-08-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -218,14 +218,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: '0.82'
+        version: 1.13.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: '0.82'
+        version: 1.13.0
 - !ruby/object:Gem::Dependency
   name: rubocop-github
   requirement: !ruby/object:Gem::Requirement
@@ -324,6 +324,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: timecop
+  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: yard
   requirement: !ruby/object:Gem::Requirement
@@ -338,7 +352,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.9.25
-description:
+description: 
 email:
 - opensource+primer_view_components@github.com
 executables: []
@@ -351,10 +365,12 @@ files:
 - app/assets/javascripts/primer_view_components.js
 - app/assets/javascripts/primer_view_components.js.map
 - app/components/primer/alpha/button_marketing.rb
+- app/components/primer/alpha/underline_nav.html.erb
+- app/components/primer/alpha/underline_nav.rb
+- app/components/primer/alpha/underline_panels.html.erb
+- app/components/primer/alpha/underline_panels.rb
 - app/components/primer/auto_complete/auto_complete.d.ts
 - app/components/primer/auto_complete/auto_complete.js
-- app/components/primer/auto_complete/auto_component.d.ts
-- app/components/primer/auto_complete/auto_component.js
 - app/components/primer/base_button.rb
 - app/components/primer/base_component.rb
 - app/components/primer/beta/auto_complete.rb
@@ -366,14 +382,16 @@ files:
 - app/components/primer/beta/avatar.rb
 - app/components/primer/beta/avatar_stack.html.erb
 - app/components/primer/beta/avatar_stack.rb
+- app/components/primer/beta/breadcrumbs.html.erb
+- app/components/primer/beta/breadcrumbs.rb
 - app/components/primer/beta/text.rb
+- app/components/primer/beta/truncate.html.erb
+- app/components/primer/beta/truncate.rb
 - app/components/primer/blankslate_component.html.erb
 - app/components/primer/blankslate_component.rb
 - app/components/primer/border_box_component.html.erb
 - app/components/primer/border_box_component.rb
 - 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_group.html.erb
@@ -456,8 +474,6 @@ files:
 - app/components/primer/timeline_item_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/fetch_or_fallback_helper.rb
 - app/lib/primer/join_style_arguments_helper.rb
@@ -465,6 +481,7 @@ files:
 - app/lib/primer/status/dsl.rb
 - app/lib/primer/tabbed_component_helper.rb
 - app/lib/primer/test_selector_helper.rb
+- app/lib/primer/underline_nav_helper.rb
 - app/lib/primer/view_helper.rb
 - lib/primer/classify.rb
 - lib/primer/classify/cache.rb
@@ -476,6 +493,7 @@ files:
 - lib/primer/classify/grid.rb
 - lib/primer/classify/utilities.rb
 - lib/primer/classify/utilities.yml
+- lib/primer/classify/validation.rb
 - lib/primer/view_components.rb
 - lib/primer/view_components/constants.rb
 - lib/primer/view_components/engine.rb
@@ -483,22 +501,26 @@ files:
 - lib/primer/view_components/linters/argument_mappers/base.rb
 - lib/primer/view_components/linters/argument_mappers/button.rb
 - lib/primer/view_components/linters/argument_mappers/clipboard_copy.rb
+- lib/primer/view_components/linters/argument_mappers/close_button.rb
 - lib/primer/view_components/linters/argument_mappers/conversion_error.rb
+- lib/primer/view_components/linters/argument_mappers/flash.rb
 - lib/primer/view_components/linters/argument_mappers/helpers/erb_block.rb
 - lib/primer/view_components/linters/argument_mappers/label.rb
 - lib/primer/view_components/linters/argument_mappers/system_arguments.rb
 - lib/primer/view_components/linters/autocorrectable.rb
+- lib/primer/view_components/linters/base_linter.rb
 - lib/primer/view_components/linters/button_component_migration_counter.rb
 - lib/primer/view_components/linters/clipboard_copy_component_migration_counter.rb
 - lib/primer/view_components/linters/close_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/linters/label_component_migration_counter.rb
 - lib/primer/view_components/statuses.rb
 - lib/primer/view_components/version.rb
 - lib/rubocop/config/default.yml
 - lib/rubocop/cop/primer.rb
+- lib/rubocop/cop/primer/deprecated_arguments.rb
 - lib/rubocop/cop/primer/no_tag_memoize.rb
+- lib/rubocop/cop/primer/primer_octicon.rb
 - lib/rubocop/cop/primer/system_argument_instead_of_class.rb
 - lib/tasks/constants.rake
 - lib/tasks/coverage.rake
@@ -518,7 +540,7 @@ licenses:
 - MIT
 metadata:
   allowed_push_host: https://rubygems.org
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -534,7 +556,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.2
-signing_key:
+signing_key: 
 specification_version: 4
 summary: ViewComponents for the Primer Design System
 test_files: []

data/app/components/primer/auto_complete/auto_component.d.ts

@@ -1 +0,0 @@
-import '@github/auto-complete-element';

data/app/components/primer/auto_complete/auto_component.js

@@ -1 +0,0 @@
-import '@github/auto-complete-element';

data/app/components/primer/breadcrumb_component.rb

@@ -1,57 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # Use `Breadcrumb` to display page hierarchy within a section of the site. All of the items in the breadcrumb "trail" are links except for the final item, which is a plain string indicating the current page.
-  class BreadcrumbComponent < Primer::Component
-    status :beta
-
-    # _Note: if both `href` and `selected: true` are passed in, `href` will be ignored and the item will not be rendered as a link._
-    #
-    # @param href [String] The URL to link to.
-    # @param selected [Boolean] Whether or not the item is selected and not rendered as a link.
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    renders_many :items, "ItemComponent"
-
-    # @example Basic
-    #   <%= render(Primer::BreadcrumbComponent.new) do |component| %>
-    #     <% component.item(href: "/") do %>Home<% end %>
-    #     <% component.item(href: "/about") do %>About<% end %>
-    #     <% component.item(selected: true) do %>Team<% end %>
-    #   <% end %>
-    #
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(**system_arguments)
-      @system_arguments = system_arguments
-      @system_arguments[:tag] = :nav
-      @system_arguments[:aria] = { label: "Breadcrumb" }
-    end
-
-    def render?
-      items.any?
-    end
-
-    # This component is part of `Primer::BreadcrumbComponent` and should not be
-    # used as a standalone component.
-    class ItemComponent < Primer::Component
-      def initialize(href: nil, selected: false, **system_arguments)
-        @href = href
-        @system_arguments = system_arguments
-
-        @href = nil if selected
-        @system_arguments[:tag] = :li
-        @system_arguments[:"aria-current"] = "page" if selected
-        @system_arguments[:classes] = "breadcrumb-item #{@system_arguments[:classes]}"
-      end
-
-      def call
-        render(Primer::BaseComponent.new(**@system_arguments)) do
-          if @href.present?
-            render(Primer::LinkComponent.new(href: @href)) { content }
-          else
-            content
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/primer/underline_nav_component.rb

@@ -1,187 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # Use `UnderlineNav` to style navigation with a minimal
-  # underlined selected state, typically used for navigation placed at the top
-  # of the page.
-  class UnderlineNavComponent < Primer::Component
-    include Primer::TabbedComponentHelper
-
-    ALIGN_DEFAULT = :left
-    ALIGN_OPTIONS = [ALIGN_DEFAULT, :right].freeze
-
-    BODY_TAG_DEFAULT = :div
-    BODY_TAG_OPTIONS = [BODY_TAG_DEFAULT, :ul].freeze
-
-    ACTIONS_TAG_DEFAULT = :div
-    ACTIONS_TAG_OPTIONS = [ACTIONS_TAG_DEFAULT, :span].freeze
-
-    # Use the tabs to list navigation items. When `with_panel` is set on the parent, a button is rendered for panel navigation. Otherwise,
-    # an anchor tag is rendered for page navigation. For more information, refer to <%= link_to_component(Primer::Navigation::TabComponent) %>.
-    #
-    # @param panel_id [String] Only applies if `with_panel` is `true`. Unique id of panel.
-    # @param selected [Boolean] Whether the tab is selected.
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    renders_many :tabs, lambda { |selected: false, **system_arguments|
-      system_arguments[:classes] = class_names(
-        "UnderlineNav-item",
-        system_arguments[:classes]
-      )
-
-      Primer::Navigation::TabComponent.new(
-        list: list?,
-        selected: selected,
-        with_panel: @with_panel,
-        icon_classes: "UnderlineNav-octicon",
-        **system_arguments
-      )
-    }
-
-    # Use actions for a call to action.
-    #
-    # @param tag [Symbol] (Primer::UnderlineNavComponent::ACTIONS_TAG_DEFAULT) <%= one_of(Primer::UnderlineNavComponent::ACTIONS_TAG_OPTIONS) %>
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    renders_one :actions, lambda { |tag: ACTIONS_TAG_DEFAULT, **system_arguments|
-      system_arguments[:tag] = fetch_or_fallback(ACTIONS_TAG_OPTIONS, tag, ACTIONS_TAG_DEFAULT)
-      system_arguments[:classes] = class_names("UnderlineNav-actions", system_arguments[:classes])
-
-      Primer::BaseComponent.new(**system_arguments)
-    }
-
-    # @example Default
-    #   <%= render(Primer::UnderlineNavComponent.new(label: "Default")) do |component| %>
-    #     <% component.tab(href: "#", selected: true) { "Item 1" } %>
-    #     <% component.tab(href: "#") { "Item 2" } %>
-    #     <% component.actions do %>
-    #       <%= render(Primer::ButtonComponent.new) { "Button!" } %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example With icons and counters
-    #   <%= render(Primer::UnderlineNavComponent.new(label: "With icons and counters")) do |component| %>
-    #     <% component.tab(href: "#", selected: true) do |t| %>
-    #       <% t.icon(icon: :star) %>
-    #       <% t.text { "Item 1" } %>
-    #     <% end %>
-    #     <% component.tab(href: "#") do |t| %>
-    #       <% t.icon(icon: :star) %>
-    #       <% t.text { "Item 2" } %>
-    #       <% t.counter(count: 10) %>
-    #     <% end %>
-    #     <% component.tab(href: "#") do |t| %>
-    #       <% t.text { "Item 3" } %>
-    #       <% t.counter(count: 10) %>
-    #     <% end %>
-    #     <% component.actions do %>
-    #       <%= render(Primer::ButtonComponent.new) { "Button!" } %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example Align right
-    #   <%= render(Primer::UnderlineNavComponent.new(label: "Align right", align: :right)) do |component| %>
-    #     <% component.tab(href: "#", selected: true) do |t| %>
-    #       <% t.text { "Item 1" } %>
-    #     <% end %>
-    #     <% component.tab(href: "#") do |t| %>
-    #       <% t.text { "Item 2" } %>
-    #     <% end %>
-    #     <% component.actions do %>
-    #       <%= render(Primer::ButtonComponent.new) { "Button!" } %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example As a list
-    #   <%= render(Primer::UnderlineNavComponent.new(label: "As a list", body_arguments: { tag: :ul })) do |component| %>
-    #     <% component.tab(href: "#", selected: true) do |t| %>
-    #       <% t.text { "Item 1" } %>
-    #     <% end %>
-    #     <% component.tab(href: "#") do |t| %>
-    #       <% t.text { "Item 2" } %>
-    #     <% end %>
-    #     <% component.actions do %>
-    #       <%= render(Primer::ButtonComponent.new) { "Button!" } %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example With panels
-    #   <%= render(Primer::UnderlineNavComponent.new(label: "With panels", with_panel: true)) do |component| %>
-    #     <% component.tab(selected: true, id: "tab-1", panel_id: "panel-1") do |t| %>
-    #       <% t.text { "Item 1" } %>
-    #       <% t.panel do %>
-    #         Panel 1
-    #       <% end %>
-    #     <% end %>
-    #     <% component.tab(id: "tab-2", panel_id: "panel-2") do |t| %>
-    #       <% t.text { "Item 2" } %>
-    #       <% t.panel do %>
-    #         Panel 2
-    #       <% end %>
-    #     <% end %>
-    #     <% component.actions do %>
-    #       <%= render(Primer::ButtonComponent.new) { "Button!" } %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example Customizing the body
-    #   <%= render(Primer::UnderlineNavComponent.new(label: "Default", body_arguments: { tag: :ul, classes: "custom-class", border: true, border_color: :info })) do |c| %>
-    #     <% c.tab(selected: true, href: "#") { "Tab 1" }%>
-    #     <% c.tab(href: "#") { "Tab 2" } %>
-    #     <% c.tab(href: "#") { "Tab 3" } %>
-    #   <% end %>
-    #
-    # @example Customizing the wrapper
-    #   <%= render(Primer::UnderlineNavComponent.new(label: "Default", wrapper_arguments: { classes: "custom-class", border: true, border_color: :info })) do |c| %>
-    #     <% c.tab(selected: true, href: "#") { "Tab 1" }%>
-    #     <% c.tab(href: "#") { "Tab 2" } %>
-    #     <% c.tab(href: "#") { "Tab 3" } %>
-    #   <% end %>
-    #
-    # @param label [String] The `aria-label` on top level `<nav>` element.
-    # @param with_panel [Boolean] Whether the `UnderlineNav` should navigate through pages or panels. When true, <%= link_to_component(Primer::TabContainerComponent) %> is
-    #   rendered along with JavaScript behavior.
-    # @param align [Symbol] <%= one_of(Primer::UnderlineNavComponent::ALIGN_OPTIONS) %> - Defaults to <%= Primer::UnderlineNavComponent::ALIGN_DEFAULT %>
-    # @param body_arguments [Hash] <%= link_to_system_arguments_docs %> for the body wrapper.
-    # @param wrapper_arguments [Hash] <%= link_to_system_arguments_docs %> for the `TabContainer` wrapper. Only applies if `with_panel` is `true`.
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(label:, with_panel: false, align: ALIGN_DEFAULT, body_arguments: { tag: BODY_TAG_DEFAULT }, wrapper_arguments: {}, **system_arguments)
-      @with_panel = with_panel
-      @align = fetch_or_fallback(ALIGN_OPTIONS, align, ALIGN_DEFAULT)
-      @wrapper_arguments = wrapper_arguments
-
-      @system_arguments = system_arguments
-      @system_arguments[:tag] = navigation_tag(with_panel)
-      @system_arguments[:classes] = class_names(
-        @system_arguments[:classes],
-        "UnderlineNav",
-        "UnderlineNav--right" => @align == :right
-      )
-
-      @body_arguments = body_arguments
-      @body_tag = fetch_or_fallback(BODY_TAG_OPTIONS, body_arguments[:tag]&.to_sym, BODY_TAG_DEFAULT)
-
-      @body_arguments[:tag] = @body_tag
-      @body_arguments[:classes] = class_names(
-        "UnderlineNav-body",
-        @body_arguments[:classes],
-        "list-style-none" => list?
-      )
-
-      if with_panel
-        @body_arguments[:role] = :tablist
-        @body_arguments[:"aria-label"] = label
-      else
-        @system_arguments[:"aria-label"] = label
-      end
-    end
-
-    private
-
-    def list?
-      @body_tag == :ul
-    end
-
-    def body
-      Primer::BaseComponent.new(**@body_arguments)
-    end
-  end
-end