primer_view_components 0.0.93 → 0.0.94

data/app/components/primer/alpha/{toggle-switch-element.js → toggle_switch.js}

@@ -1,5 +1,3 @@
-/* eslint-disable custom-elements/expose-class-on-global */
-/* eslint-disable custom-elements/define-tag-after-class-definition */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -135,3 +133,7 @@ ToggleSwitchElement = __decorate([
     controller
 ], ToggleSwitchElement);
 export { ToggleSwitchElement };
+if (!window.customElements.get('toggle-switch')) {
+    window.ToggleSwitchElement = ToggleSwitchElement;
+    window.customElements.define('toggle-switch', ToggleSwitchElement);
+}

data/app/components/primer/alpha/{toggle-switch-element.ts → toggle_switch.ts}

@@ -1,6 +1,3 @@
-/* eslint-disable custom-elements/expose-class-on-global */
-/* eslint-disable custom-elements/define-tag-after-class-definition */
-
 import {controller, target} from '@github/catalyst'
 import {debounce} from '@github/mini-throttle/decorators'
 
@@ -146,3 +143,8 @@ declare global {
     ToggleSwitchElement: typeof ToggleSwitchElement
   }
 }
+
+if (!window.customElements.get('toggle-switch')) {
+  window.ToggleSwitchElement = ToggleSwitchElement
+  window.customElements.define('toggle-switch', ToggleSwitchElement)
+}

data/app/components/primer/base_button.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Primer
+  class BaseButton < Primer::Beta::BaseButton
+    status :deprecated
+  end
+end

data/app/components/primer/beta/avatar_stack.rb

@@ -70,7 +70,7 @@ module Primer
 
       def body_component
         if @tooltipped
-          Primer::Tooltip.new(**@body_arguments)
+          Primer::Tooltip.new(**@body_arguments) # rubocop:disable Primer/ComponentNameMigration
         else
           Primer::BaseComponent.new(**@body_arguments)
         end

data/app/components/primer/beta/base_button.rb

@@ -43,5 +43,3 @@ module Primer
     end
   end
 end
-
-Primer::BaseButton = Primer::Beta::BaseButton

data/app/components/primer/button_group.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Primer
+  class ButtonGroup < Primer::Beta::ButtonGroup
+    status :deprecated
+  end
+end

data/app/components/primer/{clipboard_copy_component.js → clipboard_copy.js}

@@ -23,7 +23,7 @@ function showCheck(button) {
     showSVG(checkIcon);
 }
 const clipboardCopyElementTimers = new WeakMap();
-document.addEventListener('clipboard-copy', function ({ target }) {
+document.addEventListener('clipboard-copy', ({ target }) => {
     if (!(target instanceof HTMLElement))
         return;
     if (!target.hasAttribute('data-view-component'))

data/app/components/primer/{clipboard_copy_component.ts → clipboard_copy.ts}

@@ -32,7 +32,7 @@ function showCheck(button: HTMLElement) {
 
 const clipboardCopyElementTimers = new WeakMap<HTMLElement, number>()
 
-document.addEventListener('clipboard-copy', function ({target}) {
+document.addEventListener('clipboard-copy', ({target}) => {
   if (!(target instanceof HTMLElement)) return
   if (!target.hasAttribute('data-view-component')) return
 

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

@@ -1,10 +1,10 @@
+import './alpha/modal_dialog';
+import './alpha/toggle_switch';
+import './alpha/tool_tip';
 import './beta/auto_complete/auto_complete';
-import './clipboard_copy_component';
+import './clipboard_copy';
+import './dropdown';
+import './image_crop';
+import './local_time';
 import './tab_container_component';
 import './time_ago_component';
-import './local_time';
-import './image_crop';
-import './dropdown';
-import './alpha/toggle-switch-element';
-import './alpha/tool-tip-element';
-import './alpha/modal-dialog-element';

data/app/components/primer/primer.js

@@ -1,10 +1,10 @@
+import './alpha/modal_dialog';
+import './alpha/toggle_switch';
+import './alpha/tool_tip';
 import './beta/auto_complete/auto_complete';
-import './clipboard_copy_component';
+import './clipboard_copy';
+import './dropdown';
+import './image_crop';
+import './local_time';
 import './tab_container_component';
 import './time_ago_component';
-import './local_time';
-import './image_crop';
-import './dropdown';
-import './alpha/toggle-switch-element';
-import './alpha/tool-tip-element';
-import './alpha/modal-dialog-element';

data/app/components/primer/primer.ts

@@ -1,10 +1,10 @@
+import './alpha/modal_dialog'
+import './alpha/toggle_switch'
+import './alpha/tool_tip'
 import './beta/auto_complete/auto_complete'
-import './clipboard_copy_component'
+import './clipboard_copy'
+import './dropdown'
+import './image_crop'
+import './local_time'
 import './tab_container_component'
 import './time_ago_component'
-import './local_time'
-import './image_crop'
-import './dropdown'
-import './alpha/toggle-switch-element'
-import './alpha/tool-tip-element'
-import './alpha/modal-dialog-element'

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

@@ -20,7 +20,8 @@ module Primer
         alpha: :alpha,
         beta: :beta,
         stable: :stable,
-        deprecated: :deprecated
+        deprecated: :deprecated,
+        experimental: :experimental
       }.freeze
 
       class UnknownStatusError < StandardError; end

data/lib/primer/deprecations.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Primer
+  # :nodoc:
+  module Deprecations
+    # If there is no alternative to suggest, set the value to nil
+    DEPRECATED_COMPONENTS = {
+      "Primer::Alpha::AutoComplete" => "Primer::Beta::AutoComplete",
+      "Primer::Alpha::AutoComplete::Item" => "Primer::Beta::AutoComplete::Item",
+      "Primer::BaseButton" => "Primer::Beta::BaseButton",
+      "Primer::BlankslateComponent" => "Primer::Beta::Blankslate",
+      "Primer::BoxComponent" => "Primer::Box",
+      "Primer::ButtonGroup" => "Primer::Beta::ButtonGroup",
+      "Primer::CloseButton" => "Primer::Beta::CloseButton",
+      "Primer::CounterComponent" => "Primer::Beta::Counter",
+      "Primer::DetailsComponent" => "Primer::Beta::Details",
+      "Primer::DropdownMenuComponent" => nil,
+      "Primer::FlexComponent" => nil,
+      "Primer::FlexItemComponent" => nil,
+      "Primer::HeadingComponent" => "Primer::Beta::Heading",
+      "Primer::HiddenTextExpander" => "Primer::Alpha::HiddenTextExpander",
+      "Primer::Tooltip" => "Primer::Alpha::Tooltip"
+    }.freeze
+
+    def self.deprecated?(name)
+      DEPRECATED_COMPONENTS.key?(name)
+    end
+
+    def self.suggested_component(name)
+      DEPRECATED_COMPONENTS[name]
+    end
+
+    def self.correctable?(name)
+      !suggested_component(name).nil?
+    end
+  end
+end

data/lib/primer/view_components/linters/helpers/deprecated_components_helpers.rb

@@ -1,30 +1,20 @@
 # frozen_string_literal: true
 
+require "primer/deprecations"
+
 module ERBLint
   module Linters
     module Helpers
       # Helpers to share between DeprecatedComponents ERB lint and Rubocop cop
       module DeprecatedComponentsHelpers
-        # If there is no alternative to suggest, set the value to nil
-        COMPONENT_TO_USE_INSTEAD = {
-          "Primer::HiddenTextExpander" => "Primer::Alpha::HiddenTextExpander",
-          "Primer::HeadingComponent" => "Primer::Beta::Heading",
-          "Primer::CloseButton" => "Primer::Beta::CloseButton",
-          "Primer::CounterComponent" => "Primer::Beta::Counter",
-          "Primer::DetailsComponent" => "Primer::Beta::Details",
-          "Primer::Alpha::AutoComplete::Item" => "Primer::Beta::AutoComplete::Item",
-          "Primer::Alpha::AutoComplete" => "Primer::Beta::AutoComplete",
-          "Primer::BlankslateComponent" => "Primer::Beta::Blankslate",
-          "Primer::BoxComponent" => "Primer::Box",
-          "Primer::DropdownMenuComponent" => nil,
-          "Primer::Tooltip" => "Primer::Alpha::Tooltip",
-          "Primer::FlexComponent" => nil,
-          "Primer::FlexItemComponent" => nil
-        }.freeze
-
         def message(component)
           message = "#{component} has been deprecated and should not be used."
-          message += " Try #{COMPONENT_TO_USE_INSTEAD[component]} instead." if COMPONENT_TO_USE_INSTEAD.fetch(component).present?
+
+          if Primer::Deprecations.correctable?(component)
+            suggested_component = Primer::Deprecations.suggested_component(component)
+            message += " Try #{suggested_component} instead."
+          end
+
           message
         end
 

data/lib/primer/view_components/version.rb

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

data/lib/rubocop/cop/primer/component_name_migration.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require "rubocop"
+require "primer/deprecations"
 
 # :nocov:
 module RuboCop
@@ -14,28 +15,19 @@ module RuboCop
       # good
       # Primer::Beta::ComponentName.new()
       class ComponentNameMigration < BaseCop
-        DEPRECATIONS = {
-          "Primer::HiddenTextExpander" => "Primer::Alpha::HiddenTextExpander",
-          "Primer::DetailsComponent" => "Primer::Beta::Details",
-          "Primer::HeadingComponent" => "Primer::Beta::Heading",
-          "Primer::BoxComponent" => "Primer::Box",
-          "Primer::ButtonGroup" => "Primer::Beta::ButtonGroup",
-          "Primer::CloseButton" => "Primer::Beta::CloseButton",
-          "Primer::CounterComponent" => "Primer::Beta::Counter",
-          "Primer::BlankslateComponent" => "Primer::Beta::Blankslate",
-          "Primer::BaseButton" => "Primer::Beta::BaseButton",
-          "Primer::TestComponent" => "Primer::Beta::Test"
-        }.freeze
-
         def on_send(node)
-          return unless node.method_name == :new && !node.receiver.nil? && DEPRECATIONS.key?(node.receiver.const_name)
+          return unless node.method_name == :new && !node.receiver.nil? && ::Primer::Deprecations.deprecated?(node.receiver.const_name)
 
           add_offense(node.receiver, message: "Don't use deprecated names")
         end
 
         def autocorrect(node)
           lambda do |corrector|
-            corrector.replace(node, DEPRECATIONS[node.const_name])
+            component_name = node.const_name
+            return unless ::Primer::Deprecations.correctable?(component_name)
+
+            suggested_component = ::Primer::Deprecations.suggested_component(component_name)
+            corrector.replace(node, suggested_component) if suggested_component.present?
           end
         end
       end

data/lib/tasks/deprecated.rake

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "primer/deprecations"
+
 namespace :deprecated do
   task :check do
     require_relative "./../primer/view_components/linters/helpers/deprecated_components_helpers"
@@ -7,11 +9,14 @@ namespace :deprecated do
 
     puts "Checking that officially deprecated components are linted by `DeprecatedComponents` linter...."
 
-    if Primer::ViewComponents::STATUSES.select { |_, value| value == "deprecated" }.keys.sort != ERBLint::Linters::Helpers::DeprecatedComponentsHelpers::COMPONENT_TO_USE_INSTEAD.keys.sort
+    deprecated_by_status = Primer::ViewComponents::STATUSES.select { |_, value| value == "deprecated" }.keys.sort
+    deprecated_by_list = ::Primer::Deprecations::DEPRECATED_COMPONENTS.keys.sort
+
+    if deprecated_by_status != deprecated_by_list
       puts "\n**************************************************************************************************************************"
       raise "Please make sure that components are officially deprecated by setting the `status :deprecated` within the component file.\n"\
       "Run `bundle exec rake static:dump` so the deprecated status is reflected in `statuses.json`.\n"\
-      "Make sure to provide an alternative component for each deprecated component in `ERBLint::Linters::Helpers::DeprecatedComponentsHelpers::COMPONENT_TO_USE_INSTEAD`.\n"\
+      "Make sure to provide an alternative component for each deprecated component in `Primer::Deprecations::DEPRECATED_COMPONENTS` (lib/primer/deprecations.rb).\n"\
       "If there is no alternative to suggest, set the value to nil."
     end
 

data/lib/tasks/docs.rake

@@ -87,7 +87,8 @@ namespace :docs do
       Primer::Alpha::UnderlinePanels,
       Primer::Alpha::TabNav,
       Primer::Alpha::TabPanels,
-      Primer::Alpha::Tooltip
+      Primer::Alpha::Tooltip,
+      Primer::Alpha::ToggleSwitch
     ]
 
     js_components = [

data/static/arguments.yml

@@ -236,6 +236,40 @@
     type: Proc
     default: N/A
     description: Unused.
+- component: ToggleSwitch
+  source: https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb
+  parameters:
+  - name: src
+    type: String
+    default: "`nil`"
+    description: The URL to POST to when the toggle switch is toggled. If `nil`, the
+      toggle switch will not make any requests.
+  - name: csrf_token
+    type: String
+    default: "`nil`"
+    description: A CSRF token that will be sent to the server as "authenticity_token"
+      when the toggle switch is toggled. Unused if `src` is `nil`.
+  - name: checked
+    type: Boolean
+    default: "`false`"
+    description: Whether the toggle switch is on or off.
+  - name: enabled
+    type: Boolean
+    default: "`true`"
+    description: Whether or not the toggle switch responds to user input.
+  - name: size
+    type: Symbol
+    default: "`:medium`"
+    description: What size toggle switch to render. One of `:end` or `:start`.
+  - name: status_label_position
+    type: Symbol
+    default: "`:start`"
+    description: Which side of the toggle switch to render the status label. One of
+      `:medium` or `:small`.
+  - name: system_arguments
+    type: Hash
+    default: N/A
+    description: "[System arguments](/system-arguments)"
 - component: Tooltip
   source: https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb
   parameters:

data/static/audited_at.json

@@ -17,6 +17,7 @@
   "Primer::Alpha::Tooltip": "",
   "Primer::Alpha::UnderlineNav": "",
   "Primer::Alpha::UnderlinePanels": "",
+  "Primer::BaseButton": "",
   "Primer::BaseComponent": "",
   "Primer::Beta::AutoComplete": "",
   "Primer::Beta::AutoComplete::Item": "",
@@ -43,6 +44,7 @@
   "Primer::Box": "",
   "Primer::BoxComponent": "",
   "Primer::ButtonComponent": "",
+  "Primer::ButtonGroup": "",
   "Primer::ClipboardCopy": "",
   "Primer::CloseButton": "",
   "Primer::ConditionalWrapper": "",

data/static/constants.json

@@ -236,6 +236,8 @@
   },
   "Primer::Alpha::UnderlinePanels": {
   },
+  "Primer::BaseButton": {
+  },
   "Primer::BaseComponent": {
     "SELF_CLOSING_TAGS": [
       "area",
@@ -533,6 +535,8 @@
       "medium"
     ]
   },
+  "Primer::ButtonGroup": {
+  },
   "Primer::ClipboardCopy": {
   },
   "Primer::CloseButton": {

data/static/statuses.json

@@ -17,6 +17,7 @@
   "Primer::Alpha::Tooltip": "alpha",
   "Primer::Alpha::UnderlineNav": "alpha",
   "Primer::Alpha::UnderlinePanels": "alpha",
+  "Primer::BaseButton": "deprecated",
   "Primer::BaseComponent": "beta",
   "Primer::Beta::AutoComplete": "beta",
   "Primer::Beta::AutoComplete::Item": "beta",
@@ -43,6 +44,7 @@
   "Primer::Box": "stable",
   "Primer::BoxComponent": "deprecated",
   "Primer::ButtonComponent": "beta",
+  "Primer::ButtonGroup": "deprecated",
   "Primer::ClipboardCopy": "beta",
   "Primer::CloseButton": "deprecated",
   "Primer::ConditionalWrapper": "alpha",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.93
+  version: 0.0.94
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-09-01 00:00:00.000000000 Z
+date: 2022-09-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -421,27 +421,28 @@ files:
 - app/components/primer/alpha/hidden_text_expander.rb
 - app/components/primer/alpha/layout.html.erb
 - app/components/primer/alpha/layout.rb
-- app/components/primer/alpha/modal-dialog-element.d.ts
-- app/components/primer/alpha/modal-dialog-element.js
-- app/components/primer/alpha/modal-dialog-element.ts
+- app/components/primer/alpha/modal_dialog.d.ts
+- app/components/primer/alpha/modal_dialog.js
+- app/components/primer/alpha/modal_dialog.ts
 - app/components/primer/alpha/tab_nav.html.erb
 - app/components/primer/alpha/tab_nav.rb
 - app/components/primer/alpha/tab_panels.html.erb
 - app/components/primer/alpha/tab_panels.rb
 - app/components/primer/alpha/text_field.rb
-- app/components/primer/alpha/toggle-switch-element.d.ts
-- app/components/primer/alpha/toggle-switch-element.js
-- app/components/primer/alpha/toggle-switch-element.ts
+- app/components/primer/alpha/toggle_switch.d.ts
 - app/components/primer/alpha/toggle_switch.html.erb
+- app/components/primer/alpha/toggle_switch.js
 - app/components/primer/alpha/toggle_switch.rb
-- app/components/primer/alpha/tool-tip-element.d.ts
-- app/components/primer/alpha/tool-tip-element.js
-- app/components/primer/alpha/tool-tip-element.ts
+- app/components/primer/alpha/toggle_switch.ts
+- app/components/primer/alpha/tool_tip.d.ts
+- app/components/primer/alpha/tool_tip.js
+- app/components/primer/alpha/tool_tip.ts
 - app/components/primer/alpha/tooltip.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/base_button.rb
 - app/components/primer/base_component.rb
 - app/components/primer/beta/auto_complete.rb
 - app/components/primer/beta/auto_complete/auto_complete.d.ts
@@ -485,11 +486,12 @@ files:
 - app/components/primer/box_component.rb
 - app/components/primer/button_component.html.erb
 - app/components/primer/button_component.rb
+- app/components/primer/button_group.rb
+- app/components/primer/clipboard_copy.d.ts
 - app/components/primer/clipboard_copy.html.erb
+- app/components/primer/clipboard_copy.js
 - app/components/primer/clipboard_copy.rb
-- app/components/primer/clipboard_copy_component.d.ts
-- app/components/primer/clipboard_copy_component.js
-- app/components/primer/clipboard_copy_component.ts
+- app/components/primer/clipboard_copy.ts
 - app/components/primer/close_button.rb
 - app/components/primer/component.rb
 - app/components/primer/conditional_wrapper.rb
@@ -508,12 +510,6 @@ files:
 - app/components/primer/dropdown/menu.ts
 - app/components/primer/dropdown_menu_component.html.erb
 - app/components/primer/dropdown_menu_component.rb
-- app/components/primer/experimental/action-bar-element.d.ts
-- app/components/primer/experimental/action-bar-element.js
-- app/components/primer/experimental/action-menu-element.d.ts
-- app/components/primer/experimental/action-menu-element.js
-- app/components/primer/experimental/overflow-menu-element.d.ts
-- app/components/primer/experimental/overflow-menu-element.js
 - app/components/primer/flex_component.rb
 - app/components/primer/flex_item_component.rb
 - app/components/primer/heading_component.rb
@@ -590,6 +586,7 @@ files:
 - lib/primer/classify/utilities.rb
 - lib/primer/classify/utilities.yml
 - lib/primer/classify/validation.rb
+- lib/primer/deprecations.rb
 - lib/primer/form_components.rb
 - lib/primer/forms/acts_as_component.rb
 - lib/primer/forms/base.html.erb

data/app/components/primer/experimental/action-bar-element.d.ts

@@ -1,14 +0,0 @@
-import type { ActionMenuElement } from './action-menu-element';
-export declare class ActionBarElement extends HTMLElement {
-    #private;
-    items: HTMLElement[];
-    menuItems: HTMLElement[];
-    moreMenu: ActionMenuElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}
-declare global {
-    interface Window {
-        ActionBarElement: typeof ActionBarElement;
-    }
-}