openproject-primer_view_components 0.49.2 → 0.50.0

data/lib/primer/forms/toggle_switch_input.js

@@ -0,0 +1,34 @@
+/* eslint-disable custom-elements/expose-class-on-global */
+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);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { controller, target } from '@github/catalyst';
+let ToggleSwitchInputElement = class ToggleSwitchInputElement extends HTMLElement {
+    connectedCallback() {
+        this.addEventListener('toggleSwitchError', (event) => {
+            this.validationMessageElement.textContent = event.detail;
+            this.validationElement.removeAttribute('hidden');
+        });
+        this.addEventListener('toggleSwitchSuccess', () => {
+            this.validationMessageElement.textContent = '';
+            this.validationElement.setAttribute('hidden', 'hidden');
+        });
+        this.addEventListener('toggleSwitchLoading', () => {
+            this.validationMessageElement.textContent = '';
+            this.validationElement.setAttribute('hidden', 'hidden');
+        });
+    }
+};
+__decorate([
+    target
+], ToggleSwitchInputElement.prototype, "validationElement", void 0);
+__decorate([
+    target
+], ToggleSwitchInputElement.prototype, "validationMessageElement", void 0);
+ToggleSwitchInputElement = __decorate([
+    controller
+], ToggleSwitchInputElement);
+export { ToggleSwitchInputElement };

data/lib/primer/static/generate_form_previews.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+# :nocov:
+
+require "json"
+
+module Primer
+  module Static
+    # :nodoc:
+    module GenerateFormPreviews
+      class << self
+        def call
+          Lookbook.previews.filter_map do |preview|
+            next unless preview.preview_class == Primer::FormsPreview
+
+            {
+              name: preview.name,
+              lookup_path: preview.lookup_path,
+              examples: preview.scenarios.flat_map do |parent_scenario|
+                scenarios = parent_scenario.type == :scenario_group ? parent_scenario.scenarios : [parent_scenario]
+
+                scenarios.map do |scenario|
+                  snapshot_tag = scenario.tags.find { |tag| tag.tag_name == "snapshot" }
+                  snapshot = if snapshot_tag.nil?
+                               "false"
+                             elsif snapshot_tag.text.blank?
+                               "true"
+                             else
+                               snapshot_tag.text
+                             end
+                  {
+                    preview_path: scenario.lookup_path,
+                    name: scenario.name,
+                    snapshot: snapshot
+                  }
+                end
+              end
+            }
+          end
+        end
+      end
+    end
+  end
+end

data/lib/primer/static.rb

@@ -15,6 +15,7 @@ module Primer
       audited_at: "audited_at.json",
       arguments: "arguments.json",
       previews: "previews.json",
+      form_previews: "form_previews.json",
       info_arch: "info_arch.json"
     }.freeze
 
@@ -50,6 +51,13 @@ module Primer
       Static::GeneratePreviews.call
     end
 
+    # Returns an array of hashes, one per example form, that contains some metadata and
+    # an array of all the form's previews. The preview data contains the Lookbook URL
+    # to each preview and its name.
+    def self.generate_form_previews
+      Static::GenerateFormPreviews.call
+    end
+
     # Returns an array of hashes, one per Primer component, that contains all the data needed
     # for the new primer.style docsite.
     def self.generate_info_arch

data/lib/primer/view_components/version.rb

@@ -5,8 +5,8 @@ module Primer
   module ViewComponents
     module VERSION
       MAJOR = 0
-      MINOR = 49
-      PATCH = 2
+      MINOR = 50
+      PATCH = 0
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/lib/tasks/custom_utilities.yml

@@ -370,3 +370,66 @@
   - flex-md-shrink-0
   - flex-lg-shrink-0
   - flex-xl-shrink-0
+:overflow:
+  :auto:
+  - overflow-auto
+  - overflow-sm-auto
+  - overflow-lg-auto
+  - overflow-xl-auto
+  :hidden:
+  - overflow-hidden
+  - overflow-sm-hidden
+  - overflow-lg-hidden
+  - overflow-xl-hidden
+  :scroll:
+  - overflow-scroll
+  - overflow-sm-scroll
+  - overflow-lg-scroll
+  - overflow-xl-scroll
+  :visible:
+  - overflow-visible
+  - overflow-sm-visible
+  - overflow-lg-visible
+  - overflow-xl-visible
+:overflow_x:
+  :auto:
+  - overflow-x-auto
+  - overflow-sm-x-auto
+  - overflow-lg-x-auto
+  - overflow-xl-x-auto
+  :hidden:
+  - overflow-x-hidden
+  - overflow-sm-x-hidden
+  - overflow-lg-x-hidden
+  - overflow-xl-x-hidden
+  :scroll:
+  - overflow-x-scroll
+  - overflow-sm-x-scroll
+  - overflow-lg-x-scroll
+  - overflow-xl-x-scroll
+  :visible:
+  - overflow-x-visible
+  - overflow-sm-x-visible
+  - overflow-lg-x-visible
+  - overflow-xl-x-visible
+:overflow_y:
+  :auto:
+  - overflow-y-auto
+  - overflow-sm-y-auto
+  - overflow-lg-y-auto
+  - overflow-xl-y-auto
+  :hidden:
+  - overflow-y-hidden
+  - overflow-sm-y-hidden
+  - overflow-lg-y-hidden
+  - overflow-xl-y-hidden
+  :scroll:
+  - overflow-y-scroll
+  - overflow-sm-y-scroll
+  - overflow-lg-y-scroll
+  - overflow-xl-y-scroll
+  :visible:
+  - overflow-y-visible
+  - overflow-sm-y-visible
+  - overflow-lg-y-visible
+  - overflow-xl-y-visible

data/previews/primer/beta/link_preview.rb

@@ -9,8 +9,14 @@ module Primer
       # @param underline [Boolean]
       # @param muted [Boolean]
       # @param scheme [Symbol] select [default, primary, secondary]
-      def playground(scheme: :default, muted: false, underline: true)
-        render(Primer::Beta::Link.new(href: "#", scheme: scheme, muted: muted, underline: underline)) { "This is a link!" }
+      # @param leading_visual_icon [Symbol] octicon
+      # @param trailing_visual_icon [Symbol] octicon
+      def playground(scheme: :default, muted: false, underline: true, leading_visual_icon: nil, trailing_visual_icon: nil)
+        render(Primer::Beta::Link.new(href: "#", scheme: scheme, muted: muted, underline: underline)) do |link|
+          link.with_leading_visual_icon(icon: leading_visual_icon) if leading_visual_icon && leading_visual_icon != :none
+          link.with_trailing_visual_icon(icon: trailing_visual_icon) if trailing_visual_icon && trailing_visual_icon != :none
+          "This is a link!"
+        end
       end
 
       # @label Default Options
@@ -66,6 +72,22 @@ module Primer
         render(Primer::Beta::Link.new(href: "#", scheme: :secondary, muted: true)) { "This is a muted secondary link color." }
       end
       # @!endgroup
+
+      # @label With leading icon
+      def with_leading_icon
+        render(Primer::Beta::Link.new(href: "#")) do |component|
+          component.with_leading_visual_icon(icon: :"mark-github")
+          "Link with leading icon"
+        end
+      end
+
+      # @label With trailing icon
+      def with_trailing_icon
+        render(Primer::Beta::Link.new(href: "#")) do |component|
+          component.with_trailing_visual_icon(icon: :"link-external")
+          "Link with trailing icon"
+        end
+      end
     end
   end
 end

data/previews/primer/forms_preview.rb

@@ -3,50 +3,71 @@
 module Primer
   # :nodoc:
   class FormsPreview < ViewComponent::Preview
+    # @snapshot
     def single_text_field_form; end
 
+    # @snapshot
     def multi_text_field_form; end
 
     def custom_width_fields_form; end
 
+    # @snapshot
     def text_field_and_checkbox_form; end
 
+    # @snapshot
     def horizontal_form; end
 
+    # @snapshot
     def composed_form; end
 
+    # @snapshot
     def submit_button_form; end
 
+    # @snapshot
     def radio_button_group_form; end
 
+    # @snapshot
     def check_box_group_form; end
 
+    # @snapshot
     def array_check_box_group_form; end
 
+    # @snapshot
     def select_form; end
 
+    # @snapshot
     def action_menu_form(route_format: :html)
       render_with_template(locals: { route_format: route_format })
     end
 
+    # @snapshot
     def radio_button_with_nested_form; end
 
+    # @snapshot
     def check_box_with_nested_form; end
 
+    # @snapshot
     def caption_template_form; end
 
+    # @snapshot
     def after_content_form; end
 
+    # @snapshot
     def invalid_form; end
 
+    # @snapshot
     def multi_input_form; end
 
+    # @snapshot
     def name_with_question_mark_form; end
 
+    # @snapshot
     def immediate_validation_form; end
 
+    # @snapshot
     def example_toggle_switch_form; end
 
+    # @snapshot
     def auto_complete_form; end
   end
 end

data/static/classes.json

@@ -422,6 +422,9 @@
   "Link--underline": [
     "Primer::Beta::Link"
   ],
+  "Link-content": [
+    "Primer::Beta::Link"
+  ],
   "Overlay": [
     "Primer::Alpha::Dialog",
     "Primer::Alpha::Overlay"

data/static/form_previews.json

@@ -0,0 +1,113 @@
+[
+  {
+    "name": "forms",
+    "lookup_path": "primer/forms",
+    "examples": [
+      {
+        "preview_path": "primer/forms/single_text_field_form",
+        "name": "single_text_field_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/multi_text_field_form",
+        "name": "multi_text_field_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/text_field_and_checkbox_form",
+        "name": "text_field_and_checkbox_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/horizontal_form",
+        "name": "horizontal_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/composed_form",
+        "name": "composed_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/submit_button_form",
+        "name": "submit_button_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/radio_button_group_form",
+        "name": "radio_button_group_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/check_box_group_form",
+        "name": "check_box_group_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/array_check_box_group_form",
+        "name": "array_check_box_group_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/select_form",
+        "name": "select_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/action_menu_form",
+        "name": "action_menu_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/radio_button_with_nested_form",
+        "name": "radio_button_with_nested_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/check_box_with_nested_form",
+        "name": "check_box_with_nested_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/caption_template_form",
+        "name": "caption_template_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/after_content_form",
+        "name": "after_content_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/invalid_form",
+        "name": "invalid_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/multi_input_form",
+        "name": "multi_input_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/name_with_question_mark_form",
+        "name": "name_with_question_mark_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/immediate_validation_form",
+        "name": "immediate_validation_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/example_toggle_switch_form",
+        "name": "example_toggle_switch_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/auto_complete_form",
+        "name": "auto_complete_form",
+        "snapshot": "true"
+      }
+    ]
+  }
+]

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.49.2
+  version: 0.50.0
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-11-25 00:00:00.000000000 Z
+date: 2024-12-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -402,6 +402,7 @@ files:
 - app/components/primer/beta/link.css
 - app/components/primer/beta/link.css.json
 - app/components/primer/beta/link.css.map
+- app/components/primer/beta/link.html.erb
 - app/components/primer/beta/link.pcss
 - app/components/primer/beta/link.rb
 - app/components/primer/beta/markdown.rb
@@ -718,10 +719,17 @@ files:
 - lib/primer/deprecations.yml
 - lib/primer/example_image.rb
 - lib/primer/form_components.rb
+- lib/primer/forms/primer_multi_input.d.ts
+- lib/primer/forms/primer_multi_input.js
+- lib/primer/forms/primer_text_field.d.ts
+- lib/primer/forms/primer_text_field.js
+- lib/primer/forms/toggle_switch_input.d.ts
+- lib/primer/forms/toggle_switch_input.js
 - lib/primer/static.rb
 - lib/primer/static/generate_arguments.rb
 - lib/primer/static/generate_audited_at.rb
 - lib/primer/static/generate_constants.rb
+- lib/primer/static/generate_form_previews.rb
 - lib/primer/static/generate_info_arch.rb
 - lib/primer/static/generate_previews.rb
 - lib/primer/static/generate_statuses.rb
@@ -1037,6 +1045,7 @@ files:
 - static/audited_at.json
 - static/classes.json
 - static/constants.json
+- static/form_previews.json
 - static/info_arch.json
 - static/previews.json
 - static/statuses.json