openproject-primer_view_components 0.61.0 → 0.62.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +16 -0
  3. data/app/assets/javascripts/primer_view_components.js +1 -1
  4. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  5. data/app/components/primer/open_project/border_box/collapsible_header.html.erb +2 -2
  6. data/app/components/primer/open_project/border_box/collapsible_header.rb +1 -0
  7. data/app/components/primer/open_project/collapsible.js +4 -4
  8. data/app/components/primer/open_project/collapsible.ts +4 -4
  9. data/app/components/primer/open_project/collapsible_section.html.erb +4 -5
  10. data/lib/primer/view_components/version.rb +1 -1
  11. data/previews/primer/open_project/page_header_preview/playground.html.erb +1 -1
  12. data/previews/primer/open_project/page_header_preview.rb +1 -1
  13. metadata +7 -7
data/app/components/primer/open_project/border_box/collapsible_header.html.erb CHANGED
@@ -5,8 +5,8 @@
5
5
  <% if count? %>
6
6
  <%= count %>
7
7
  <% end %>
8
- <%= render(Primer::Beta::Octicon.new(icon: "chevron-up", data: { target: "collapsible-header.arrowUp" })) %>
9
- <%= render(Primer::Beta::Octicon.new(icon: "chevron-down", hidden: true, data: { target: "collapsible-header.arrowDown" })) %>
8
+ <%= render(Primer::Beta::Octicon.new(icon: "chevron-up", hidden: @collapsed, data: { target: "collapsible-header.arrowUp" })) %>
9
+ <%= render(Primer::Beta::Octicon.new(icon: "chevron-down", hidden: !@collapsed, data: { target: "collapsible-header.arrowDown" })) %>
10
10
  <% end %>
11
11
  <%= flex.with_row do %>
12
12
  <% if description? %>
data/app/components/primer/open_project/border_box/collapsible_header.rb CHANGED
@@ -39,6 +39,7 @@ module Primer
39
39
  }
40
40
  }
41
41
  )
42
+ system_arguments[:hidden] = @collapsed
42
43
 
43
44
  Primer::Beta::Text.new(**system_arguments, &block)
44
45
  }
data/app/components/primer/open_project/collapsible.js CHANGED
@@ -26,16 +26,16 @@ export class CollapsibleElement extends HTMLElement {
26
26
  }
27
27
  hideAll() {
28
28
  // For whatever reason, setting `hidden` directly does not work on the SVGs
29
- this.arrowDown.removeAttribute('hidden');
30
- this.arrowUp.setAttribute('hidden', '');
29
+ this.arrowDown?.removeAttribute('hidden');
30
+ this.arrowUp?.setAttribute('hidden', '');
31
31
  for (const el of this.collapsibleElements) {
32
32
  el.hidden = true;
33
33
  }
34
34
  this.classList.add(`${this.baseClass}--collapsed`);
35
35
  }
36
36
  expandAll() {
37
- this.arrowUp.removeAttribute('hidden');
38
- this.arrowDown.setAttribute('hidden', '');
37
+ this.arrowUp?.removeAttribute('hidden');
38
+ this.arrowDown?.setAttribute('hidden', '');
39
39
  for (const el of this.collapsibleElements) {
40
40
  el.hidden = false;
41
41
  }
data/app/components/primer/open_project/collapsible.ts CHANGED
@@ -24,8 +24,8 @@ export abstract class CollapsibleElement extends HTMLElement {
24
24
 
25
25
  hideAll() {
26
26
  // For whatever reason, setting `hidden` directly does not work on the SVGs
27
- this.arrowDown.removeAttribute('hidden')
28
- this.arrowUp.setAttribute('hidden', '')
27
+ this.arrowDown?.removeAttribute('hidden')
28
+ this.arrowUp?.setAttribute('hidden', '')
29
29
 
30
30
  for (const el of this.collapsibleElements) {
31
31
  el.hidden = true
@@ -35,8 +35,8 @@ export abstract class CollapsibleElement extends HTMLElement {
35
35
  }
36
36
 
37
37
  expandAll() {
38
- this.arrowUp.removeAttribute('hidden')
39
- this.arrowDown.setAttribute('hidden', '')
38
+ this.arrowUp?.removeAttribute('hidden')
39
+ this.arrowDown?.setAttribute('hidden', '')
40
40
 
41
41
  for (const el of this.collapsibleElements) {
42
42
  el.hidden = false
data/app/components/primer/open_project/collapsible_section.html.erb CHANGED
@@ -1,7 +1,6 @@
1
1
  <%= render(Primer::BaseComponent.new(**@system_arguments)) do %>
2
2
  <%= render(Primer::OpenProject::FlexLayout.new) do |flex| %>
3
- <%= flex.with_row(mb: 3,
4
- classes: "CollapsibleSection--triggerArea",
3
+ <%= flex.with_row(classes: "CollapsibleSection--triggerArea",
5
4
  data: { action: "click:collapsible-section#toggle" }) do %>
6
5
  <%= render(Primer::OpenProject::FlexLayout.new(display: :flex, align_items: :center)) do |header| %>
7
6
  <%= header.with_column do %>
@@ -11,15 +10,15 @@
11
10
  <%= caption %>
12
11
  <% end %>
13
12
  <%= header.with_column do %>
14
- <%= render(Primer::Beta::Octicon.new(icon: "chevron-up", data: { target: "collapsible-section.arrowUp" })) %>
15
- <%= render(Primer::Beta::Octicon.new(icon: "chevron-down", hidden: true, data: { target: "collapsible-section.arrowDown" })) %>
13
+ <%= render(Primer::Beta::Octicon.new(icon: "chevron-up", hidden: @collapsed, data: { target: "collapsible-section.arrowUp" })) %>
14
+ <%= render(Primer::Beta::Octicon.new(icon: "chevron-down", hidden: !@collapsed, data: { target: "collapsible-section.arrowDown" })) %>
16
15
  <% end %>
17
16
  <%= header.with_column(flex: 1, text_align: :right) do %>
18
17
  <%= additional_information %>
19
18
  <% end %>
20
19
  <% end %>
21
20
  <% end %>
22
- <%= flex.with_row(data: { targets: "collapsible-section.collapsibleElements" }) do %>
21
+ <%= flex.with_row(hidden: @collapsed, mt: 3, data: { targets: "collapsible-section.collapsibleElements" }) do %>
23
22
  <%= collapsible_content %>
24
23
  <% end %>
25
24
  <% end %>
data/lib/primer/view_components/version.rb CHANGED
@@ -5,7 +5,7 @@ module Primer
5
5
  module ViewComponents
6
6
  module VERSION
7
7
  MAJOR = 0
8
- MINOR = 61
8
+ MINOR = 62
9
9
  PATCH = 0
10
10
 
11
11
  STRING = [MAJOR, MINOR, PATCH].join(".")
data/previews/primer/open_project/page_header_preview/playground.html.erb CHANGED
@@ -1,7 +1,7 @@
1
1
  <%= render Primer::OpenProject::PageHeader.new(state: in_edit_state ? :edit : :show) do |header| %>
2
2
  <%= header.with_title(variant: variant) do |t| %>
3
3
  <% if in_edit_state %>
4
- <%= t.with_editable_form(model: nil, update_path: "/foo", cancel_path: "/bar") %>
4
+ <%= t.with_editable_form(update_path: "/foo", cancel_path: "/bar") %>
5
5
  <% end %>
6
6
  <%= title %>
7
7
  <% end %>
data/previews/primer/open_project/page_header_preview.rb CHANGED
@@ -62,7 +62,7 @@ module Primer
62
62
  breadcrumb_items = [{ href: "/foo", text: "Foo" }, { href: "/bar", text: "Bar" }, "Baz"]
63
63
  render(Primer::OpenProject::PageHeader.new(state: :edit)) do |header|
64
64
  header.with_title do |title|
65
- title.with_editable_form(model: nil, update_path: "/foo", cancel_path: "/bar")
65
+ title.with_editable_form(update_path: "/foo", cancel_path: "/bar")
66
66
  "Hello"
67
67
  end
68
68
  header.with_breadcrumbs(breadcrumb_items)
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: openproject-primer_view_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.61.0
4
+ version: 0.62.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-04-11 00:00:00.000000000 Z
12
+ date: 2025-04-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionview
@@ -17,28 +17,28 @@ dependencies:
17
17
  requirements:
18
18
  - - ">="
19
19
  - !ruby/object:Gem::Version
20
- version: 5.0.0
20
+ version: 7.1.0
21
21
  type: :runtime
22
22
  prerelease: false
23
23
  version_requirements: !ruby/object:Gem::Requirement
24
24
  requirements:
25
25
  - - ">="
26
26
  - !ruby/object:Gem::Version
27
- version: 5.0.0
27
+ version: 7.1.0
28
28
  - !ruby/object:Gem::Dependency
29
29
  name: activesupport
30
30
  requirement: !ruby/object:Gem::Requirement
31
31
  requirements:
32
32
  - - ">="
33
33
  - !ruby/object:Gem::Version
34
- version: 5.0.0
34
+ version: 7.1.0
35
35
  type: :runtime
36
36
  prerelease: false
37
37
  version_requirements: !ruby/object:Gem::Requirement
38
38
  requirements:
39
39
  - - ">="
40
40
  - !ruby/object:Gem::Version
41
- version: 5.0.0
41
+ version: 7.1.0
42
42
  - !ruby/object:Gem::Dependency
43
43
  name: openproject-octicons
44
44
  requirement: !ruby/object:Gem::Requirement
@@ -1122,7 +1122,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
1122
1122
  requirements:
1123
1123
  - - ">="
1124
1124
  - !ruby/object:Gem::Version
1125
- version: 2.7.0
1125
+ version: 3.2.0
1126
1126
  required_rubygems_version: !ruby/object:Gem::Requirement
1127
1127
  requirements:
1128
1128
  - - ">="