primer_view_components 0.0.27 → 0.0.32

data/app/lib/primer/view_helper.rb

@@ -1,22 +1,20 @@
 # frozen_string_literal: true
 
 module Primer
-  # Module to allow shorthand calls for registered Primer components
-  #
-  # Registered components can be called with
-  # `primer(:name, **kwargs) { block }` instead of
-  # `render Primer::NameComponent.new(**kwargs) { block }`
+  # Module to allow shorthand calls for Primer components
   module ViewHelper
-    extend ActiveSupport::Concern
-
     class ViewHelperNotFound < StandardError; end
 
-    def primer(name, **component_args, &block)
-      component = Primer::Component.primer_helpers[name]
-
-      raise ViewHelperNotFound, "no component defined for helper #{name}" if component.blank?
+    HELPERS = {
+      octicon: "Primer::OcticonComponent",
+      heading: "Primer::HeadingComponent",
+      time_ago: "Primer::TimeAgoComponent"
+    }.freeze
 
-      render component.new(**component_args), &block
+    HELPERS.each do |name, component|
+      define_method "primer_#{name}" do |*args, **kwargs, &block|
+        render component.constantize.new(*args, **kwargs), &block
+      end
     end
   end
 end

data/lib/primer/view_components/engine.rb

@@ -12,6 +12,10 @@ module Primer
         #{root}/app/lib
       ]
 
+      config.primer_view_components = ActiveSupport::OrderedOptions.new
+      config.primer_view_components.force_functional_colors = true
+      config.primer_view_components.silence_deprecations = false
+
       initializer "primer_view_components.assets" do |app|
         app.config.assets.precompile += %w[primer_view_components] if app.config.respond_to?(:assets)
       end

data/lib/primer/view_components/version.rb

@@ -5,7 +5,7 @@ module Primer
     module VERSION
       MAJOR = 0
       MINOR = 0
-      PATCH = 27
+      PATCH = 32
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/static/statuses.json

@@ -1 +1 @@
-{"Primer::AvatarComponent":"beta","Primer::AvatarStackComponent":"alpha","Primer::BaseComponent":"beta","Primer::BlankslateComponent":"beta","Primer::BorderBoxComponent":"beta","Primer::BoxComponent":"stable","Primer::BreadcrumbComponent":"beta","Primer::BreadcrumbComponent::ItemComponent":"alpha","Primer::ButtonComponent":"alpha","Primer::ButtonGroupComponent":"alpha","Primer::ButtonMarketingComponent":"alpha","Primer::CounterComponent":"beta","Primer::DetailsComponent":"alpha","Primer::Dropdown::MenuComponent":"alpha","Primer::DropdownComponent":"alpha","Primer::DropdownMenuComponent":"deprecated","Primer::FlashComponent":"beta","Primer::FlexComponent":"alpha","Primer::FlexItemComponent":"alpha","Primer::HeadingComponent":"alpha","Primer::LabelComponent":"beta","Primer::LayoutComponent":"alpha","Primer::LinkComponent":"beta","Primer::MarkdownComponent":"alpha","Primer::MenuComponent":"alpha","Primer::OcticonComponent":"beta","Primer::PopoverComponent":"alpha","Primer::ProgressBarComponent":"beta","Primer::SpinnerComponent":"beta","Primer::StateComponent":"beta","Primer::SubheadComponent":"beta","Primer::TabContainerComponent":"alpha","Primer::TabNavComponent":"alpha","Primer::TabNavComponent::TabComponent":"alpha","Primer::TextComponent":"alpha","Primer::TimeAgoComponent":"alpha","Primer::TimelineItemComponent":"alpha","Primer::TimelineItemComponent::BadgeComponent":"alpha","Primer::TooltipComponent":"alpha","Primer::TruncateComponent":"alpha","Primer::UnderlineNavComponent":"alpha"}
+{"Primer::AutoCompleteComponent":"alpha","Primer::AutoCompleteItemComponent":"alpha","Primer::AvatarComponent":"beta","Primer::AvatarStackComponent":"alpha","Primer::BaseComponent":"beta","Primer::BlankslateComponent":"beta","Primer::BorderBoxComponent":"beta","Primer::BoxComponent":"stable","Primer::BreadcrumbComponent":"beta","Primer::BreadcrumbComponent::ItemComponent":"alpha","Primer::ButtonComponent":"alpha","Primer::ButtonGroupComponent":"alpha","Primer::ButtonMarketingComponent":"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::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::TruncateComponent":"alpha","Primer::UnderlineNavComponent":"alpha"}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.27
+  version: 0.0.32
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-03-08 00:00:00.000000000 Z
+date: 2021-03-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: octicons_helper
@@ -126,6 +126,20 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 5.6.0
+- !ruby/object:Gem::Dependency
+  name: mocha
+  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: pry
   requirement: !ruby/object:Gem::Requirement
@@ -238,7 +252,12 @@ files:
 - app/assets/javascripts/primer_view_components.js.map
 - app/assets/javascripts/primer_view_components.js.map.orig
 - app/assets/javascripts/primer_view_components.js.orig
+- app/components/primer/auto_complete_component.d.ts
+- app/components/primer/auto_complete_component.html.erb
 - app/components/primer/auto_complete_component.js
+- app/components/primer/auto_complete_component.rb
+- app/components/primer/auto_complete_component.ts
+- app/components/primer/auto_complete_item_component.rb
 - app/components/primer/avatar_component.rb
 - app/components/primer/avatar_stack_component.html.erb
 - app/components/primer/avatar_stack_component.rb
@@ -276,25 +295,29 @@ files:
 - app/components/primer/markdown_component.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.rb
 - app/components/primer/popover_component.html.erb
 - app/components/primer/popover_component.rb
+- app/components/primer/primer.d.ts
 - app/components/primer/primer.js
 - app/components/primer/primer.ts
 - app/components/primer/progress_bar_component.html.erb
 - app/components/primer/progress_bar_component.rb
-- app/components/primer/slot.rb
 - app/components/primer/spinner_component.html.erb
 - app/components/primer/spinner_component.rb
 - app/components/primer/state_component.rb
 - app/components/primer/subhead_component.html.erb
 - app/components/primer/subhead_component.rb
+- app/components/primer/tab_container_component.d.ts
 - app/components/primer/tab_container_component.js
 - app/components/primer/tab_container_component.rb
 - app/components/primer/tab_container_component.ts
 - app/components/primer/tab_nav_component.html.erb
 - app/components/primer/tab_nav_component.rb
 - app/components/primer/text_component.rb
+- app/components/primer/time_ago_component.d.ts
 - app/components/primer/time_ago_component.js
 - app/components/primer/time_ago_component.rb
 - app/components/primer/time_ago_component.ts
@@ -307,13 +330,16 @@ files:
 - app/lib/primer/class_name_helper.rb
 - app/lib/primer/classify.rb
 - app/lib/primer/classify/cache.rb
-- app/lib/primer/classify/functional_colors.rb.orig
+- 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/fetch_or_fallback_helper.rb
 - app/lib/primer/join_style_arguments_helper.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
-- app/lib/primer/view_helper/dsl.rb
 - lib/primer/view_components.rb
 - lib/primer/view_components/engine.rb
 - lib/primer/view_components/version.rb

data/app/components/primer/slot.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @private
-  class Slot < ViewComponent::Slot
-    include ClassNameHelper
-    include FetchOrFallbackHelper
-    include JoinStyleArgumentsHelper
-  end
-end

data/app/lib/primer/classify/functional_colors.rb.orig

@@ -1,124 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class Classify
-    # https://primer-css-git-mkt-color-modes-docs-primer.vercel.app/css/support/v16-migration
-    class FunctionalColors
-      FUNCTIONAL_COLOR_REGEX = /(primary|secondary|tertiary|link|success|warning|danger|info|inverse|text_white)/.freeze
-
-      FUNCTIONAL_TEXT_OPTIONS = {
-        primary: :text_primary,
-        secondary: :text_secondary,
-        tertiary: :text_tertiary,
-        link: :text_link,
-        success: :text_success,
-        warning: :text_warning,
-        danger: :text_danger,
-        white: :text_white,
-        inverse: :text_inverse,
-      }.freeze
-
-      TEXT_COLOR_MAPPINGS = {
-        gray_dark: FUNCTIONAL_TEXT_OPTIONS[:primary],
-        gray: FUNCTIONAL_TEXT_OPTIONS[:secondary],
-        gray_light: FUNCTIONAL_TEXT_OPTIONS[:tertiary],
-        blue: FUNCTIONAL_TEXT_OPTIONS[:link],
-        green: FUNCTIONAL_TEXT_OPTIONS[:success],
-        yellow: FUNCTIONAL_TEXT_OPTIONS[:warning],
-        red: FUNCTIONAL_TEXT_OPTIONS[:danger],
-        white: FUNCTIONAL_TEXT_OPTIONS[:white],
-        # still unsure what will happen with these colors
-        black: nil,
-        orange: nil,
-        orange_light: nil,
-        purple: nil,
-        pink: nil,
-        inherit: nil
-      }.freeze
-
-<<<<<<< HEAD
-      TEXT_OPTIONS = [
-        :icon_primary,
-        :icon_secondary,
-        :icon_tertiary,
-        :icon_info,
-        :icon_success,
-        :icon_warning,
-        :icon_danger,
-        *FUNCTIONAL_TEXT_OPTIONS.values
-      ].freeze
-      DEPRECATED_TEXT_OPTIONS = TEXT_COLOR_MAPPINGS.keys.freeze
-=======
-      BORDER_COLOR_MAPPINGS = {
-        gray: :primary,
-        gray_light: :secondary,
-        gray_dark: :tertiary,
-        blue: :info,
-        green: :success,
-        yellow: :warning,
-        red: :danger,
-        white: :inverse,
-        # still unsure what will happen with these colors
-        gray_darker: nil,
-        blue_light: nil,
-        red_light: nil,
-        purple: nil,
-        black_fade: nil,
-        white_fade: nil
-      }.freeze
->>>>>>> extract functional color method and apply it to border
-
-      class << self
-        def text_color(val)
-          functional_color(
-            value: val,
-            functional_prefix: "color",
-            non_functional_prefix: "text",
-            mappings: TEXT_COLOR_MAPPINGS,
-            key: "color"
-          )
-        end
-
-        def border_color(val)
-          functional_color(
-            value: val,
-            functional_prefix: "color-border",
-            non_functional_prefix: "border",
-            mappings: BORDER_COLOR_MAPPINGS,
-            key: "border"
-          )
-        end
-
-        private
-
-        def functional_color(value:, functional_prefix:, non_functional_prefix:, mappings:, key:)
-          # the value is a functional color
-          return "#{functional_prefix}-#{value.to_s.dasherize}" if ends_with_number?(value) || FUNCTIONAL_COLOR_REGEX.match?(value)
-          # if the app still allows non functional colors
-          return "#{non_functional_prefix}-#{value.to_s.dasherize}" unless force_functional_colors?
-
-          if mappings.key?(value)
-            functional_color = mappings[value]
-            # colors without functional mapping stay the same
-            return "#{non_functional_prefix}-#{value.to_s.dasherize}" if functional_color.blank?
-
-            ActiveSupport::Deprecation.warn("#{key} #{value} is deprecated. Please use #{functional_color} instead.") unless Rails.env.production?
-
-            return "#{functional_prefix}-#{functional_color.to_s.dasherize}"
-          end
-
-          raise ArgumentError, "#{key} #{value} does not exist."
-        end
-
-        def ends_with_number?(val)
-          char_code = val[-1].ord
-          char_code >= 48 && char_code <= 57
-        end
-
-        def force_functional_colors?
-          Rails.application.config.primer_view_components.force_functional_colors
-        end
-      end
-    end
-  end
-end

data/app/lib/primer/view_helper/dsl.rb

@@ -1,34 +0,0 @@
-# frozen_string_literal: true
-
-require "active_support/concern"
-
-module Primer
-  # :nodoc:
-  module ViewHelper
-    # DSL to allow components to register a View Helper for shorthand calls.
-    #
-    # Example:
-    #
-    # class MyComponent < ViewComponent::Base
-    #   include Primer::ViewHelper::Dsl
-    #   view_helper :my_component
-    # end
-    module Dsl
-      extend ActiveSupport::Concern
-
-      class ViewHelperAlreadyDefined < StandardError; end
-
-      included do
-        class_attribute :primer_helpers, instance_writer: false, default: {}
-      end
-
-      class_methods do
-        def view_helper(name)
-          raise ViewHelperAlreadyDefined, "#{name} is already defined" if primer_helpers[name].present?
-
-          primer_helpers[name] = self
-        end
-      end
-    end
-  end
-end